adp-web-components 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (476) hide show
  1. package/dist/cjs/{add-icon-BklgM02f.js → add-icon-r-uugVfd.js} +1 -1
  2. package/dist/cjs/{app-globals-XGpRBTr6.js → app-globals-BoQSQFz7.js} +1 -1
  3. package/dist/cjs/{arrow-up-icon-BLo1aQC2.js → arrow-up-icon-BfnEuyBs.js} +1 -1
  4. package/dist/cjs/branch-date-dropdown_17.cjs.entry.js +51 -45
  5. package/dist/cjs/{calendar-days-icon-Cf14ROXV.js → calendar-days-icon-CDsv0_-r.js} +1 -1
  6. package/dist/cjs/{check-icon-DaQxP2EY.js → check-icon-BNxUv6rL.js} +1 -1
  7. package/dist/cjs/clock-DsYk5zt3.js +30 -0
  8. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +10 -9
  9. package/dist/cjs/{decode-time-offset-DOUImlif.js → decode-time-offset-CcpzHLhD.js} +10 -2
  10. package/dist/cjs/flexible-container.cjs.entry.js +2 -2
  11. package/dist/cjs/form-checkbox.cjs.entry.js +3 -3
  12. package/dist/cjs/form-date-picker.cjs.entry.js +25 -19
  13. package/dist/cjs/{form-error-message-BtLdHgxO.js → form-error-message-DdEeLvoD.js} +1 -1
  14. package/dist/cjs/{form-input-label-B4lkF89K.js → form-input-label-U5kCHkJl.js} +1 -1
  15. package/dist/cjs/form-input_7.cjs.entry.js +13 -13
  16. package/dist/cjs/form-switch.cjs.entry.js +3 -3
  17. package/dist/cjs/form-time-picker.cjs.entry.js +4 -4
  18. package/dist/cjs/{functions-gb1i8Hkl.js → functions-Bz2-CHK9.js} +5 -4
  19. package/dist/cjs/general-form.cjs.entry.js +11 -10
  20. package/dist/cjs/general-inquiry-form.cjs.entry.js +11 -10
  21. package/dist/cjs/{get-language-from-url-DwOt9DVH.js → get-language-from-url-CivsCH6R.js} +1 -1
  22. package/dist/cjs/{get-local-language-CZeC0BN9.js → get-local-language-BBdU8ppU.js} +2 -2
  23. package/dist/cjs/get-mock-files-VecUdVE7.js +61 -0
  24. package/dist/cjs/{index-BdHAYIvO.js → index-BXyIPFx-.js} +3 -0
  25. package/dist/cjs/information-table.cjs.entry.js +3 -3
  26. package/dist/cjs/{loader-icon-aY56OHXW.js → loader-icon-BkPuyYFm.js} +1 -1
  27. package/dist/cjs/loader.cjs.js +3 -3
  28. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  29. package/dist/cjs/manufacturer-part-lookup.cjs.entry.js +4 -4
  30. package/dist/cjs/{mappers-DnWgECCv.js → mappers-D-v6mh0y.js} +10 -8
  31. package/dist/cjs/{material-card-D1UQcy6U.js → material-card-mXTu16Ev.js} +1 -1
  32. package/dist/cjs/mock-assets-Dio-Q8Yd.js +13 -0
  33. package/dist/cjs/part-lookup.cjs.entry.js +4 -4
  34. package/dist/cjs/{qr-code-scan-CtKK6wLL.js → qr-code-scan-BH1paDvW.js} +1 -1
  35. package/dist/cjs/{reveal-below-CyYolTYX.js → reveal-below-7_fSN_sU.js} +1 -1
  36. package/dist/cjs/service-booking-form.cjs.entry.js +11 -10
  37. package/dist/cjs/shift-accordion.cjs.entry.js +1 -1
  38. package/dist/cjs/shift-checkbox.cjs.entry.js +3 -3
  39. package/dist/cjs/shift-components.cjs.js +3 -3
  40. package/dist/cjs/shift-slider.cjs.entry.js +1 -1
  41. package/dist/cjs/shift-switch.cjs.entry.js +2 -2
  42. package/dist/cjs/shift-tab-content.cjs.entry.js +2 -2
  43. package/dist/cjs/shift-tabs_2.cjs.entry.js +7 -7
  44. package/dist/cjs/ssc-lookup-form.cjs.entry.js +11 -10
  45. package/dist/cjs/test-drive-form.cjs.entry.js +11 -10
  46. package/dist/cjs/{triangle-alert-CTvU1eGY.js → triangle-alert-C_xSEmRy.js} +1 -1
  47. package/dist/cjs/vehicle-accessories_8.cjs.entry.js +72 -44
  48. package/dist/cjs/{vehicle-info-layout-CRpL8UMY.js → vehicle-info-layout-CjYyiBEq.js} +1 -1
  49. package/dist/cjs/vehicle-lookup.cjs.entry.js +21 -17
  50. package/dist/cjs/vehicle-quotation-form.cjs.entry.js +8 -7
  51. package/dist/cjs/{white-loader-CveXuRsH.js → white-loader-CH2BrmT6.js} +1 -1
  52. package/dist/collection/components/components/empty.css +1 -1
  53. package/dist/collection/components/components/flexible-container.css +1 -1
  54. package/dist/collection/components/components/information-table.css +1 -1
  55. package/dist/collection/components/components/shift-portal.css +1 -1
  56. package/dist/collection/components/components/shift-select-dropdown.css +1 -1
  57. package/dist/collection/components/components/shift-select.css +1 -1
  58. package/dist/collection/components/components/shift-tab-content.css +1 -1
  59. package/dist/collection/components/components/shift-tabs.css +1 -1
  60. package/dist/collection/components/form-elements/branch-date-picker.js +30 -8
  61. package/dist/collection/components/form-elements/branch-slot-dropdown.css +1 -1
  62. package/dist/collection/components/form-elements/branch-slot-picker.js +29 -6
  63. package/dist/collection/components/form-elements/form-date-picker-legacy.js +40 -15
  64. package/dist/collection/components/form-elements/form-inputs.css +1 -1
  65. package/dist/collection/components/form-elements/form-picker-input.js +27 -7
  66. package/dist/collection/components/form-elements/form-structure.js +20 -1
  67. package/dist/collection/components/forms/defaults/mappers.js +6 -4
  68. package/dist/collection/components/forms/general-form.js +21 -2
  69. package/dist/collection/components/forms/general-inquiry.js +21 -2
  70. package/dist/collection/components/forms/service-booking.js +21 -2
  71. package/dist/collection/components/forms/ssc-lookup.js +21 -2
  72. package/dist/collection/components/forms/test-drive.js +21 -2
  73. package/dist/collection/components/forms/vehicle-quotation.js +21 -2
  74. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  75. package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
  76. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  77. package/dist/collection/components/part-lookup/manufacturer-part-lookup.css +1 -1
  78. package/dist/collection/components/part-lookup/part-lookup.css +1 -1
  79. package/dist/collection/components/vehicle-lookup/components/CoverageTimeline.js +2 -2
  80. package/dist/collection/components/vehicle-lookup/vehicle-accessories.css +1 -1
  81. package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +21 -2
  82. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.css +1 -1
  83. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +24 -5
  84. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.css +1 -1
  85. package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
  86. package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +61 -12
  87. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.css +1 -1
  88. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.js +19 -0
  89. package/dist/collection/components/vehicle-lookup/vehicle-sale-information.css +1 -1
  90. package/dist/collection/components/vehicle-lookup/vehicle-sale-information.js +21 -2
  91. package/dist/collection/components/vehicle-lookup/vehicle-service-history.css +1 -1
  92. package/dist/collection/components/vehicle-lookup/vehicle-service-history.js +20 -1
  93. package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -1
  94. package/dist/collection/components/vehicle-lookup/vehicle-specification.js +20 -1
  95. package/dist/collection/components/vehicle-lookup/vehicle-ssc.css +1 -1
  96. package/dist/collection/components/vehicle-lookup/vehicle-ssc.js +57 -12
  97. package/dist/collection/components/vehicle-lookup/vehicle-warranty-timeline.css +1 -1
  98. package/dist/collection/components/vehicle-lookup/vehicle-warranty-timeline.js +20 -1
  99. package/dist/collection/features/form-hook/functions.js +2 -1
  100. package/dist/collection/features/form-hook/render-structure.js +1 -1
  101. package/dist/collection/features/mocks/data/assets/accessories/accessory.svg +10 -0
  102. package/dist/collection/features/mocks/data/assets/accessories/floor-mats.svg +10 -0
  103. package/dist/collection/features/mocks/data/assets/accessories/mud-guards.svg +11 -0
  104. package/dist/collection/features/mocks/data/assets/accessories/roof-rack.svg +11 -0
  105. package/dist/collection/features/mocks/data/assets/accessories/roof-rails.svg +11 -0
  106. package/dist/collection/features/mocks/data/assets/accessories/side-steps.svg +11 -0
  107. package/dist/collection/features/mocks/data/assets/accessories/tow-bar.svg +12 -0
  108. package/dist/collection/features/mocks/data/assets/badges/badge-1.svg +5 -0
  109. package/dist/collection/features/mocks/data/assets/badges/badge-2.svg +5 -0
  110. package/dist/collection/features/mocks/data/assets/badges/badge-3.svg +5 -0
  111. package/dist/collection/features/mocks/data/assets/badges/badge-4.svg +5 -0
  112. package/dist/collection/features/mocks/data/assets/badges/badge-5.svg +5 -0
  113. package/dist/collection/features/mocks/data/assets/badges/badge-6.svg +5 -0
  114. package/dist/collection/features/mocks/data/assets/documents/service-invoice-qr.svg +18 -0
  115. package/dist/collection/features/mocks/data/assets/documents/signed-claim-document.svg +21 -0
  116. package/dist/collection/features/mocks/data/assets/paint-panels/door-front-left-detail.svg +7 -0
  117. package/dist/collection/features/mocks/data/assets/paint-panels/door-front-left.svg +6 -0
  118. package/dist/collection/features/mocks/data/assets/paint-panels/door-front-right-detail.svg +7 -0
  119. package/dist/collection/features/mocks/data/assets/paint-panels/door-front-right.svg +6 -0
  120. package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-left-detail.svg +7 -0
  121. package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-left.svg +6 -0
  122. package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-right-detail.svg +7 -0
  123. package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-right.svg +6 -0
  124. package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-left-detail.svg +7 -0
  125. package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-left.svg +6 -0
  126. package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-right-detail.svg +7 -0
  127. package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-right.svg +6 -0
  128. package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-left-detail.svg +7 -0
  129. package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-left.svg +6 -0
  130. package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-right-detail.svg +7 -0
  131. package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-right.svg +6 -0
  132. package/dist/collection/features/mocks/data/assets/paint-panels/hood-detail.svg +7 -0
  133. package/dist/collection/features/mocks/data/assets/paint-panels/hood.svg +6 -0
  134. package/dist/collection/features/mocks/data/assets/paint-panels/panel.svg +6 -0
  135. package/dist/collection/features/mocks/data/assets/paint-panels/roof-detail.svg +7 -0
  136. package/dist/collection/features/mocks/data/assets/paint-panels/roof.svg +6 -0
  137. package/dist/collection/features/mocks/data/assets/paint-panels/tail-gate-detail.svg +7 -0
  138. package/dist/collection/features/mocks/data/assets/paint-panels/tail-gate.svg +6 -0
  139. package/dist/collection/features/mocks/get-mock-files.js +19 -14
  140. package/dist/collection/features/mocks/index.js +1 -0
  141. package/dist/collection/features/mocks/mock-assets.js +33 -0
  142. package/dist/collection/features/vehicle-lookup-component/vehicle-lookup-api-integration.js +3 -1
  143. package/dist/collection/global/lib/clock.js +25 -0
  144. package/dist/collection/global/lib/decode-time-offset.js +9 -1
  145. package/dist/collection/templates/forms/docs-content/structure.js +1 -1
  146. package/dist/collection/templates/harness-connection.js +282 -0
  147. package/dist/collection/templates/harness-environment.js +31 -0
  148. package/dist/collection/templates/harness.js +610 -83
  149. package/dist/collection/templates/site-header.js +2 -2
  150. package/dist/components/branch-date-picker.js +1 -1
  151. package/dist/components/branch-slot-dropdown.js +1 -1
  152. package/dist/components/branch-slot-picker.js +1 -1
  153. package/dist/components/dead-stock-lookup.js +1 -1
  154. package/dist/components/distributor-lookup.js +1 -1
  155. package/dist/components/flexible-container.js +1 -1
  156. package/dist/components/form-checkbox.js +1 -1
  157. package/dist/components/form-date-picker.js +1 -1
  158. package/dist/components/form-file.js +1 -1
  159. package/dist/components/form-input-preview.js +1 -1
  160. package/dist/components/form-input.js +1 -1
  161. package/dist/components/form-phone-number.js +1 -1
  162. package/dist/components/form-picker-input.js +1 -1
  163. package/dist/components/form-select.js +1 -1
  164. package/dist/components/form-shadow-input.js +1 -1
  165. package/dist/components/form-stepper-control.js +1 -1
  166. package/dist/components/form-stepper-submit.js +1 -1
  167. package/dist/components/form-stepper.js +1 -1
  168. package/dist/components/form-structure-error.js +1 -1
  169. package/dist/components/form-structure.js +1 -1
  170. package/dist/components/form-submit.js +1 -1
  171. package/dist/components/form-switch.js +1 -1
  172. package/dist/components/form-text-area.js +1 -1
  173. package/dist/components/form-time-picker.js +1 -1
  174. package/dist/components/form-vin-input.js +1 -1
  175. package/dist/components/general-form.js +1 -1
  176. package/dist/components/general-inquiry-form.js +1 -1
  177. package/dist/components/index.js +1 -1
  178. package/dist/components/information-table.js +1 -1
  179. package/dist/components/manufacturer-lookup.js +1 -1
  180. package/dist/components/manufacturer-part-lookup.js +1 -1
  181. package/dist/components/{p-Ype8FNjy.js → p-3e83-if9.js} +1 -1
  182. package/dist/components/p-B3ztFt72.js +5 -0
  183. package/dist/components/p-B4PUnAtc.js +5 -0
  184. package/dist/components/{p-bVbnoz7C.js → p-B7OLLrcA.js} +1 -1
  185. package/dist/components/{p-d1WgLP9O.js → p-BEHSLtOA.js} +1 -1
  186. package/dist/components/{p-UFwS4oV2.js → p-B_EZX2Nj.js} +1 -1
  187. package/dist/components/{p-BAkLdLKZ.js → p-BcgJGb3U.js} +1 -1
  188. package/dist/components/p-BdxXAS3w.js +5 -0
  189. package/dist/components/{p-CebvOd8T.js → p-Bf7SK7BI.js} +1 -1
  190. package/dist/components/{p-BDOUh9fr.js → p-Bhy0nttE.js} +1 -1
  191. package/dist/components/p-BjDxP9Ar.js +5 -0
  192. package/dist/components/{p-DxRQkoRz.js → p-C-R7Zf1I.js} +1 -1
  193. package/dist/components/{p-CT-MbmyW.js → p-C1-ek7if.js} +1 -1
  194. package/dist/components/p-C3gFyogx.js +5 -0
  195. package/dist/components/p-CI0_r45y.js +5 -0
  196. package/dist/components/p-CJkthPWR.js +5 -0
  197. package/dist/components/{p-BxGye2qd.js → p-COKUmuuf.js} +1 -1
  198. package/dist/components/{p-D4aXUm2Y.js → p-CQ0f2MVb.js} +1 -1
  199. package/dist/components/{p-ByrX91PC.js → p-CYj0zRtR.js} +1 -1
  200. package/dist/components/{p-DOIpj5PH.js → p-C_91yYxZ.js} +1 -1
  201. package/dist/components/p-CbIjjt3n.js +5 -0
  202. package/dist/components/{p-BhekdMkM.js → p-CpX72zLP.js} +1 -1
  203. package/dist/components/{p-DkCqJ072.js → p-Cuy8EM9Y.js} +1 -1
  204. package/dist/components/p-CwYr8ZOV.js +5 -0
  205. package/dist/components/{p-BySGDlQi.js → p-Cy-0pkLa.js} +1 -1
  206. package/dist/components/p-DDWKS6lH.js +5 -0
  207. package/dist/components/p-DJr19tRD.js +5 -0
  208. package/dist/components/p-DNpppK6M.js +5 -0
  209. package/dist/components/{p-D_uU2Pi-.js → p-DRtn1_4P.js} +1 -1
  210. package/dist/components/{p-BwoBk7eI.js → p-D_2r73sx.js} +1 -1
  211. package/dist/components/p-De3WmHLm.js +5 -0
  212. package/dist/components/{p-BvM3siIc.js → p-DokN3NzH.js} +1 -1
  213. package/dist/components/{p-D4VK-Fv7.js → p-DqCIuURq.js} +1 -1
  214. package/dist/components/{p-DConDqrK.js → p-DuaTomIT.js} +1 -1
  215. package/dist/components/{p-DVkAlTjC.js → p-DzPqV0I6.js} +1 -1
  216. package/dist/components/p-GgvQ0B7I.js +5 -0
  217. package/dist/components/p-HVSqY6-d.js +5 -0
  218. package/dist/components/{p-DCO6piZ9.js → p-RKSY-Miv.js} +1 -1
  219. package/dist/components/p-Ty1rh9Up.js +5 -0
  220. package/dist/components/{p-AkWKeTFc.js → p-VTefgaxv.js} +1 -1
  221. package/dist/components/{p-DDTSLfBG.js → p-_8V0swcd.js} +1 -1
  222. package/dist/components/{p-B2Rwfoy0.js → p-ge2RA7lk.js} +1 -1
  223. package/dist/components/p-mZnLUhNr.js +5 -0
  224. package/dist/components/{p-CbRoCi89.js → p-mzWr8UUl.js} +1 -1
  225. package/dist/components/{p-D8w2fZLP.js → p-wX0fQQYY.js} +1 -1
  226. package/dist/components/{p-CETvww16.js → p-x1Tlf19a.js} +1 -1
  227. package/dist/components/p-z7jdJ402.js +5 -0
  228. package/dist/components/part-lookup.js +1 -1
  229. package/dist/components/service-booking-form.js +1 -1
  230. package/dist/components/shift-accordion.js +1 -1
  231. package/dist/components/shift-checkbox.js +1 -1
  232. package/dist/components/shift-portal.js +1 -1
  233. package/dist/components/shift-select-dropdown.js +1 -1
  234. package/dist/components/shift-select.js +1 -1
  235. package/dist/components/shift-slider.js +1 -1
  236. package/dist/components/shift-switch.js +1 -1
  237. package/dist/components/shift-tab-content.js +1 -1
  238. package/dist/components/shift-tabs.js +1 -1
  239. package/dist/components/ssc-lookup-form.js +1 -1
  240. package/dist/components/test-drive-form.js +1 -1
  241. package/dist/components/vehicle-accessories.js +1 -1
  242. package/dist/components/vehicle-claimable-items.js +1 -1
  243. package/dist/components/vehicle-item-claim-form.js +1 -1
  244. package/dist/components/vehicle-lookup.js +1 -1
  245. package/dist/components/vehicle-paint-thickness.js +1 -1
  246. package/dist/components/vehicle-quotation-form.js +1 -1
  247. package/dist/components/vehicle-sale-information.js +1 -1
  248. package/dist/components/vehicle-service-history.js +1 -1
  249. package/dist/components/vehicle-specification.js +1 -1
  250. package/dist/components/vehicle-ssc.js +1 -1
  251. package/dist/components/vehicle-warranty-timeline.js +1 -1
  252. package/dist/esm/{add-icon-DHh6DJXR.js → add-icon-D9Jel7-B.js} +1 -1
  253. package/dist/esm/{app-globals-CusTGK9D.js → app-globals-inc67m-q.js} +1 -1
  254. package/dist/esm/{arrow-up-icon-Dw_d-rG9.js → arrow-up-icon-Dfl2olS1.js} +1 -1
  255. package/dist/esm/branch-date-dropdown_17.entry.js +51 -45
  256. package/dist/esm/{calendar-days-icon-CnASOv7M.js → calendar-days-icon-zUqcb-fP.js} +1 -1
  257. package/dist/esm/{check-icon-BZQF4tzH.js → check-icon-CcYgNcDZ.js} +1 -1
  258. package/dist/esm/clock-DDWKS6lH.js +27 -0
  259. package/dist/esm/dead-stock-lookup_3.entry.js +10 -9
  260. package/dist/esm/{decode-time-offset-Cib1aJfV.js → decode-time-offset-CDd68_1V.js} +10 -2
  261. package/dist/esm/flexible-container.entry.js +2 -2
  262. package/dist/esm/form-checkbox.entry.js +3 -3
  263. package/dist/esm/form-date-picker.entry.js +25 -19
  264. package/dist/esm/{form-error-message-DWl6p6Dz.js → form-error-message-DxLEOczK.js} +1 -1
  265. package/dist/esm/{form-input-label-6blOw1BN.js → form-input-label-DEqq8CcC.js} +1 -1
  266. package/dist/esm/form-input_7.entry.js +13 -13
  267. package/dist/esm/form-switch.entry.js +3 -3
  268. package/dist/esm/form-time-picker.entry.js +4 -4
  269. package/dist/esm/{functions-SHZO3nZB.js → functions-M6Gsc8Mz.js} +5 -4
  270. package/dist/esm/general-form.entry.js +11 -10
  271. package/dist/esm/general-inquiry-form.entry.js +11 -10
  272. package/dist/esm/{get-language-from-url-fV-K15uy.js → get-language-from-url-Bq07dpsD.js} +1 -1
  273. package/dist/esm/{get-local-language-BLpgwBTx.js → get-local-language-D9DW53vG.js} +2 -2
  274. package/dist/esm/get-mock-files-DQV5ioOw.js +59 -0
  275. package/dist/esm/{index-CteZTPhq.js → index-CsEiWLCt.js} +3 -1
  276. package/dist/esm/information-table.entry.js +3 -3
  277. package/dist/esm/{loader-icon-BvAmA41s.js → loader-icon-CbaFiiB_.js} +1 -1
  278. package/dist/esm/loader.js +4 -4
  279. package/dist/esm/loading-spinner.entry.js +1 -1
  280. package/dist/esm/manufacturer-part-lookup.entry.js +4 -4
  281. package/dist/esm/{mappers-CZs2R7k6.js → mappers-DOWx0ySR.js} +10 -8
  282. package/dist/esm/{material-card-jbQd-0as.js → material-card-CB2xHWMN.js} +1 -1
  283. package/dist/esm/mock-assets-Bixlrdd4.js +11 -0
  284. package/dist/esm/part-lookup.entry.js +4 -4
  285. package/dist/esm/{qr-code-scan-B1nViqZl.js → qr-code-scan-FY8RR9ow.js} +1 -1
  286. package/dist/esm/{reveal-below-DWXRi5w3.js → reveal-below-8wAOxdZk.js} +1 -1
  287. package/dist/esm/service-booking-form.entry.js +11 -10
  288. package/dist/esm/shift-accordion.entry.js +1 -1
  289. package/dist/esm/shift-checkbox.entry.js +3 -3
  290. package/dist/esm/shift-components.js +4 -4
  291. package/dist/esm/shift-slider.entry.js +1 -1
  292. package/dist/esm/shift-switch.entry.js +2 -2
  293. package/dist/esm/shift-tab-content.entry.js +2 -2
  294. package/dist/esm/shift-tabs_2.entry.js +7 -7
  295. package/dist/esm/ssc-lookup-form.entry.js +11 -10
  296. package/dist/esm/test-drive-form.entry.js +11 -10
  297. package/dist/esm/{triangle-alert-BlnfPzWh.js → triangle-alert-DNqiuE_3.js} +1 -1
  298. package/dist/esm/vehicle-accessories_8.entry.js +73 -45
  299. package/dist/esm/{vehicle-info-layout-Dmx94GLp.js → vehicle-info-layout-I6iG9Fcg.js} +1 -1
  300. package/dist/esm/vehicle-lookup.entry.js +21 -17
  301. package/dist/esm/vehicle-quotation-form.entry.js +8 -7
  302. package/dist/esm/{white-loader-B3tJFuNO.js → white-loader-DusGamWD.js} +1 -1
  303. package/dist/integration-manifest.json +19 -9
  304. package/dist/mocks/assets/README.md +54 -0
  305. package/dist/mocks/assets/accessories/accessory.svg +10 -0
  306. package/dist/mocks/assets/accessories/floor-mats.svg +10 -0
  307. package/dist/mocks/assets/accessories/mud-guards.svg +11 -0
  308. package/dist/mocks/assets/accessories/roof-rack.svg +11 -0
  309. package/dist/mocks/assets/accessories/roof-rails.svg +11 -0
  310. package/dist/mocks/assets/accessories/side-steps.svg +11 -0
  311. package/dist/mocks/assets/accessories/tow-bar.svg +12 -0
  312. package/dist/mocks/assets/badges/badge-1.svg +5 -0
  313. package/dist/mocks/assets/badges/badge-2.svg +5 -0
  314. package/dist/mocks/assets/badges/badge-3.svg +5 -0
  315. package/dist/mocks/assets/badges/badge-4.svg +5 -0
  316. package/dist/mocks/assets/badges/badge-5.svg +5 -0
  317. package/dist/mocks/assets/badges/badge-6.svg +5 -0
  318. package/dist/mocks/assets/documents/service-invoice-qr.svg +18 -0
  319. package/dist/mocks/assets/documents/signed-claim-document.svg +21 -0
  320. package/dist/mocks/assets/paint-panels/door-front-left-detail.svg +7 -0
  321. package/dist/mocks/assets/paint-panels/door-front-left.svg +6 -0
  322. package/dist/mocks/assets/paint-panels/door-front-right-detail.svg +7 -0
  323. package/dist/mocks/assets/paint-panels/door-front-right.svg +6 -0
  324. package/dist/mocks/assets/paint-panels/door-rear-left-detail.svg +7 -0
  325. package/dist/mocks/assets/paint-panels/door-rear-left.svg +6 -0
  326. package/dist/mocks/assets/paint-panels/door-rear-right-detail.svg +7 -0
  327. package/dist/mocks/assets/paint-panels/door-rear-right.svg +6 -0
  328. package/dist/mocks/assets/paint-panels/fender-front-left-detail.svg +7 -0
  329. package/dist/mocks/assets/paint-panels/fender-front-left.svg +6 -0
  330. package/dist/mocks/assets/paint-panels/fender-front-right-detail.svg +7 -0
  331. package/dist/mocks/assets/paint-panels/fender-front-right.svg +6 -0
  332. package/dist/mocks/assets/paint-panels/fender-rear-left-detail.svg +7 -0
  333. package/dist/mocks/assets/paint-panels/fender-rear-left.svg +6 -0
  334. package/dist/mocks/assets/paint-panels/fender-rear-right-detail.svg +7 -0
  335. package/dist/mocks/assets/paint-panels/fender-rear-right.svg +6 -0
  336. package/dist/mocks/assets/paint-panels/hood-detail.svg +7 -0
  337. package/dist/mocks/assets/paint-panels/hood.svg +6 -0
  338. package/dist/mocks/assets/paint-panels/panel.svg +6 -0
  339. package/dist/mocks/assets/paint-panels/roof-detail.svg +7 -0
  340. package/dist/mocks/assets/paint-panels/roof.svg +6 -0
  341. package/dist/mocks/assets/paint-panels/tail-gate-detail.svg +7 -0
  342. package/dist/mocks/assets/paint-panels/tail-gate.svg +6 -0
  343. package/dist/shift-components/{p-c40bda31.entry.js → p-0395b900.entry.js} +1 -1
  344. package/dist/shift-components/{p-be19d7ff.entry.js → p-041ff6e5.entry.js} +1 -1
  345. package/dist/shift-components/p-131c79c9.entry.js +5 -0
  346. package/dist/shift-components/{p-3895d8e5.entry.js → p-287c5e75.entry.js} +1 -1
  347. package/dist/shift-components/{p-164eeced.entry.js → p-30be4db4.entry.js} +1 -1
  348. package/dist/shift-components/p-3c735b0a.entry.js +5 -0
  349. package/dist/shift-components/{p-90034cd8.entry.js → p-4c826390.entry.js} +1 -1
  350. package/dist/shift-components/p-6833930c.entry.js +5 -0
  351. package/dist/shift-components/{p-391c55af.entry.js → p-7760cb43.entry.js} +1 -1
  352. package/dist/shift-components/p-81a7b7dd.entry.js +5 -0
  353. package/dist/shift-components/p-82adf890.entry.js +5 -0
  354. package/dist/shift-components/{p-3790e469.entry.js → p-91d15921.entry.js} +1 -1
  355. package/dist/shift-components/{p-005d0a3a.entry.js → p-9f017e84.entry.js} +1 -1
  356. package/dist/shift-components/p-B2ivJ0St.js +5 -0
  357. package/dist/shift-components/{p-Tjvj6pk4.js → p-BHLT4-AT.js} +1 -1
  358. package/dist/shift-components/p-BKobZCvH.js +5 -0
  359. package/dist/shift-components/{p-MzYTUgsB.js → p-BTJYrubY.js} +1 -1
  360. package/dist/shift-components/p-BTfrQeMt.js +5 -0
  361. package/dist/shift-components/{p-BkVfhjgg.js → p-Bxxrkd94.js} +1 -1
  362. package/dist/shift-components/{p-C8PvXL-3.js → p-C7KIr58m.js} +1 -1
  363. package/dist/shift-components/{p-Ccwtsrgg.js → p-CHQ9vjK9.js} +1 -1
  364. package/dist/shift-components/{p-DzV_ls5o.js → p-CTvdWiVG.js} +1 -1
  365. package/dist/shift-components/p-CTy3HfBE.js +5 -0
  366. package/dist/shift-components/{p-oQAUbfw7.js → p-Cet0ur1z.js} +1 -1
  367. package/dist/shift-components/{p-OlAbjfKx.js → p-Cn5_F5mW.js} +1 -1
  368. package/dist/shift-components/p-CsEiWLCt.js +6 -0
  369. package/dist/shift-components/{p-oFzLYYzz.js → p-D5QsRU5_.js} +1 -1
  370. package/dist/shift-components/p-DBog8aSI.js +5 -0
  371. package/dist/shift-components/p-DDWKS6lH.js +5 -0
  372. package/dist/shift-components/{p-DtD7FZCG.js → p-DZGcyLWV.js} +1 -1
  373. package/dist/shift-components/p-Dh2tKZeJ.js +5 -0
  374. package/dist/shift-components/{p-BTNA9XsD.js → p-DxRW_Tfa.js} +1 -1
  375. package/dist/shift-components/{p-D7cqTTll.js → p-M1S8gM54.js} +1 -1
  376. package/dist/shift-components/p-a863f984.entry.js +5 -0
  377. package/dist/shift-components/p-a8c58abe.entry.js +5 -0
  378. package/dist/shift-components/p-b6dfb75b.entry.js +5 -0
  379. package/dist/shift-components/{p-d47428d1.entry.js → p-bcfc5126.entry.js} +1 -1
  380. package/dist/shift-components/{p-879faeec.entry.js → p-c20b97c6.entry.js} +1 -1
  381. package/dist/shift-components/p-c7e694c0.entry.js +5 -0
  382. package/dist/shift-components/p-ceeebc95.entry.js +5 -0
  383. package/dist/shift-components/p-d118078b.entry.js +5 -0
  384. package/dist/shift-components/{p-af71f000.entry.js → p-d89b19fa.entry.js} +1 -1
  385. package/dist/shift-components/p-dc408027.entry.js +5 -0
  386. package/dist/shift-components/p-e3c2fb00.entry.js +5 -0
  387. package/dist/shift-components/{p-f638970e.entry.js → p-e3f9e20f.entry.js} +1 -1
  388. package/dist/shift-components/p-f6ca88a5.entry.js +5 -0
  389. package/dist/shift-components/{p-bfwabdVa.js → p-h1L6xTqG.js} +1 -1
  390. package/dist/shift-components/p-iSEtUbmS.js +5 -0
  391. package/dist/shift-components/p-xtI4pqVk.js +5 -0
  392. package/dist/shift-components/shift-components.esm.js +1 -1
  393. package/dist/stencil-docs.json +501 -1
  394. package/dist/types/components/form-elements/branch-date-picker.d.ts +2 -0
  395. package/dist/types/components/form-elements/branch-slot-picker.d.ts +2 -0
  396. package/dist/types/components/form-elements/form-date-picker-legacy.d.ts +4 -0
  397. package/dist/types/components/form-elements/form-picker-input.d.ts +2 -0
  398. package/dist/types/components/form-elements/form-structure.d.ts +1 -0
  399. package/dist/types/components/forms/general-form.d.ts +2 -0
  400. package/dist/types/components/forms/general-inquiry.d.ts +2 -0
  401. package/dist/types/components/forms/service-booking.d.ts +2 -0
  402. package/dist/types/components/forms/ssc-lookup.d.ts +2 -0
  403. package/dist/types/components/forms/test-drive.d.ts +2 -0
  404. package/dist/types/components/forms/vehicle-quotation.d.ts +2 -0
  405. package/dist/types/components/vehicle-lookup/vehicle-accessories.d.ts +1 -0
  406. package/dist/types/components/vehicle-lookup/vehicle-claimable-items.d.ts +1 -0
  407. package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +5 -1
  408. package/dist/types/components/vehicle-lookup/vehicle-paint-thickness.d.ts +1 -0
  409. package/dist/types/components/vehicle-lookup/vehicle-sale-information.d.ts +1 -0
  410. package/dist/types/components/vehicle-lookup/vehicle-service-history.d.ts +1 -0
  411. package/dist/types/components/vehicle-lookup/vehicle-specification.d.ts +1 -0
  412. package/dist/types/components/vehicle-lookup/vehicle-ssc.d.ts +14 -1
  413. package/dist/types/components/vehicle-lookup/vehicle-warranty-timeline.d.ts +2 -0
  414. package/dist/types/components.d.ts +136 -0
  415. package/dist/types/features/form-hook/interface.d.ts +1 -0
  416. package/dist/types/features/mocks/index.d.ts +1 -0
  417. package/dist/types/features/mocks/mock-assets.d.ts +1 -0
  418. package/dist/types/features/vehicle-lookup-component/interface.d.ts +1 -0
  419. package/dist/types/global/lib/clock.d.ts +11 -0
  420. package/dist/types/global/lib/decode-time-offset.d.ts +2 -1
  421. package/package.json +2 -1
  422. package/dist/cjs/get-mock-files-NMHm1Vgn.js +0 -53
  423. package/dist/collection/global/api/urls.js +0 -6
  424. package/dist/collection/templates/vehicle-lookup/mock-data.js +0 -4922
  425. package/dist/collection/templates/vehicle-lookup/mock-loader.js +0 -26
  426. package/dist/collection/templates/vehicle-lookup/warranty-mock-data.js +0 -3211
  427. package/dist/components/p-B4nj03om.js +0 -5
  428. package/dist/components/p-BDCBfHZQ.js +0 -5
  429. package/dist/components/p-BGf2deKN.js +0 -5
  430. package/dist/components/p-BNmsN10T.js +0 -5
  431. package/dist/components/p-BOaqSzZZ.js +0 -5
  432. package/dist/components/p-BpZlI-gl.js +0 -5
  433. package/dist/components/p-C9uBduBY.js +0 -5
  434. package/dist/components/p-CUO3vXQr.js +0 -5
  435. package/dist/components/p-DJDhhX5A.js +0 -5
  436. package/dist/components/p-DKWqzBVM.js +0 -5
  437. package/dist/components/p-DfVskL_i.js +0 -5
  438. package/dist/components/p-DpuHkgw0.js +0 -5
  439. package/dist/components/p-Imck426q.js +0 -5
  440. package/dist/components/p-XFwQkeZH.js +0 -5
  441. package/dist/components/p-a4ooD0o_.js +0 -5
  442. package/dist/components/p-d7wdNFwt.js +0 -5
  443. package/dist/components/p-vlA3PJQv.js +0 -5
  444. package/dist/esm/get-mock-files-Dpb0udoz.js +0 -51
  445. package/dist/mocks/generated/broker-dealer/paint-thickness-certificate.json +0 -1
  446. package/dist/mocks/generated/broker-dealer/part-lookup.json +0 -155
  447. package/dist/mocks/generated/broker-dealer/vehicle-lookup.json +0 -794
  448. package/dist/mocks/generated/edge-cases/paint-thickness-certificate.json +0 -1
  449. package/dist/mocks/generated/edge-cases/part-lookup.json +0 -1
  450. package/dist/mocks/generated/edge-cases/vehicle-lookup.json +0 -124
  451. package/dist/mocks/generated/standard-dealer/paint-thickness-certificate.json +0 -146
  452. package/dist/mocks/generated/standard-dealer/part-lookup.json +0 -157
  453. package/dist/mocks/generated/standard-dealer/vehicle-lookup.json +0 -809
  454. package/dist/shift-components/p-0965eb41.entry.js +0 -5
  455. package/dist/shift-components/p-219e589c.entry.js +0 -5
  456. package/dist/shift-components/p-3324bdf6.entry.js +0 -5
  457. package/dist/shift-components/p-3ba3f543.entry.js +0 -5
  458. package/dist/shift-components/p-48Fp2I0C.js +0 -5
  459. package/dist/shift-components/p-5c28fb6d.entry.js +0 -5
  460. package/dist/shift-components/p-60232b66.entry.js +0 -5
  461. package/dist/shift-components/p-82bb8960.entry.js +0 -5
  462. package/dist/shift-components/p-93ddc847.entry.js +0 -5
  463. package/dist/shift-components/p-B9INqdFT.js +0 -5
  464. package/dist/shift-components/p-C4NpWwNE.js +0 -5
  465. package/dist/shift-components/p-C_QDvFTV.js +0 -5
  466. package/dist/shift-components/p-CteZTPhq.js +0 -6
  467. package/dist/shift-components/p-DIe_G0iC.js +0 -5
  468. package/dist/shift-components/p-DWoutohJ.js +0 -5
  469. package/dist/shift-components/p-a4f1502c.entry.js +0 -5
  470. package/dist/shift-components/p-bd8dbd1d.entry.js +0 -5
  471. package/dist/shift-components/p-d8844424.entry.js +0 -5
  472. package/dist/shift-components/p-e7986265.entry.js +0 -5
  473. package/dist/shift-components/p-f93d79bc.entry.js +0 -5
  474. package/dist/shift-components/p-fa296247.entry.js +0 -5
  475. package/dist/shift-components/p-pkYWYULB.js +0 -5
  476. package/dist/types/global/api/urls.d.ts +0 -2
