npm - rpc-agent - Versions diffs - 0.0.0-stage → 0.4.0 - Mend

rpc-agent 0.0.0-stage → 0.4.0

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 (43) hide show

package/CHANGELOG.md +157 -0
package/LICENSE +21 -0
package/NOTICE +16 -0
package/README.md +471 -2
package/assets/bezels/imac.svg +63 -0
package/assets/bezels/ipad.svg +27 -0
package/assets/bezels/iphone-11-pro.svg +35 -0
package/assets/bezels/iphone-12-mini.svg +26 -0
package/assets/bezels/iphone-12-pro-max.svg +26 -0
package/assets/bezels/iphone-17-pro.svg +172 -0
package/assets/bezels/iphone-se.svg +37 -0
package/assets/bezels/laptop.svg +25 -0
package/assets/bezels/macbook-air.svg +235 -0
package/assets/bezels/macbook-pro-13.svg +63 -0
package/assets/bezels/macbook-pro-14.svg +115 -0
package/assets/bezels/macbook-pro.svg +32 -0
package/assets/bezels/macbook.svg +25 -0
package/assets/bezels/monitor.svg +57 -0
package/assets/bezels/phone-classic.svg +17 -0
package/assets/bezels/phone-home.svg +12 -0
package/assets/bezels/phone-island.svg +130 -0
package/assets/bezels/phone-notch.svg +26 -0
package/assets/bezels/surface-laptop.svg +84 -0
package/assets/bezels/tablet.svg +25 -0
package/assets/bezels/windows-laptop.svg +84 -0
package/dist/args.js +308 -0
package/dist/auth.js +416 -0
package/dist/bezel.js +74 -0
package/dist/browser.js +82 -0
package/dist/capture.js +274 -0
package/dist/cli.js +255 -0
package/dist/composite.js +115 -0
package/dist/devices.js +407 -0
package/dist/errors.js +115 -0
package/dist/help.js +160 -0
package/dist/login.js +150 -0
package/dist/mcp.js +312 -0
package/dist/options.js +51 -0
package/dist/png.js +183 -0
package/dist/slices.js +59 -0
package/dist/term.js +66 -0
package/dist/ui.js +599 -0
package/package.json +68 -4

package/assets/bezels/phone-island.svg ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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>

package/assets/bezels/windows-laptop.svg ADDED Viewed

@@ -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_5_6085)">
+<rect x="12" y="817" width="1464" height="2" rx="1" fill="black"/>
+</g>
+<g filter="url(#filter1_f_5_6085)">
+<rect x="13" y="818" width="1462" height="1" rx="0.5" fill="black" fill-opacity="0.6"/>
+</g>
+<g filter="url(#filter2_ii_5_6085)">
+<rect x="12" y="791" width="1464" height="26" rx="1" fill="url(#paint0_linear_5_6085)"/>
+<rect x="12" y="791" width="1464" height="26" rx="1" fill="url(#paint1_linear_5_6085)" fill-opacity="0.2"/>
+</g>
+<path d="M181 0.5H1307C1318.87 0.5 1328.5 10.1259 1328.5 22V790.5H159.5V22C159.5 10.1259 169.126 0.5 181 0.5Z" fill="#D6D6D6" stroke="#CCCCCC"/>
+<g filter="url(#filter3_i_5_6085)">
+<rect x="180" y="21" width="1128" height="754" rx="4" fill="white" fill-opacity="0.01"/>
+</g>
+<g filter="url(#filter4_i_5_6085)">
+<path d="M162 23C162 11.9543 170.954 3 182 3H1306C1317.05 3 1326 11.9543 1326 23V791H162V23Z" fill="url(#paint2_radial_5_6085)"/>
+</g>
+<defs>
+<filter id="filter0_f_5_6085" 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_5_6085"/>
+</filter>
+<filter id="filter1_f_5_6085" 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_5_6085"/>
+</filter>
+<filter id="filter2_ii_5_6085" 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_5_6085"/>
+<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_5_6085" result="effect2_innerShadow_5_6085"/>
+</filter>
+<filter id="filter3_i_5_6085" 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_5_6085"/>
+</filter>
+<filter id="filter4_i_5_6085" 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_5_6085"/>
+<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_5_6085"/>
+</filter>
+<linearGradient id="paint0_linear_5_6085" 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_5_6085" 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_5_6085" 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>