adp-web-components 0.4.1 → 0.4.2

package/dist/collection/features/mocks/data/assets/badges/badge-5.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#134e4a"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3d8b84" stroke-width="3"/>
+<circle cx="160" cy="80" r="22" fill="#fff"/><path d="M130 80C110 60 86 56 62 62C86 74 108 84 130 80Z M190 80C210 60 234 56 258 62C234 74 212 84 190 80Z" fill="#fff"/>
+</svg>

package/dist/collection/features/mocks/data/assets/badges/badge-6.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#312e81"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#6b67b8" stroke-width="3"/>
+<path d="M104 118L138 58L162 96L176 74L216 118Z" fill="#fff"/><path d="M104 44Q160 16 216 44" fill="none" stroke="#fff" stroke-width="8" stroke-linecap="round"/>
+</svg>

package/dist/collection/features/mocks/data/assets/documents/service-invoice-qr.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480">
+<style>.desk{fill:#e7e5e4}.page{fill:#fff;stroke:#d6d3d1}.ln{fill:#d6d3d1}.hd{fill:#3f3f46;font-size:20px;font-weight:700;letter-spacing:.04em}.sm{fill:#71717a;font-size:11px}.ink{fill:none;stroke:#1d4ed8;stroke-width:2.2;stroke-linecap:round}.rule{stroke:#a8a29e;stroke-width:1}.qr{fill:#18181b}</style>
+<rect class="desk" width="640" height="480"/>
+<rect x="150" y="26" width="340" height="428" rx="4" fill="#0000001a"/>
+<rect class="page" x="144" y="20" width="340" height="428" rx="4"/>
+<text class="hd" x="176" y="60" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">SERVICE INVOICE</text>
+<rect class="ln" x="176" y="78" width="120" height="6" rx="3"/><rect class="ln" x="176" y="92" width="90" height="6" rx="3"/><rect class="ln" x="176" y="106" width="150" height="6" rx="3"/>
+<rect x="368.3636363636364" y="40.36363636363637" width="87.27272727272727" height="87.27272727272727" fill="#fff"/><path class="qr" d="M401.09090909090907 44h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 44h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 47.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 47.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 51.27272727272727h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 51.27272727272727h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 58.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 58.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 62.18181818181818h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 62.18181818181818h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 65.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 65.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362z"/><rect class="qr" x="372" y="44" width="25.454545454545453" height="25.454545454545453"/><rect x="375.6363636363636" y="47.63636363636363" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="379.27272727272725" y="51.27272727272727" width="10.909090909090908" height="10.909090909090908"/><rect class="qr" x="426.54545454545456" y="44" width="25.454545454545453" height="25.454545454545453"/><rect x="430.1818181818182" y="47.63636363636363" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="433.8181818181818" y="51.27272727272727" width="10.909090909090908" height="10.909090909090908"/><rect class="qr" x="372" y="98.54545454545455" width="25.454545454545453" height="25.454545454545453"/><rect x="375.6363636363636" y="102.18181818181819" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="379.27272727272725" y="105.81818181818181" width="10.909090909090908" height="10.909090909090908"/>
+<line class="rule" x1="176" y1="140" x2="452" y2="140"/>
+<rect x="176" y="150" width="276" height="16" fill="#f4f4f5"/>
+<rect class="ln" x="184" y="155" width="60" height="6" rx="3"/><rect class="ln" x="300" y="155" width="40" height="6" rx="3"/><rect class="ln" x="392" y="155" width="40" height="6" rx="3"/>
+<rect class="ln" x="184" y="182" width="100" height="6" rx="3"/><rect class="ln" x="184" y="196" width="130" height="6" rx="3"/><rect class="ln" x="184" y="210" width="90" height="6" rx="3"/><rect class="ln" x="184" y="224" width="120" height="6" rx="3"/><rect class="ln" x="184" y="238" width="110" height="6" rx="3"/><rect class="ln" x="300" y="182" width="40" height="6" rx="3"/><rect class="ln" x="300" y="196" width="40" height="6" rx="3"/><rect class="ln" x="300" y="210" width="40" height="6" rx="3"/><rect class="ln" x="300" y="224" width="40" height="6" rx="3"/><rect class="ln" x="300" y="238" width="40" height="6" rx="3"/><rect class="ln" x="392" y="182" width="44" height="6" rx="3"/><rect class="ln" x="392" y="196" width="44" height="6" rx="3"/><rect class="ln" x="392" y="210" width="44" height="6" rx="3"/><rect class="ln" x="392" y="224" width="44" height="6" rx="3"/><rect class="ln" x="392" y="238" width="44" height="6" rx="3"/>
+<line class="rule" x1="176" y1="262" x2="452" y2="262"/>
+<rect x="340" y="276" width="112" height="34" rx="3" fill="none" stroke="#a8a29e"/>
+<rect class="ln" x="350" y="290" width="40" height="6" rx="3"/><rect class="ln" x="404" y="290" width="40" height="6" rx="3"/>
+<rect class="ln" x="176" y="340" width="180" height="6" rx="3"/><rect class="ln" x="176" y="354" width="140" height="6" rx="3"/><rect class="ln" x="176" y="368" width="200" height="6" rx="3"/>
+<text class="sm" x="176" y="420" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Scan the QR code to submit the claim</text>
+</svg>

package/dist/collection/features/mocks/data/assets/documents/signed-claim-document.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480">
+<style>.desk{fill:#e7e5e4}.page{fill:#fff;stroke:#d6d3d1}.ln{fill:#d6d3d1}.hd{fill:#3f3f46;font-size:20px;font-weight:700;letter-spacing:.04em}.sm{fill:#71717a;font-size:11px}.ink{fill:none;stroke:#1d4ed8;stroke-width:2.2;stroke-linecap:round}.rule{stroke:#a8a29e;stroke-width:1}.qr{fill:#18181b}</style>
+<rect class="desk" width="640" height="480"/>
+<rect x="150" y="26" width="340" height="428" rx="4" fill="#0000001a"/>
+<rect class="page" x="144" y="20" width="340" height="428" rx="4"/>
+<text class="hd" x="314" y="60" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">SERVICE CLAIM FORM</text>
+<line class="rule" x1="176" y1="74" x2="452" y2="74"/>
+<rect class="ln" x="176" y="92" width="200" height="6" rx="3"/><rect class="ln" x="176" y="106" width="150" height="6" rx="3"/><rect class="ln" x="176" y="120" width="240" height="6" rx="3"/><rect class="ln" x="176" y="134" width="120" height="6" rx="3"/>
+<rect x="176" y="160" width="276" height="120" rx="3" fill="none" stroke="#d6d3d1"/>
+<rect class="ln" x="190" y="176" width="140" height="6" rx="3"/><rect class="ln" x="190" y="190" width="220" height="6" rx="3"/><rect class="ln" x="190" y="204" width="180" height="6" rx="3"/><rect class="ln" x="190" y="218" width="230" height="6" rx="3"/><rect class="ln" x="190" y="232" width="160" height="6" rx="3"/><rect class="ln" x="190" y="246" width="200" height="6" rx="3"/><rect class="ln" x="190" y="260" width="120" height="6" rx="3"/>
+<line class="rule" x1="176" y1="300" x2="452" y2="300"/>
+<rect class="ln" x="176" y="318" width="90" height="6" rx="3"/>
+<path class="ink" d="M190 372C204 342 222 344 226 362C230 380 216 388 238 378C260 368 262 348 278 360C290 370 306 366 320 352C332 340 342 358 356 366C372 376 388 352 402 360"/>
+<line class="rule" x1="176" y1="392" x2="420" y2="392"/>
+<text class="sm" x="176" y="408" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Customer signature</text>
+<text class="sm" x="372" y="408" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Date</text>
+<rect class="ln" x="372" y="318" width="48" height="6" rx="3"/>
+<circle cx="440" cy="352" r="28" fill="none" stroke="#dc2626" stroke-width="3" opacity=".75"/>
+<text x="440" y="357" text-anchor="middle" fill="#dc2626" opacity=".75" font-size="12" font-weight="700" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">SIGNED</text>
+<g transform="rotate(-24 560 300)"><rect x="548" y="200" width="18" height="190" rx="9" fill="#27272a"/><path d="M548 390L557 418L566 390Z" fill="#a1a1aa"/></g>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-front-left-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-163.78 -393.26) scale(2.81)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p h" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(89.03 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left front door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-front-left.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p h" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left front door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-front-right-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-444.04 -393.26) scale(2.81)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p h" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(246.97 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right front door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-front-right.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p h" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right front door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-left-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-163.78 -685.39) scale(2.81)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p h" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(89.03 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left rear door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-left.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p h" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left rear door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-right-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-444.04 -685.39) scale(2.81)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p h" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(246.97 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right rear door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-right.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p h" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right rear door</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-left-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-150.67 -57.29) scale(2.6)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p h" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(83.71 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left front fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-left.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p h" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left front fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-right-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-388.33 -57.29) scale(2.6)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p h" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(252.29 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right front fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-right.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p h" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right front fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-left-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-176.77 -953.83) scale(3.01)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p h" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(94.31 344.36)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left rear fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-left.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p h" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Left rear fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-right-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-499.28 -953.83) scale(3.01)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p h" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(241.69 344.36)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right rear fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-right.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p h" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Right rear fender</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/hood-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-103.38 -19.54) scale(1.62)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p h" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(168 166.23)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Hood</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/hood.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p h" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Hood</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/panel.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Vehicle panel</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/roof-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-103.38 -233) scale(1.62)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p h" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(168 250)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Roof</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/roof.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p h" x="104" y="230" width="128" height="138" rx="8"/><rect class="p" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Roof</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/tail-gate-detail.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<g transform="translate(-103.38 -277.85) scale(1.62)"><rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p h" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/></g>
+<g transform="translate(168 439.38)"><circle class="m" r="16"/><path class="m" d="M0 -24V-12M0 12V24M-24 0H-12M12 0H24"/><rect class="tag" x="14" y="-44" width="52" height="24" rx="6"/><text class="tt" x="40" y="-27" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">µm</text></g>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Tail gate</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · CLOSE-UP</text>
+</svg>

