adp-web-components 0.4.1 → 0.4.2

package/dist/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/mocks/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/shift-components/{p-d2619ed3.entry.js → p-0395b900.entry.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{r as t,h as e}from"./p-CteZTPhq.js";import{c as i}from"./p-BK16Cn81.js";const o=class{constructor(e){t(this,e),this.openedItems=[],this.toggleAccordion=t=>{this.openedItems=this.openedItems.includes(t)?this.openedItems.filter((e=>e!==t)):[...this.openedItems,t]}}render(){return e("div",{key:"1d9d3cfcab98e0290e1f0ff430e1cec9da7bd151",class:"flex w-full flex-col gap-[4px]"},this.items.map(((t,o)=>e("div",{key:t.label+o,class:"w-full rounded border"},e("button",{onClick:()=>this.toggleAccordion(t),class:"w-full flex flex-col items-start"},e("div",{class:"flex items-center justify-between mx-auto text-[17px] py-[4px] w-[calc(100%-20px)]"},e("span",null,t.label),e("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:i("transition-all duration-500",{"rotate-180":this.openedItems.includes(t)})},e("path",{d:"m6 9 6 6 6-6"}))),e("div",{class:"transition-all duration-500",style:{height:this.openedItems.includes(t)?"6px":"0px"}}),e("flexible-container",{isOpened:this.openedItems.includes(t)},t.content))))))}};o.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.w-full{width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.static{position:static}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';export{o as shift_accordion}
+import{r as t,h as e}from"./p-CsEiWLCt.js";import{c as i}from"./p-BK16Cn81.js";const o=class{constructor(e){t(this,e),this.openedItems=[],this.toggleAccordion=t=>{this.openedItems=this.openedItems.includes(t)?this.openedItems.filter((e=>e!==t)):[...this.openedItems,t]}}render(){return e("div",{key:"1d9d3cfcab98e0290e1f0ff430e1cec9da7bd151",class:"flex w-full flex-col gap-[4px]"},this.items.map(((t,o)=>e("div",{key:t.label+o,class:"w-full rounded border"},e("button",{onClick:()=>this.toggleAccordion(t),class:"w-full flex flex-col items-start"},e("div",{class:"flex items-center justify-between mx-auto text-[17px] py-[4px] w-[calc(100%-20px)]"},e("span",null,t.label),e("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:i("transition-all duration-500",{"rotate-180":this.openedItems.includes(t)})},e("path",{d:"m6 9 6 6 6-6"}))),e("div",{class:"transition-all duration-500",style:{height:this.openedItems.includes(t)?"6px":"0px"}}),e("flexible-container",{isOpened:this.openedItems.includes(t)},t.content))))))}};o.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.w-full{width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';export{o as shift_accordion}

package/dist/shift-components/{p-be19d7ff.entry.js → p-041ff6e5.entry.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{r as t,h as e,H as i,g as n}from"./p-CteZTPhq.js";import{c as o}from"./p-BK16Cn81.js";const r=class{constructor(e){t(this,e)}async componentDidLoad(){this.flexibleContainerRef=this.el.getElementsByTagName("flexible-container")[0]}async onActiveIndexChange(t){clearTimeout(this.ChildUpdatesActionTimeout);const e=this.el.getElementsByClassName("element-number-"+t)[0];e&&function t(e){if(e.nodeType===Node.ELEMENT_NODE){const i=e;if(i.tagName.toLowerCase().startsWith("flexible-container"))return!0;const n=null==i?void 0:i.shadowRoot;return n?t(n):Array.from(i.children).some(t)}return e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&Array.from(e.children).some(t)}(e)?(this.flexibleContainerRef.stopAnimation=!1,this.ChildUpdatesActionTimeout=setTimeout((()=>{this.flexibleContainerRef.stopAnimation=!0}),600)):this.flexibleContainerRef.stopAnimation=!1}render(){return e(i,{key:"b6eba6322adc8a606ee9afe0f5b508c0fc814e71",translate:"no"},e("flexible-container",{key:"634710d2583746d07eead384be5e5d4657c067af",stopAnimation:!0,classes:"relative"},this.components.map(((t,i)=>e("div",{class:o("w-full transition !duration-1000","element-number-"+i,{"opacity-0 absolute top-0 !pointer-events-none [&_*]:!pointer-events-none":this.activeIndex!==i,"translate-x-[110%]":this.activeIndex<i,"-translate-x-[110%]":this.activeIndex>i})},t())))))}get el(){return n(this)}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}]}}};r.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.w-full{width:100%}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.opacity-0{opacity:0}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.duration-500{transition-duration:.5s}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';export{r as shift_slider}
+import{r as t,h as e,H as i,g as n}from"./p-CsEiWLCt.js";import{c as o}from"./p-BK16Cn81.js";const r=class{constructor(e){t(this,e)}async componentDidLoad(){this.flexibleContainerRef=this.el.getElementsByTagName("flexible-container")[0]}async onActiveIndexChange(t){clearTimeout(this.ChildUpdatesActionTimeout);const e=this.el.getElementsByClassName("element-number-"+t)[0];e&&function t(e){if(e.nodeType===Node.ELEMENT_NODE){const i=e;if(i.tagName.toLowerCase().startsWith("flexible-container"))return!0;const n=null==i?void 0:i.shadowRoot;return n?t(n):Array.from(i.children).some(t)}return e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&Array.from(e.children).some(t)}(e)?(this.flexibleContainerRef.stopAnimation=!1,this.ChildUpdatesActionTimeout=setTimeout((()=>{this.flexibleContainerRef.stopAnimation=!0}),600)):this.flexibleContainerRef.stopAnimation=!1}render(){return e(i,{key:"b6eba6322adc8a606ee9afe0f5b508c0fc814e71",translate:"no"},e("flexible-container",{key:"634710d2583746d07eead384be5e5d4657c067af",stopAnimation:!0,classes:"relative"},this.components.map(((t,i)=>e("div",{class:o("w-full transition !duration-1000","element-number-"+i,{"opacity-0 absolute top-0 !pointer-events-none [&_*]:!pointer-events-none":this.activeIndex!==i,"translate-x-[110%]":this.activeIndex<i,"-translate-x-[110%]":this.activeIndex>i})},t())))))}get el(){return n(this)}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}]}}};r.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.w-full{width:100%}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.opacity-0{opacity:0}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.duration-500{transition-duration:.5s}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';export{r as shift_slider}

package/dist/shift-components/p-131c79c9.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{r as t,h as e,H as o,g as i}from"./p-CsEiWLCt.js";import{f as r}from"./p-BTfrQeMt.js";import{c as a}from"./p-BK16Cn81.js";import{g as n}from"./p-HI9vdFQP.js";import{s}from"./p-BDhR4pDq.js";import{g as d}from"./p-CTvdWiVG.js";import{L as p}from"./p-Cn5_F5mW.js";import{g as l}from"./p-DBog8aSI.js";import"./p-iSEtUbmS.js";import"./p-DDWKS6lH.js";import"./p-CUREVASG.js";import"./p-CHQ9vjK9.js";import"./p-BKobZCvH.js";import"./p-D0IHkGuC.js";const c=n(),w=l(),h=class{constructor(e){t(this,e),this.locale={sharedFormLocales:s.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(t){await r.formLanguageChange(this,t)}setIsLoading(t){r.formLoadingHandler(this,t)}setErrorCallback(t){r.formErrorHandler(this,t)}setSuccessCallback(t){r.formSuccessHandler(this,t)}async componentWillLoad(){this.language||(this.language=d())}async formSubmit(t){await r.onFormSubmit({context:this,formValues:t})}async componentDidLoad(){await r.formDidLoadHandler(this,c)}async getForm(){return await r.formGetFormHandler(this)}async submit(){await r.handleFormSubmit(this)}async structureChanged(t){await r.formStructureRenderedHandler(this,t)}render(){var t,i;return e(o,{key:"b93a076bd76f958dbe069f8efb2c9186a1ddbf15",translate:"no"},e("div",{key:"4a08726c32207229be1da6a9fd7051a888b0c0c8",part:a("shift-form",null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.theme,this.theme)},e("div",{key:"af52362ede424027feb022432a57632b20d9f662",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"8cd5344a731bc151934c5ed82f83e5afd6413259",part:"form-loader-container",class:a("form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500",{"opacity-0":this.structureRendered})},e(p,{key:"76528dcbbd53ed51b344837184f40a77b0b1fa77",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"591c00116c8c2edd48404c8dcbf957605f354d27",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"ac950717337c1cb88bf8f94c887546d512d7acb9",form:this.form,today:this.today,fields:this.fields,formId:this.formId,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,language:this.localeLanguage,errorMessage:this.errorMessage,formElementMapper:w,successMessage:this.locale["Form submitted successfully."]||"Form submitted successfully."},e("slot",{key:"7bf8f5773145e2a8559ef488de7b64637b09555e"}))))))}get el(){return i(this)}static get watchers(){return{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}}};h.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}';export{h as test_drive_form}