rpc-agent 0.0.0-stage → 0.3.1

package/assets/bezels/macbook-pro-14.svg

@@ -0,0 +1,115 @@
+<svg width="1216" height="735" viewBox="0 0 1216 735" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_601_140)">
+<path d="M1216 689.6V685H0V689.6C0 703.041 0 709.762 2.61584 714.896C4.91681 719.412 8.58832 723.083 13.1042 725.384C18.2381 728 24.9587 728 38.4 728H1177.6C1191.04 728 1197.76 728 1202.9 725.384C1207.41 723.083 1211.08 719.412 1213.38 714.896C1216 709.762 1216 703.041 1216 689.6Z" fill="url(#paint0_linear_601_140)"/>
+<path d="M1146 731C1147.6 730.6 1148.67 728.833 1149 728H1069.5C1069.83 728.833 1070.9 730.6 1072.5 731C1072.67 732.167 1073.4 734.5 1075 734.5H1143.5C1145.1 734.5 1145.83 732.167 1146 731Z" fill="url(#paint1_linear_601_140)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1145.93 731.406V731.25H1072.54C1072.77 732.47 1073.51 734.5 1075 734.5H1143.5C1144.93 734.5 1145.67 732.635 1145.93 731.406Z" fill="url(#paint2_linear_601_140)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1145.93 731.25V731.406C1145.85 731.754 1145.74 732.152 1145.59 732.545H1072.91C1072.73 732.092 1072.61 731.631 1072.54 731.25H1145.93Z" fill="#383838"/>
+<path d="M142.5 731C144.1 730.6 145.167 728.833 145.5 728H66C66.3333 728.833 67.4 730.6 69 731C69.1667 732.167 69.9 734.5 71.5 734.5H140C141.6 734.5 142.333 732.167 142.5 731Z" fill="url(#paint3_linear_601_140)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M142.428 731.406V731.25H69.0414C69.2692 732.47 70.0075 734.5 71.5 734.5H140C141.43 734.5 142.168 732.635 142.428 731.406Z" fill="url(#paint4_linear_601_140)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M142.428 731.25V731.406C142.354 731.754 142.243 732.152 142.088 732.545H69.4123C69.2338 732.092 69.1127 731.631 69.0415 731.25H142.428Z" fill="#383838"/>
+<path d="M502 685H713.5C713.5 694.113 706.113 701.5 697 701.5H518.5C509.387 701.5 502 694.113 502 685Z" fill="url(#paint5_linear_601_140)"/>
+<path d="M712.992 685.5C712.728 694.105 705.669 701 697 701H518.5C509.831 701 502.772 694.105 502.508 685.5H712.992Z" stroke="white" stroke-opacity="0.1"/>
+<rect x="1121.5" y="685" width="81" height="33" fill="url(#paint6_linear_601_140)"/>
+<rect width="84" height="33" transform="matrix(-1 0 0 1 84.5 685)" fill="url(#paint7_linear_601_140)"/>
+<g filter="url(#filter0_f_601_140)">
+<path d="M1192.5 685H1205.5V705.112C1205.5 709.469 1201.97 713 1197.61 713C1194.79 713 1192.5 710.711 1192.5 707.888V685Z" fill="#D2D2DA"/>
+</g>
+<g filter="url(#filter1_f_601_140)">
+<path d="M20.5 685H9.5V706.326C9.5 710.012 12.4881 713 16.1742 713C18.5633 713 20.5 711.063 20.5 708.674V685Z" fill="#D2D2DA"/>
+</g>
+</g>
+<path d="M608.5 2H1078.5C1093.96 2 1106.5 14.536 1106.5 30V683H608.5H608H110V30C110 14.536 122.536 2 138 2H608H608.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1078.5 4H138C123.641 4 112 15.6406 112 30V681H1104.5V30C1104.5 15.6406 1092.86 4 1078.5 4ZM1078.5 2H138C122.536 2 110 14.536 110 30V683H1106.5V30C1106.5 14.536 1093.96 2 1078.5 2Z" fill="#201F24"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1108.5 685H108V30C108 13.4315 121.431 0 138 0H1078.5C1095.07 0 1108.5 13.4315 1108.5 30V685ZM1078.5 2H138C122.536 2 110 14.536 110 30V683H1106.5V30C1106.5 14.536 1093.96 2 1078.5 2Z" fill="#7D7D7F"/>
+<path d="M112.846 657H1103.5V676C1103.5 678.209 1101.71 680 1099.5 680H116.846C114.637 680 112.846 678.209 112.846 676V657Z" fill="url(#paint8_linear_601_140)"/>
+<path d="M667 20.5C667 18 670 18 671.5 18H544.5C546 18 549 18 549 20.5V30C549 34.4183 552.582 38 557 38H659C663.418 38 667 34.4183 667 30V20.5Z" fill="black"/>
+<circle cx="608" cy="24.0907" r="3.77901" fill="#0F0F0F" stroke="#151515" stroke-width="0.260621"/>
+<circle cx="607.609" cy="25.0029" r="0.912175" fill="#16181E"/>
+<circle cx="607.609" cy="23.6997" r="0.912175" fill="#0A0B0D"/>
+<circle opacity="0.6" cx="608" cy="24.0907" r="1.30311" fill="#1F2531"/>
+<defs>
+<filter id="filter0_f_601_140" x="1184.5" y="677" width="29" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_601_140"/>
+</filter>
+<filter id="filter1_f_601_140" x="-0.5" y="675" width="31" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_601_140"/>
+</filter>
+<linearGradient id="paint0_linear_601_140" x1="608" y1="685" x2="608" y2="728" gradientUnits="userSpaceOnUse">
+<stop stop-color="#AEAFB4"/>
+<stop offset="0.192522" stop-color="#AFB0B5"/>
+<stop offset="0.376094" stop-color="#AFB0B5"/>
+<stop offset="0.598958" stop-color="#7D7E82"/>
+<stop offset="0.713542" stop-color="#696A6F"/>
+<stop offset="0.852125" stop-color="#838489"/>
+<stop offset="0.931356" stop-color="#ABACB0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_601_140" x1="1069.5" y1="731.25" x2="1149" y2="731.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8C8D91"/>
+<stop offset="0.173014" stop-color="#525358"/>
+<stop offset="0.31824" stop-color="#78797D"/>
+<stop offset="0.465029" stop-color="#A0A0A2"/>
+<stop offset="0.691458" stop-color="#9A9A9C"/>
+<stop offset="0.825754" stop-color="#4F5055"/>
+<stop offset="0.941311" stop-color="#9E9EA0"/>
+<stop offset="1" stop-color="#848589"/>
+</linearGradient>
+<linearGradient id="paint2_linear_601_140" x1="1072.54" y1="732.875" x2="1145.93" y2="732.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#575757"/>
+<stop offset="0.0827846" stop-color="#2D2D2D"/>
+<stop offset="0.490477" stop-color="#4E4E4E"/>
+<stop offset="0.824814" stop-color="#2A2A2A"/>
+<stop offset="1" stop-color="#5C5C5C"/>
+</linearGradient>
+<linearGradient id="paint3_linear_601_140" x1="66" y1="731.25" x2="145.5" y2="731.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8C8D91"/>
+<stop offset="0.173014" stop-color="#525358"/>
+<stop offset="0.31824" stop-color="#78797D"/>
+<stop offset="0.465029" stop-color="#A0A0A2"/>
+<stop offset="0.691458" stop-color="#9A9A9C"/>
+<stop offset="0.825754" stop-color="#4F5055"/>
+<stop offset="0.941311" stop-color="#9E9EA0"/>
+<stop offset="1" stop-color="#848589"/>
+</linearGradient>
+<linearGradient id="paint4_linear_601_140" x1="69.0414" y1="732.875" x2="142.428" y2="732.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#575757"/>
+<stop offset="0.0827846" stop-color="#2D2D2D"/>
+<stop offset="0.490477" stop-color="#4E4E4E"/>
+<stop offset="0.824814" stop-color="#2A2A2A"/>
+<stop offset="1" stop-color="#5C5C5C"/>
+</linearGradient>
+<linearGradient id="paint5_linear_601_140" x1="502.5" y1="693" x2="713.5" y2="693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#25262B"/>
+<stop offset="0.015659" stop-color="#606166"/>
+<stop offset="0.035819" stop-color="#9FA0A4"/>
+<stop offset="0.0504351" stop-color="#C8C8CE"/>
+<stop offset="0.479167" stop-color="#D7D8DD"/>
+<stop offset="0.941214" stop-color="#CBCBD3"/>
+<stop offset="0.970403" stop-color="#A7A8AC"/>
+<stop offset="0.980129" stop-color="#595A5E"/>
+<stop offset="1" stop-color="#27282C"/>
+</linearGradient>
+<linearGradient id="paint6_linear_601_140" x1="1202.5" y1="702" x2="1121.5" y2="702" gradientUnits="userSpaceOnUse">
+<stop stop-color="#65666B" stop-opacity="0"/>
+<stop offset="0.259918" stop-color="#65666B"/>
+<stop offset="1" stop-color="#65666B" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_601_140" x1="84" y1="17" x2="2.87514e-08" y2="17" gradientUnits="userSpaceOnUse">
+<stop stop-color="#65666B" stop-opacity="0"/>
+<stop offset="0.259918" stop-color="#65666B"/>
+<stop offset="1" stop-color="#65666B" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_601_140" x1="607.5" y1="657" x2="607.5" y2="680" gradientUnits="userSpaceOnUse">
+<stop stop-color="#222222"/>
+<stop offset="0.0852114" stop-color="#242424"/>
+<stop offset="0.830431" stop-color="#242424"/>
+<stop offset="1" stop-color="#201F24"/>
+</linearGradient>
+<clipPath id="clip0_601_140">
+<rect width="1216" height="49.5" fill="white" transform="translate(0 685)"/>
+</clipPath>
+</defs>
+</svg>