package/dist/collection/features/mocks/data/assets/accessories/roof-rails.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
2
+ <style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
3
+ <rect class="bg" width="400" height="300"/>
4
+ <path class="al" d="M70 132Q200 96 330 132L330 142Q200 108 70 142Z"/>
5
+ <path class="al2" d="M70 132Q200 96 330 132L330 136Q200 102 70 136Z"/>
6
+ <path class="k" d="M64 132h20v18h-20z M170 108h20v18h-20z M316 132h20v18h-20z"/>
7
+ <path class="al" d="M70 186Q200 150 330 186L330 196Q200 162 70 196Z"/>
8
+ <path class="al2" d="M70 186Q200 150 330 186L330 190Q200 156 70 190Z"/>
9
+ <path class="k" d="M64 186h20v18h-20z M170 162h20v18h-20z M316 186h20v18h-20z"/>
10
+ <text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · ROOF RAILS</text>
11
+ </svg>
package/dist/collection/features/mocks/data/assets/accessories/side-steps.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
2
+ <style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
3
+ <rect class="bg" width="400" height="300"/>
4
+ <path class="k2" d="M60 150L340 120L352 138L72 170Z"/>
5
+ <path class="k" d="M72 170L352 138L352 154L72 186Z"/>
6
+ <path class="al" d="M60 150L340 120L340 128L60 158Z"/>
7
+ <path class="al2" d="M88 154.58l14 -1.5v6l-14 1.5z"/><path class="al2" d="M120 151.06l14 -1.5v6l-14 1.5z"/><path class="al2" d="M152 147.54l14 -1.5v6l-14 1.5z"/><path class="al2" d="M184 144.02l14 -1.5v6l-14 1.5z"/><path class="al2" d="M216 140.5l14 -1.5v6l-14 1.5z"/><path class="al2" d="M248 136.98l14 -1.5v6l-14 1.5z"/><path class="al2" d="M280 133.46l14 -1.5v6l-14 1.5z"/><path class="al2" d="M312 129.94l14 -1.5v6l-14 1.5z"/>
8
+ <rect class="k3" x="110" y="176" width="14" height="40" rx="3"/><rect class="k3" x="280" y="158" width="14" height="40" rx="3"/>
9
+ <rect class="k" x="100" y="212" width="34" height="10" rx="3"/><rect class="k" x="270" y="194" width="34" height="10" rx="3"/>
10
+ <text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · SIDE STEPS</text>
11
+ </svg>
package/dist/collection/features/mocks/data/assets/accessories/tow-bar.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
2
+ <style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
3
+ <rect class="bg" width="400" height="300"/>
4
+ <rect class="k2" x="60" y="128" width="280" height="22" rx="6"/>
5
+ <rect class="k" x="180" y="150" width="40" height="46" rx="4"/>
6
+ <path class="k" d="M170 196h60l10 22h-80z"/>
7
+ <rect class="al" x="196" y="86" width="8" height="42"/>
8
+ <circle class="al" cx="200" cy="74" r="18"/><circle cx="192" cy="66" r="6" fill="#fff" opacity=".6"/>
9
+ <circle cx="92" cy="139" r="5" fill="#d4d4d8"/><circle cx="132" cy="139" r="5" fill="#d4d4d8"/><circle cx="268" cy="139" r="5" fill="#d4d4d8"/><circle cx="308" cy="139" r="5" fill="#d4d4d8"/>
10
+ <rect class="al2" x="120" y="200" width="160" height="6" rx="3"/>
11
+ <text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · TOW BAR</text>
12
+ </svg>
package/dist/collection/features/mocks/data/assets/badges/badge-1.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
2
+ <rect width="320" height="160" rx="24" fill="#1e3a5f"/>
3
+ <rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3b6ea5" stroke-width="3"/>
4
+ <path d="M160 36L206 54V88C206 116 184 136 160 146C136 136 114 116 114 88V54Z" fill="#fff"/><path d="M136 92L160 70L184 92" fill="none" stroke="#1e3a5f" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/dist/collection/features/mocks/data/assets/badges/badge-2.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
2
+ <rect width="320" height="160" rx="24" fill="#14532d"/>
3
+ <rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3f8f5f" stroke-width="3"/>
4
+ <path d="M160 34L204 57V103L160 126L116 103V57Z" fill="#fff"/><path d="M160 54L172 88H148Z M160 106L148 72H172Z" fill="#14532d"/>
5
+ </svg>
package/dist/collection/features/mocks/data/assets/badges/badge-3.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
2
+ <rect width="320" height="160" rx="24" fill="#7f1d1d"/>
3
+ <rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#b45353" stroke-width="3"/>
4
+ <circle cx="160" cy="80" r="46" fill="none" stroke="#fff" stroke-width="12"/><rect x="104" y="72" width="112" height="16" rx="8" fill="#fff"/>
5
+ </svg>
package/dist/collection/features/mocks/data/assets/badges/badge-4.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
2
+ <rect width="320" height="160" rx="24" fill="#27272a"/>
3
+ <rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#71717a" stroke-width="3"/>
4
+ <path d="M160 30L212 80L160 130L108 80Z" fill="#fff"/><path d="M160 58L182 80L160 102L138 80Z" fill="#27272a"/>
5
+ </svg>
package/dist/collection/features/mocks/data/assets/badges/badge-5.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
2
+ <rect width="320" height="160" rx="24" fill="#134e4a"/>
3
+ <rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3d8b84" stroke-width="3"/>
4
+ <circle cx="160" cy="80" r="22" fill="#fff"/><path d="M130 80C110 60 86 56 62 62C86 74 108 84 130 80Z M190 80C210 60 234 56 258 62C234 74 212 84 190 80Z" fill="#fff"/>
5
+ </svg>
package/dist/collection/features/mocks/data/assets/badges/badge-6.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
2
+ <rect width="320" height="160" rx="24" fill="#312e81"/>
3
+ <rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#6b67b8" stroke-width="3"/>
4
+ <path d="M104 118L138 58L162 96L176 74L216 118Z" fill="#fff"/><path d="M104 44Q160 16 216 44" fill="none" stroke="#fff" stroke-width="8" stroke-linecap="round"/>
5
+ </svg>
package/dist/collection/features/mocks/data/assets/documents/service-invoice-qr.svg ADDED
@@ -0,0 +1,18 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480">
2
+ <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>
3
+ <rect class="desk" width="640" height="480"/>
4
+ <rect x="150" y="26" width="340" height="428" rx="4" fill="#0000001a"/>
5
+ <rect class="page" x="144" y="20" width="340" height="428" rx="4"/>
6
+ <text class="hd" x="176" y="60" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">SERVICE INVOICE</text>
7
+ <rect class="ln" x="176" y="78" width="120" height="6" rx="3"/><rect class="ln" x="176" y="92" width="90" height="6" rx="3"/><rect class="ln" x="176" y="106" width="150" height="6" rx="3"/>
8
+ <rect x="368.3636363636364" y="40.36363636363637" width="87.27272727272727" height="87.27272727272727" fill="#fff"/><path class="qr" d="M401.09090909090907 44h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 44h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 47.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 47.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 51.27272727272727h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 51.27272727272727h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 58.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 58.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 62.18181818181818h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 62.18181818181818h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 65.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 65.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362z"/><rect class="qr" x="372" y="44" width="25.454545454545453" height="25.454545454545453"/><rect x="375.6363636363636" y="47.63636363636363" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="379.27272727272725" y="51.27272727272727" width="10.909090909090908" height="10.909090909090908"/><rect class="qr" x="426.54545454545456" y="44" width="25.454545454545453" height="25.454545454545453"/><rect x="430.1818181818182" y="47.63636363636363" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="433.8181818181818" y="51.27272727272727" width="10.909090909090908" height="10.909090909090908"/><rect class="qr" x="372" y="98.54545454545455" width="25.454545454545453" height="25.454545454545453"/><rect x="375.6363636363636" y="102.18181818181819" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="379.27272727272725" y="105.81818181818181" width="10.909090909090908" height="10.909090909090908"/>
9
+ <line class="rule" x1="176" y1="140" x2="452" y2="140"/>
10
+ <rect x="176" y="150" width="276" height="16" fill="#f4f4f5"/>
11
+ <rect class="ln" x="184" y="155" width="60" height="6" rx="3"/><rect class="ln" x="300" y="155" width="40" height="6" rx="3"/><rect class="ln" x="392" y="155" width="40" height="6" rx="3"/>
12
+ <rect class="ln" x="184" y="182" width="100" height="6" rx="3"/><rect class="ln" x="184" y="196" width="130" height="6" rx="3"/><rect class="ln" x="184" y="210" width="90" height="6" rx="3"/><rect class="ln" x="184" y="224" width="120" height="6" rx="3"/><rect class="ln" x="184" y="238" width="110" height="6" rx="3"/><rect class="ln" x="300" y="182" width="40" height="6" rx="3"/><rect class="ln" x="300" y="196" width="40" height="6" rx="3"/><rect class="ln" x="300" y="210" width="40" height="6" rx="3"/><rect class="ln" x="300" y="224" width="40" height="6" rx="3"/><rect class="ln" x="300" y="238" width="40" height="6" rx="3"/><rect class="ln" x="392" y="182" width="44" height="6" rx="3"/><rect class="ln" x="392" y="196" width="44" height="6" rx="3"/><rect class="ln" x="392" y="210" width="44" height="6" rx="3"/><rect class="ln" x="392" y="224" width="44" height="6" rx="3"/><rect class="ln" x="392" y="238" width="44" height="6" rx="3"/>
13
+ <line class="rule" x1="176" y1="262" x2="452" y2="262"/>
14
+ <rect x="340" y="276" width="112" height="34" rx="3" fill="none" stroke="#a8a29e"/>
15
+ <rect class="ln" x="350" y="290" width="40" height="6" rx="3"/><rect class="ln" x="404" y="290" width="40" height="6" rx="3"/>
16
+ <rect class="ln" x="176" y="340" width="180" height="6" rx="3"/><rect class="ln" x="176" y="354" width="140" height="6" rx="3"/><rect class="ln" x="176" y="368" width="200" height="6" rx="3"/>
17
+ <text class="sm" x="176" y="420" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Scan the QR code to submit the claim</text>
18
+ </svg>
package/dist/collection/features/mocks/data/assets/documents/signed-claim-document.svg ADDED
@@ -0,0 +1,21 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480">
2
+ <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>
3
+ <rect class="desk" width="640" height="480"/>
4
+ <rect x="150" y="26" width="340" height="428" rx="4" fill="#0000001a"/>
5
+ <rect class="page" x="144" y="20" width="340" height="428" rx="4"/>
6
+ <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>
7
+ <line class="rule" x1="176" y1="74" x2="452" y2="74"/>
8
+ <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"/>
9
+ <rect x="176" y="160" width="276" height="120" rx="3" fill="none" stroke="#d6d3d1"/>
10
+ <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"/>
11
+ <line class="rule" x1="176" y1="300" x2="452" y2="300"/>
12
+ <rect class="ln" x="176" y="318" width="90" height="6" rx="3"/>
13
+ <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"/>
14
+ <line class="rule" x1="176" y1="392" x2="420" y2="392"/>
15
+ <text class="sm" x="176" y="408" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Customer signature</text>
16
+ <text class="sm" x="372" y="408" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Date</text>
17
+ <rect class="ln" x="372" y="318" width="48" height="6" rx="3"/>
18
+ <circle cx="440" cy="352" r="28" fill="none" stroke="#dc2626" stroke-width="3" opacity=".75"/>
19
+ <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>
20
+ <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>
21
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-front-left-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-front-left.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-front-right-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-front-right.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-left-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-left.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-right-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/door-rear-right.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-left-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-left.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-right-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-front-right.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-left-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-left.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-right-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/fender-rear-right.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/hood-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/hood.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/panel.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/roof-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/roof.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/tail-gate-detail.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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>
5
+ <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>
6
+ <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>
7
+ </svg>
package/dist/collection/features/mocks/data/assets/paint-panels/tail-gate.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="336" height="600" viewBox="0 0 336 600">
2
+ <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>
3
+ <rect class="f" width="336" height="600"/>
4
+ <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"/>
5
+ <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>
6
+ </svg>