package/dist/collection/features/mocks/data/assets/paint-panels/tail-gate.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
+<style>.f{fill:#f4f4f5}.b{fill:#d4d4d8;stroke:#71717a;stroke-width:2}.w{fill:#52525b}.g{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5}.p{fill:#fafafa;stroke:#a1a1aa;stroke-width:1.5}.h{fill:#f59e0b;stroke:#b45309;stroke-width:2}.c{fill:none;stroke:#71717a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t{fill:#18181b;font-size:22px;font-weight:700}.s{fill:#71717a;font-size:12px;letter-spacing:.08em}.m{fill:none;stroke:#1e3a8a;stroke-width:3}.tag{fill:#1e3a8a}.tt{fill:#fff;font-size:13px;font-weight:700}</style>
+<rect class="f" width="336" height="600"/>
+<rect class="w" x="64" y="88" width="22" height="60" rx="8"/><rect class="w" x="250" y="88" width="22" height="60" rx="8"/><rect class="w" x="64" y="400" width="22" height="60" rx="8"/><rect class="w" x="250" y="400" width="22" height="60" rx="8"/><path class="b" d="M114 44H222Q258 44 258 80V456Q258 484 230 484H106Q78 484 78 456V80Q78 44 114 44Z"/><ellipse class="w" cx="70" cy="204" rx="9" ry="6"/><ellipse class="w" cx="266" cy="204" rx="9" ry="6"/><path class="g" d="M98 178H238L228 226H108Z"/><path class="g" d="M108 372H228L238 412H98Z"/><rect class="p" x="104" y="56" width="128" height="118" rx="18"/><rect class="p" x="104" y="230" width="128" height="138" rx="8"/><rect class="p h" x="104" y="416" width="128" height="56" rx="14"/><rect class="p" x="80" y="62" width="20" height="112" rx="6"/><rect class="p" x="236" y="62" width="20" height="112" rx="6"/><rect class="p" x="80" y="180" width="20" height="98" rx="6"/><rect class="p" x="236" y="180" width="20" height="98" rx="6"/><rect class="p" x="80" y="284" width="20" height="98" rx="6"/><rect class="p" x="236" y="284" width="20" height="98" rx="6"/><rect class="p" x="80" y="388" width="20" height="86" rx="6"/><rect class="p" x="236" y="388" width="20" height="86" rx="6"/><path class="c" d="M160 34L168 22L176 34"/>
+<rect class="f" x="0" y="520" width="336" height="80"/><line x1="24" y1="520" x2="312" y2="520" stroke="#d4d4d8"/><text class="t" x="168" y="556" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Tail gate</text><text class="s" x="168" y="582" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">PAINT THICKNESS · PLAN VIEW</text>
+</svg>

package/dist/collection/features/mocks/get-mock-files.js

@@ -5,6 +5,7 @@
 import { Build } from "@stencil/core";
 import { version } from "../../../package.json";
 import { MockFiles } from "./types";
+import { localizeMockAssets } from "./mock-assets";
 const cachedMocks = {};
 export async function getMockFile(mockFileName, externalUrl = '') {
     const fileName = MockFiles[mockFileName];
@@ -14,22 +15,26 @@ export async function getMockFile(mockFileName, externalUrl = '') {
     return response;
 }
 async function requestMockFile(mockFile, externalUrl) {
-    if (cachedMocks[mockFile])
-        return await cachedMocks[mockFile];
+    let fetchUrl = externalUrl === null || externalUrl === void 0 ? void 0 : externalUrl.trim();
     try {
-        let fetchUrl;
-        if (!!externalUrl && !!externalUrl.trim().length)
-            fetchUrl = externalUrl;
-        else if (Build.isDev)
+        if (!fetchUrl && Build.isDev)
             fetchUrl = 'http://localhost:3000/mocks/' + mockFile;
-        else
+        else if (!fetchUrl)
             fetchUrl = `https://cdn.jsdelivr.net/npm/adp-web-components@${version}/dist/mocks/${mockFile}`;
-        const fetchPromise = fetch(fetchUrl).then(res => {
+        // The same file kind exists in every generated environment. Caching by the
+        // old logical filename made an environment change resurrect the first file
+        // after toggling back into development mode.
+        if (cachedMocks[fetchUrl])
+            return await cachedMocks[fetchUrl];
+        const fetchPromise = fetch(fetchUrl)
+            .then(res => {
             if (!res.ok)
-                delete cachedMocks[mockFile];
+                delete cachedMocks[fetchUrl];
             return res.json();
-        });
-        cachedMocks[mockFile] = fetchPromise;
+        })
+            // Fixture pictures point at the CDN copy of the package; a dev build reads the dev server's.
+            .then(localizeMockAssets);
+        cachedMocks[fetchUrl] = fetchPromise;
         const result = await fetchPromise;
         const count = Object.keys(result).length;
         console.log(`✅ Loaded mock: ${mockFile} (${count} items)`);
@@ -37,11 +42,11 @@ async function requestMockFile(mockFile, externalUrl) {
             key,
             value,
         })));
-        cachedMocks[mockFile] = result;
+        cachedMocks[fetchUrl] = result;
         return result;
     }
-    catch (error) {
-        delete cachedMocks[mockFile];
+    catch (_a) {
+        delete cachedMocks[fetchUrl];
         return {};
     }
 }

package/dist/collection/features/mocks/index.js

@@ -4,3 +4,4 @@
  */
 export * from './types';
 export * from './get-mock-files';
+export * from './mock-assets';