package/assets/bezels/macbook-pro.svg

@@ -0,0 +1,32 @@
+<svg width="1008" height="580" viewBox="0 0 1008 580" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M126 1H886C900.912 1.00001 913 13.0883 913 28V550C913 551.657 911.657 553 910 553H102C100.343 553 99 551.657 99 550V28C99 13.0883 111.088 1 126 1Z" fill="#1A202C" stroke="#4A5568" stroke-width="2"/>
+<path d="M464.173 535.545V545H465.816V538.491H465.904L468.517 544.972H469.745L472.358 538.505H472.445V545H474.089V535.545H471.993L469.186 542.396H469.075L466.269 535.545H464.173ZM477.921 545.143C479.033 545.143 479.698 544.621 480.003 544.026H480.058V545H481.665V540.254C481.665 538.38 480.137 537.817 478.784 537.817C477.293 537.817 476.148 538.482 475.779 539.774L477.339 539.996C477.505 539.511 477.976 539.096 478.793 539.096C479.569 539.096 479.993 539.493 479.993 540.19V540.217C479.993 540.697 479.49 540.721 478.239 540.854C476.863 541.002 475.548 541.413 475.548 543.01C475.548 544.404 476.568 545.143 477.921 545.143ZM478.355 543.915C477.657 543.915 477.159 543.597 477.159 542.983C477.159 542.341 477.718 542.073 478.465 541.967C478.904 541.907 479.781 541.796 479.998 541.621V542.456C479.998 543.246 479.361 543.915 478.355 543.915ZM486.438 545.138C488.22 545.138 489.356 544.081 489.476 542.576H487.878C487.735 543.338 487.186 543.777 486.452 543.777C485.409 543.777 484.735 542.904 484.735 541.455C484.735 540.023 485.422 539.165 486.452 539.165C487.255 539.165 487.749 539.682 487.878 540.365H489.476C489.36 538.828 488.16 537.817 486.429 537.817C484.351 537.817 483.04 539.317 483.04 541.482C483.04 543.629 484.319 545.138 486.438 545.138ZM490.922 545H492.565V543.883H492.662C492.925 544.4 493.475 545.125 494.693 545.125C496.365 545.125 497.616 543.8 497.616 541.464C497.616 539.1 496.328 537.817 494.689 537.817C493.438 537.817 492.916 538.569 492.662 539.082H492.593V535.545H490.922V545ZM492.561 541.455C492.561 540.079 493.152 539.188 494.227 539.188C495.34 539.188 495.912 540.134 495.912 541.455C495.912 542.784 495.331 543.754 494.227 543.754C493.161 543.754 492.561 542.83 492.561 541.455ZM502.129 545.138C504.207 545.138 505.527 543.675 505.527 541.482C505.527 539.285 504.207 537.817 502.129 537.817C500.052 537.817 498.732 539.285 498.732 541.482C498.732 543.675 500.052 545.138 502.129 545.138ZM502.139 543.8C500.989 543.8 500.426 542.775 500.426 541.478C500.426 540.18 500.989 539.142 502.139 539.142C503.27 539.142 503.833 540.18 503.833 541.478C503.833 542.775 503.27 543.8 502.139 543.8ZM510.039 545.138C512.116 545.138 513.436 543.675 513.436 541.482C513.436 539.285 512.116 537.817 510.039 537.817C507.961 537.817 506.641 539.285 506.641 541.482C506.641 543.675 507.961 545.138 510.039 545.138ZM510.048 543.8C508.898 543.8 508.335 542.775 508.335 541.478C508.335 540.18 508.898 539.142 510.048 539.142C511.179 539.142 511.742 540.18 511.742 541.478C511.742 542.775 511.179 543.8 510.048 543.8ZM514.855 545H516.526V542.618L517.135 541.967L519.305 545H521.304L518.396 540.97L521.142 537.909H519.19L516.641 540.757H516.526V535.545H514.855V545ZM525.555 545H527.267V541.805H529.077C531.261 541.805 532.433 540.494 532.433 538.675C532.433 536.87 531.274 535.545 529.1 535.545H525.555V545ZM527.267 540.397V536.977H528.837C530.12 536.977 530.688 537.669 530.688 538.675C530.688 539.682 530.12 540.397 528.846 540.397H527.267ZM533.847 545H535.518V540.831C535.518 539.931 536.197 539.294 537.115 539.294C537.397 539.294 537.748 539.345 537.891 539.391V537.854C537.739 537.826 537.475 537.808 537.291 537.808C536.478 537.808 535.8 538.269 535.541 539.091H535.467V537.909H533.847V545ZM541.802 545.138C543.88 545.138 545.2 543.675 545.2 541.482C545.2 539.285 543.88 537.817 541.802 537.817C539.725 537.817 538.405 539.285 538.405 541.482C538.405 543.675 539.725 545.138 541.802 545.138ZM541.812 543.8C540.662 543.8 540.099 542.775 540.099 541.478C540.099 540.18 540.662 539.142 541.812 539.142C542.943 539.142 543.506 540.18 543.506 541.478C543.506 542.775 542.943 543.8 541.812 543.8Z" fill="#A0AEC0"/>
+<path d="M0 552C0 550.895 0.895431 550 2 550H1006C1007.1 550 1008 550.895 1008 552V568H0V552Z" fill="#A3ACB1"/>
+<path d="M0 552C0 550.895 0.895431 550 2 550H1006C1007.1 550 1008 550.895 1008 552V568H0V552Z" fill="url(#paint0_linear_4_49)"/>
+<path d="M0 568H1008L987.646 572.105C961.613 577.355 935.123 580 908.566 580H97.9089C68.724 580 39.6267 576.806 11.1367 570.475L0 568Z" fill="#647279"/>
+<path d="M0 568H1008L987.646 572.105C961.613 577.355 935.123 580 908.566 580H97.9089C68.724 580 39.6267 576.806 11.1367 570.475L0 568Z" fill="url(#paint1_linear_4_49)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M421.033 550C421.547 557.818 428.052 564 436 564H573C580.948 564 587.453 557.818 587.967 550H421.033Z" fill="#96A1A8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M421.033 550C421.547 557.818 428.052 564 436 564H573C580.948 564 587.453 557.818 587.967 550H421.033Z" fill="url(#paint2_linear_4_49)"/>
+<defs>
+<linearGradient id="paint0_linear_4_49" x1="-1.94452e-10" y1="559" x2="1008" y2="559" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D1012"/>
+<stop offset="0.0295345" stop-color="#CAD4DB"/>
+<stop offset="0.0625" stop-color="#242729"/>
+<stop offset="0.133609" stop-color="#A3ACB1"/>
+<stop offset="0.865967" stop-color="#A3ACB1"/>
+<stop offset="0.941937" stop-color="#242729"/>
+<stop offset="0.971275" stop-color="#CAD4DB"/>
+<stop offset="0.996436" stop-color="#0D1012"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4_49" x1="504" y1="568" x2="504" y2="580" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7A7F83"/>
+<stop offset="1" stop-color="#0B0B0E"/>
+</linearGradient>
+<linearGradient id="paint2_linear_4_49" x1="437.5" y1="558.5" x2="574.5" y2="558.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3C3C3C"/>
+<stop offset="0.317518" stop-color="#3C3C3C" stop-opacity="0"/>
+<stop offset="0.660584" stop-color="#3C3C3C" stop-opacity="0"/>
+<stop offset="1" stop-color="#444444"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/bezels/macbook.svg

@@ -0,0 +1,25 @@
+<svg width="2548" height="1421" viewBox="0 0 2548 1421" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M242 43.9999C242 19.6994 261.699 0 286 0H2262.08C2286.38 0 2306.08 19.6995 2306.08 44V1395.1H242V43.9999Z" fill="#1A202C"/>
+<path d="M258 45.0685C258 27.3954 272.327 13.0685 290 13.0685H2258.8C2276.48 13.0685 2290.8 27.3954 2290.8 45.0685V1339.56H258V45.0685Z" fill="black"/>
+<path d="M0 1380.56H2548V1394.04C2548 1394.04 2431.96 1421 2300.28 1421C2168.6 1421 379.402 1419.65 247.722 1419.65C116.043 1419.65 0 1394.04 0 1394.04V1380.56Z" fill="url(#paint0_linear_3_4914)"/>
+<path d="M0 1381.06C0 1379.96 0.895431 1379.06 2 1379.06H2546C2547.1 1379.06 2548 1379.96 2548 1381.06V1394.04H0V1381.06Z" fill="url(#paint1_linear_3_4914)"/>
+<path d="M1084.71 1379.06H1464.94C1464.94 1387.34 1458.23 1394.04 1449.96 1394.04H1099.69C1091.42 1394.04 1084.71 1387.34 1084.71 1379.06Z" fill="url(#paint2_linear_3_4914)"/>
+<defs>
+<linearGradient id="paint0_linear_3_4914" x1="1274" y1="1380.56" x2="1274" y2="1421" gradientUnits="userSpaceOnUse">
+<stop stop-color="#80868A"/>
+<stop offset="1" stop-color="#2A2C2F"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3_4914" x1="5.35215e-06" y1="1386.55" x2="2548" y2="1386.55" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2A2C2F"/>
+<stop offset="0.208333" stop-color="#80868A"/>
+<stop offset="0.770833" stop-color="#80868A"/>
+<stop offset="1" stop-color="#2A2C2F"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3_4914" x1="1084.71" y1="1386.55" x2="1464.94" y2="1386.55" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2A2C2F"/>
+<stop offset="0.229167" stop-color="#80868A"/>
+<stop offset="0.802083" stop-color="#80868A"/>
+<stop offset="1" stop-color="#2A2C2F"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/bezels/monitor.svg

@@ -0,0 +1,57 @@
+<svg width="3082" height="2287" viewBox="0 0 3082 2287" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1818" y="2283" width="99" height="4" fill="#202123"/>
+<rect x="1166" y="2283" width="99" height="4" fill="#202123"/>
+<rect x="1156" y="2245" width="771" height="38" fill="#CACBCD"/>
+<rect x="1156" y="2245" width="771" height="38" fill="url(#paint0_linear_1_34)"/>
+<rect x="1156" y="2245" width="191" height="38" fill="url(#paint1_linear_1_34)"/>
+<rect x="1927" y="2283" width="191" height="38" transform="rotate(-180 1927 2283)" fill="url(#paint2_linear_1_34)"/>
+<rect x="1156" y="1770" width="771" height="475" fill="#E0E1E3"/>
+<rect x="1156" y="1770" width="771" height="236" fill="url(#paint3_linear_1_34)"/>
+<rect opacity="0.5" x="1156" y="1770" width="771" height="475" fill="url(#paint4_linear_1_34)"/>
+<rect opacity="0.5" width="771" height="475" transform="matrix(-1 0 0 1 1927 1770)" fill="url(#paint5_linear_1_34)"/>
+<rect x="1927" y="2245" width="771" height="33.9999" transform="rotate(-180 1927 2245)" fill="url(#paint6_linear_1_34)"/>
+<rect x="1927" y="2232" width="771" height="33.9999" transform="rotate(-180 1927 2232)" fill="url(#paint7_linear_1_34)"/>
+<rect width="3082" height="1770" rx="20" fill="black"/>
+<defs>
+<linearGradient id="paint0_linear_1_34" x1="1927" y1="2264" x2="1156" y2="2264" gradientUnits="userSpaceOnUse">
+<stop offset="0.130208" stop-color="#B9BBBD"/>
+<stop offset="0.490272" stop-color="#CACBCD"/>
+<stop offset="0.85214" stop-color="#BABBBD"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_34" x1="1156" y1="2264" x2="1331" y2="2264" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D2D6"/>
+<stop offset="0.110769" stop-color="#A4A5A7"/>
+<stop offset="0.24" stop-color="#DFDFE1"/>
+<stop offset="0.317143" stop-color="#DDDEE0"/>
+<stop offset="1" stop-color="#CACBCD" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_34" x1="1927" y1="2302" x2="2102" y2="2302" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D2D6"/>
+<stop offset="0.110769" stop-color="#A4A5A7"/>
+<stop offset="0.24" stop-color="#DFDFE1"/>
+<stop offset="0.317143" stop-color="#DDDEE0"/>
+<stop offset="1" stop-color="#CACBCD" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1_34" x1="1541.5" y1="1770" x2="1541.5" y2="2006" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B3B5"/>
+<stop offset="1" stop-color="#E0E1E3" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1_34" x1="1156" y1="2278" x2="1542" y2="1770" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B3B5"/>
+<stop offset="1" stop-color="#E0E1E3" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1_34" x1="8.06348e-06" y1="508" x2="386" y2="-1.48162e-05" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B3B5"/>
+<stop offset="1" stop-color="#E0E1E3" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1_34" x1="2312.5" y1="2245" x2="2312.5" y2="2279" gradientUnits="userSpaceOnUse">
+<stop stop-color="#666666"/>
+<stop offset="0.838542" stop-color="#E0E1E3" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1_34" x1="2312.5" y1="2232" x2="2312.5" y2="2266" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9EAEC" stop-opacity="0"/>
+<stop offset="0.432292" stop-color="#E7E8EA"/>
+<stop offset="1" stop-color="#E0E1E3" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/bezels/phone-classic.svg

@@ -0,0 +1,17 @@
+<svg width="421" height="858" viewBox="0 0 421 858" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_284_941)">
+<path d="M0 55C0 24.6244 24.6243 0 55 0H363C393.376 0 418 24.6243 418 55V803C418 833.376 393.376 858 363 858H55C24.6243 858 0 833.376 0 803V55Z" fill="#3A4245"/>
+<path d="M4 55C4 26.8335 26.8335 4 55 4H363C391.167 4 414 26.8335 414 55V803C414 831.167 391.167 854 363 854H55C26.8335 854 4 831.167 4 803V55Z" fill="#121515"/>
+<path d="M418 324H419C420.105 324 421 325.481 421 327.308L421 438.692C421 440.519 420.105 442 419 442H418L418 324Z" fill="#121515"/>
+<path d="M418 205H419C420.105 205 421 206.481 421 208.308L421 260.692C421 262.519 420.105 264 419 264H418L418 205Z" fill="#121515"/>
+<circle cx="47.5" cy="48.5" r="13.5" fill="#121515"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.5 58C52.7467 58 57 53.7467 57 48.5C57 43.2533 52.7467 39 47.5 39C42.2533 39 38 43.2533 38 48.5C38 53.7467 42.2533 58 47.5 58Z" fill="#262C2D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.5 54.4375C50.7792 54.4375 53.4375 51.7792 53.4375 48.5C53.4375 45.2208 50.7792 42.5625 47.5 42.5625C44.2208 42.5625 41.5625 45.2208 41.5625 48.5C41.5625 51.7792 44.2208 54.4375 47.5 54.4375Z" fill="#121515"/>
+<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M47.5 47.3125C48.1558 47.3125 48.6875 46.7808 48.6875 46.125C48.6875 45.4692 48.1558 44.9375 47.5 44.9375C46.8442 44.9375 46.3125 45.4692 46.3125 46.125C46.3125 46.7808 46.8442 47.3125 47.5 47.3125Z" fill="#636F73"/>
+</g>
+<defs>
+<clipPath id="clip0_284_941">
+<rect width="421" height="858" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/bezels/phone-home.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 800" preserveAspectRatio="none">
+  <rect x="2" y="2" width="396" height="796" rx="32" ry="32"
+        fill="none" stroke="currentColor" stroke-width="3"/>
+  <!-- Speaker grille -->
+  <rect x="170" y="32" width="60" height="6" rx="3" ry="3"
+        fill="currentColor"/>
+  <!-- Front camera -->
+  <circle cx="252" cy="35" r="3" fill="currentColor"/>
+  <!-- Home button -->
+  <circle cx="200" cy="770" r="20"
+          fill="none" stroke="currentColor" stroke-width="2"/>
+</svg>

package/assets/bezels/phone-island.svg

@@ -0,0 +1,130 @@
+<svg width="1300" height="2642" viewBox="0 0 1300 2642" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="10" width="1280" height="2642" rx="210" fill="black"/>
+<rect x="465" y="95" width="370" height="108" rx="54" fill="black"/>
+<g opacity="0.75">
+<rect x="736" y="124" width="50" height="50" rx="25" fill="#121212"/>
+<rect x="736" y="124" width="50" height="50" rx="25" stroke="#0E0E0E" stroke-width="2"/>
+<g filter="url(#filter0_f_901_932)">
+<path d="M755.429 137.857C746.981 140.333 744.166 154.571 755.429 160.143C752.613 152.714 752.613 145.905 755.429 137.857Z" fill="#50A99A"/>
+</g>
+<g filter="url(#filter1_f_901_932)">
+<path d="M753.572 143C749.348 144.333 747.94 152 753.572 155C752.164 151 752.164 147.333 753.572 143Z" fill="#50A99A"/>
+</g>
+<g opacity="0.4" filter="url(#filter2_f_901_932)">
+<path d="M755.309 141.065C751.69 141.611 749.045 151.626 753.417 154.286C751.869 150.714 752.643 143.571 755.309 141.065Z" fill="#D0FFF7"/>
+</g>
+<g filter="url(#filter3_f_901_932)">
+<path d="M766.571 137.857C775.019 140.333 777.834 154.571 766.571 160.143C769.387 152.714 769.387 145.905 766.571 137.857Z" fill="#3E518C"/>
+</g>
+<g filter="url(#filter4_f_901_932)">
+<path d="M768.428 143C772.652 144.333 774.06 152 768.428 155C769.836 151 769.836 147.333 768.428 143Z" fill="#26408D"/>
+</g>
+<g opacity="0.5" filter="url(#filter5_f_901_932)">
+<path d="M766.691 141.065C770.31 141.611 772.955 151.626 768.583 154.286C770.131 150.714 769.357 143.571 766.691 141.065Z" fill="#0D308C"/>
+</g>
+</g>
+<g opacity="0.4">
+<rect width="72" height="72" rx="36" transform="matrix(-1 0 0 1 555 113)" fill="#141414"/>
+<rect width="46.8" height="46.8" rx="23.4" transform="matrix(-1 0 0 1 542.4 125.6)" fill="black"/>
+<g filter="url(#filter6_f_901_932)">
+<path d="M526.022 134.96C536.665 138.08 540.213 156.02 526.022 163.04C529.569 153.68 529.569 145.1 526.022 134.96Z" fill="#50A99A"/>
+</g>
+<g filter="url(#filter7_f_901_932)">
+<path d="M528.362 141.44C533.684 143.12 535.457 152.78 528.362 156.56C530.136 151.52 530.136 146.9 528.362 141.44Z" fill="#50A99A"/>
+</g>
+<g opacity="0.5" filter="url(#filter8_f_901_932)">
+<path d="M526.172 139.002C530.733 139.69 534.065 152.309 528.557 155.66C530.507 151.16 529.532 142.16 526.172 139.002Z" fill="#D0FFF7"/>
+</g>
+<g filter="url(#filter9_f_901_932)">
+<path d="M511.979 134.96C501.336 138.08 497.788 156.02 511.979 163.04C508.432 153.68 508.432 145.1 511.979 134.96Z" fill="#3E518C"/>
+</g>
+<g filter="url(#filter10_f_901_932)">
+<path d="M509.639 141.44C504.317 143.12 502.543 152.78 509.639 156.56C507.865 151.52 507.865 146.9 509.639 141.44Z" fill="#26408D"/>
+</g>
+<g opacity="0.5" filter="url(#filter11_f_901_932)">
+<path d="M511.829 139.002C507.268 139.69 503.936 152.309 509.444 155.66C507.494 151.16 508.469 142.16 511.829 139.002Z" fill="#0D308C"/>
+</g>
+</g>
+<g opacity="0.4">
+<g opacity="0.75" style="mix-blend-mode:screen">
+<rect x="10" y="2358" width="18" height="16" fill="#7C7C7C"/>
+</g>
+<g opacity="0.75" style="mix-blend-mode:screen">
+<rect x="273" y="2622" width="16" height="18" fill="#7C7C7C"/>
+</g>
+<g opacity="0.75" style="mix-blend-mode:screen">
+<rect x="1272" y="267" width="18" height="16" fill="#7C7C7C"/>
+</g>
+<g opacity="0.75" style="mix-blend-mode:screen">
+<rect x="10" y="267" width="18" height="16" fill="#7C7C7C"/>
+</g>
+<g opacity="0.75" style="mix-blend-mode:screen">
+<rect x="1029" width="16" height="18" fill="#7C7C7C"/>
+</g>
+<g opacity="0.75" style="mix-blend-mode:screen">
+<rect x="1272" y="2357" width="18" height="16" fill="#7C7C7C"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_901_932" x="742.429" y="132.286" width="18.5716" height="33.4286" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.78571" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter1_f_901_932" x="744.286" y="137.429" width="14.8567" height="23.1429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.78571" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter2_f_901_932" x="747.425" y="137.351" width="11.5985" height="20.6489" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.85714" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter3_f_901_932" x="761" y="132.286" width="18.5716" height="33.4286" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.78571" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter4_f_901_932" x="762.857" y="137.429" width="14.8567" height="23.1429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.78571" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter5_f_901_932" x="762.976" y="137.351" width="11.5985" height="20.6489" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.85714" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter6_f_901_932" x="519.001" y="127.94" width="23.4004" height="42.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.51" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter7_f_901_932" x="521.342" y="134.42" width="18.7197" height="29.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.51" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter8_f_901_932" x="523.832" y="136.662" width="9.93391" height="21.3376" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.17" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter9_f_901_932" x="495.599" y="127.94" width="23.4004" height="42.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.51" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter10_f_901_932" x="497.939" y="134.42" width="18.7197" height="29.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.51" result="effect1_foregroundBlur_901_932"/>
+</filter>
+<filter id="filter11_f_901_932" x="504.235" y="136.662" width="9.93391" height="21.3376" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.17" result="effect1_foregroundBlur_901_932"/>
+</filter>
+</defs>
+</svg>

package/assets/bezels/phone-notch.svg

@@ -0,0 +1,26 @@
+<svg width="423" height="858" viewBox="0 0 423 858" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_348_0)">
+<path d="M420 220H421.5C422.328 220 423 220.672 423 221.5V319.5C423 320.328 422.328 321 421.5 321H420V220Z" fill="#1C3343"/>
+<path d="M3 342L1.49999 342C0.671567 342 -5.1865e-06 341.328 -5.11407e-06 340.5L4.38696e-08 281.5C1.16293e-07 280.672 0.671573 280 1.5 280L3.00001 280L3 342Z" fill="#1C3343"/>
+<path d="M3 260L1.49999 260C0.671567 260 -5.1865e-06 259.328 -5.11407e-06 258.5L4.38696e-08 199.5C1.16293e-07 198.672 0.671573 198 1.5 198L3.00001 198L3 260Z" fill="#213744"/>
+<path d="M3 168L1.5 168C0.671571 168 -2.32548e-06 167.328 -2.25305e-06 166.5L2.82209e-07 137.5C3.54632e-07 136.672 0.671573 136 1.5 136L3 136L3 168Z" fill="#213744"/>
+<path d="M3 91C3 66.8033 3 54.705 6.18133 44.9139C12.611 25.1254 28.1254 9.61099 47.9139 3.18133C57.705 0 69.8033 0 94 0H329C353.197 0 365.295 0 375.086 3.18133C394.875 9.61099 410.389 25.1254 416.819 44.9139C420 54.705 420 66.8033 420 91V767C420 791.197 420 803.295 416.819 813.086C410.389 832.875 394.875 848.389 375.086 854.819C365.295 858 353.197 858 329 858H94C69.8033 858 57.705 858 47.9139 854.819C28.1254 848.389 12.611 832.875 6.18133 813.086C3 803.295 3 791.197 3 767V91Z" fill="#213744"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M329.4 2H93.6C69.6978 2 57.9838 2.01234 48.5319 5.08344C29.3523 11.3153 14.3153 26.3523 8.08344 45.5319C5.01234 54.9838 5 66.6978 5 90.6V767.4C5 791.302 5.01234 803.016 8.08344 812.468C14.3153 831.648 29.3523 846.685 48.5319 852.917C57.9838 855.988 69.6978 856 93.6 856H329.4C353.302 856 365.016 855.988 374.468 852.917C393.648 846.685 408.685 831.648 414.917 812.468C417.988 803.016 418 791.302 418 767.4V90.6C418 66.6978 417.988 54.9838 414.917 45.5319C408.685 26.3523 393.648 11.3153 374.468 5.08344C365.016 2.01234 353.302 2 329.4 2ZM7.13238 45.2229C4 54.8634 4 66.7756 4 90.6V767.4C4 791.224 4 803.137 7.13238 812.777C13.4631 832.261 28.7389 847.537 48.2229 853.868C57.8634 857 69.7756 857 93.6 857H329.4C353.224 857 365.137 857 374.777 853.868C394.261 847.537 409.537 832.261 415.868 812.777C419 803.137 419 791.224 419 767.4V90.6C419 66.7756 419 54.8634 415.868 45.2229C409.537 25.7389 394.261 10.4631 374.777 4.13238C365.137 1 353.224 1 329.4 1H93.6C69.7756 1 57.8634 1 48.2229 4.13238C28.7389 10.4631 13.4631 25.7389 7.13238 45.2229Z" fill="#8EADC1"/>
+<path d="M8 89C8 66.6646 8 55.4969 10.9366 46.459C16.8717 28.1927 31.1927 13.8717 49.459 7.93661C58.4969 5 69.6646 5 92 5H331C353.335 5 364.503 5 373.541 7.93661C391.807 13.8717 406.128 28.1927 412.063 46.459C415 55.4969 415 66.6646 415 89V769C415 791.335 415 802.503 412.063 811.541C406.128 829.807 391.807 844.128 373.541 850.063C364.503 853 353.335 853 331 853H92C69.6646 853 58.4969 853 49.459 850.063C31.1927 844.128 16.8717 829.807 10.9366 811.541C8 802.503 8 791.335 8 769V89Z" fill="#121515"/>
+<rect x="331" width="6" height="5" fill="#36454C"/>
+<rect x="415" y="86" width="5" height="6" fill="#36454C"/>
+<rect x="3" y="86" width="5" height="6" fill="#36454C"/>
+<rect x="3" y="766" width="5" height="6" fill="#36454C"/>
+<rect x="415" y="766" width="5" height="6" fill="#36454C"/>
+<rect x="86" y="853" width="6" height="5" fill="#36454C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M254 40C258.418 40 262 36.4183 262 32C262 27.5817 258.418 24 254 24C249.582 24 246 27.5817 246 32C246 36.4183 249.582 40 254 40Z" fill="#262C2D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M254 37C256.761 37 259 34.7614 259 32C259 29.2386 256.761 27 254 27C251.239 27 249 29.2386 249 32C249 34.7614 251.239 37 254 37Z" fill="#121515"/>
+<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M254 31C254.552 31 255 30.5523 255 30C255 29.4477 254.552 29 254 29C253.448 29 253 29.4477 253 30C253 30.5523 253.448 31 254 31Z" fill="#636F73"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M187 32C187 30.3431 188.343 29 190 29H233C234.657 29 236 30.3431 236 32C236 33.6569 234.657 35 233 35H190C188.343 35 187 33.6569 187 32Z" fill="#262C2D"/>
+</g>
+<defs>
+<clipPath id="clip0_348_0">
+<rect width="423" height="858" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/bezels/surface-laptop.svg

@@ -0,0 +1,84 @@
+<svg width="1488" height="831" viewBox="0 0 1488 831" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_31_3456)">
+<rect x="12" y="817" width="1464" height="2" rx="1" fill="black"/>
+</g>
+<g filter="url(#filter1_f_31_3456)">
+<rect x="13" y="818" width="1462" height="1" rx="0.5" fill="black" fill-opacity="0.6"/>
+</g>
+<g filter="url(#filter2_ii_31_3456)">
+<rect x="12" y="791" width="1464" height="26" rx="1" fill="url(#paint0_linear_31_3456)"/>
+<rect x="12" y="791" width="1464" height="26" rx="1" fill="url(#paint1_linear_31_3456)" fill-opacity="0.2"/>
+</g>
+<path d="M181 0.5H1307C1318.87 0.5 1328.5 10.1259 1328.5 22V790.5H159.5V22L159.507 21.4453C159.801 9.82755 169.311 0.5 181 0.5Z" fill="#D6D6D6" stroke="#CCCCCC"/>
+<g filter="url(#filter3_i_31_3456)">
+<rect x="180" y="21" width="1128" height="754" rx="4" fill="white" fill-opacity="0.01"/>
+</g>
+<g filter="url(#filter4_i_31_3456)">
+<path d="M162 23C162 11.9543 170.954 3 182 3H1306C1317.05 3 1326 11.9543 1326 23V791H162V23Z" fill="url(#paint2_radial_31_3456)"/>
+</g>
+<defs>
+<filter id="filter0_f_31_3456" x="0" y="805" width="1488" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_31_3456"/>
+</filter>
+<filter id="filter1_f_31_3456" x="10" y="815" width="1468" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_31_3456"/>
+</filter>
+<filter id="filter2_ii_31_3456" x="12" y="790" width="1464" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-2"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_31_3456"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_31_3456" result="effect2_innerShadow_31_3456"/>
+</filter>
+<filter id="filter3_i_31_3456" x="180" y="21" width="1128" height="754" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_31_3456"/>
+</filter>
+<filter id="filter4_i_31_3456" x="162" y="3" width="1164" height="788" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_innerShadow_31_3456"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_31_3456"/>
+</filter>
+<linearGradient id="paint0_linear_31_3456" x1="12" y1="804" x2="1476" y2="804" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C6C5C5"/>
+<stop offset="0.00868664" stop-color="#FEFEFE"/>
+<stop offset="0.0311419" stop-color="#E3E3E3"/>
+<stop offset="0.962505" stop-color="#E7E6E6"/>
+<stop offset="0.992057" stop-color="white"/>
+<stop offset="1" stop-color="#C6C5C5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_31_3456" x1="744" y1="791" x2="744" y2="817" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EFEFEF"/>
+<stop offset="1" stop-color="#DBDBDB"/>
+</linearGradient>
+<radialGradient id="paint2_radial_31_3456" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(248 83.5) rotate(33.6577) scale(1470.51 2172.18)">
+<stop offset="0.155831" stop-color="white" stop-opacity="0.24"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

package/assets/bezels/tablet.svg

@@ -0,0 +1,25 @@
+<svg width="657" height="908" viewBox="0 0 657 908" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_dd_61_482)">
+<path d="M4 48C4 22.5949 24.5949 2 50 2H607C632.405 2 653 22.5949 653 48V856C653 881.405 632.405 902 607 902H50C24.5949 902 4 881.405 4 856V48Z" fill="#3A4245"/>
+</g>
+<path d="M8 48C8 24.8041 26.804 6 50 6H607C630.196 6 649 24.804 649 48V856C649 879.196 630.196 898 607 898H50C26.804 898 8 879.196 8 856V48Z" fill="#121515"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M653 73C654.105 73 655 73.3403 655 73.76V110.24C655 110.66 654.105 111 653 111V73Z" fill="#121515"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M653 116C654.105 116 655 116.34 655 116.76V153.24C655 153.66 654.105 154 653 154V116Z" fill="#121515"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M563 2C563 0.895431 563.403 -1.76132e-08 563.9 -3.93402e-08L607.1 -1.92767e-06C607.597 -1.9494e-06 608 0.895429 608 2L563 2Z" fill="#121515"/>
+<defs>
+<filter id="filter0_dd_61_482" x="0" y="0" width="657" height="908" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.0823529 0 0 0 0 0.25098 0 0 0 0.14 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61_482"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.0823529 0 0 0 0 0.25098 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_61_482" result="effect2_dropShadow_61_482"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_61_482" result="shape"/>
+</filter>
+</defs>
+</svg>