@open-mercato/core 0.7.1-develop.7203.1.9396450b78 → 0.8.1-develop.7204.1.83330e271e

package/src/modules/design_system/gallery/assets/menu-apex.svg

@@ -0,0 +1,18 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_254_5084)">
+<path d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z" fill="#6366F1"/>
+<path d="M0 5.45455C0 2.44209 2.44209 0 5.45455 0H34.5455C37.558 0 40 2.44209 40 5.45455V34.5455C40 37.558 37.558 40 34.5455 40H5.45455C2.44209 40 0 37.558 0 34.5455V5.45455Z" fill="url(#paint0_linear_254_5084)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.96 7.13851C19.2977 6.95213 19.7046 6.9547 20.0423 7.14108L24.2036 9.44572H24.2011C24.652 9.69509 24.652 10.3573 24.2011 10.6066L20.0966 12.8811C19.7293 13.0851 19.4999 13.4779 19.4999 13.9061V18.8024L19.5024 18.7998L19.4999 18.8061C19.5009 18.8559 19.5209 19.3934 19.8993 19.5831C20.2 19.7342 20.5797 19.4723 20.5797 19.4723V19.4749L24.9355 17.0621L24.9329 17.0645C25.1301 16.9562 25.3694 16.9562 25.5666 17.0645L30.6525 19.8803C30.8668 19.9987 31 20.228 31 20.4773V26.5321C31 26.7815 30.8668 26.7589 30.6525 26.8771L26.2321 29.3254C26.1709 29.3596 26.1076 29.3872 26.0443 29.4087L24.2676 30.4437L19.7909 32.9243C19.6109 33.0252 19.3938 33.0252 19.2114 32.9243L14.7348 30.4437L12.6862 29.3506L12.6875 29.3499L8.62607 27.2576C8.24154 27.0611 8 26.658 8 26.2173V20.7645C8 20.3363 8.22922 19.9433 8.59651 19.7393L13.1547 17.2183C13.522 17.0143 13.7512 16.6212 13.7512 16.1931V10.6898C13.7512 10.2592 13.983 9.86632 14.3527 9.6623L18.96 7.13851ZM19.7834 20.2984C19.3994 20.1897 18.9635 20.3737 18.9111 20.3969C18.9085 20.3984 18.906 20.4003 18.9034 20.4018L14.3477 22.9255C13.9805 23.1295 13.7512 23.5223 13.7512 23.9506V28.9677C13.7512 29.0034 13.7478 29.0382 13.7419 29.0715C13.7421 29.1993 13.7837 29.4148 14.0372 29.5419C14.2378 29.6411 14.4605 29.5419 14.5991 29.4541C14.6381 29.4156 14.6834 29.3813 14.7348 29.353L19.2114 26.8721C19.3913 26.7715 19.6084 26.7715 19.7909 26.8721L24.2674 29.3532C24.9523 29.4198 25.1818 28.938 25.2512 28.7146V23.661C25.2512 23.4117 25.118 23.1825 24.9034 23.064L20.5797 20.6688C20.5533 20.6541 20.5287 20.6378 20.5053 20.6207C20.3736 20.5427 20.0845 20.3836 19.7834 20.2984Z" fill="#1B1B1B"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_254_5084" x1="40.722" y1="-12.4214" x2="5.09925" y2="42.832" gradientUnits="userSpaceOnUse">
+<stop offset="0.122322" stop-color="#B4F372"/>
+<stop offset="0.583527" stop-color="#EEFB63"/>
+<stop offset="1" stop-color="#BC9AFF"/>
+</linearGradient>
+<clipPath id="clip0_254_5084">
+<path d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+

package/src/modules/design_system/gallery/assets/menu-mastercard.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="24" rx="4" fill="#252525"/>
+<path d="M19.2451 6.14941H12.7554V17.851H19.2451V6.14941Z" fill="#FF5F00"/>
+<path d="M13.1674 12C13.1663 10.873 13.4208 9.7606 13.9116 8.74694C14.4024 7.73328 15.1166 6.84494 16.0001 6.14918C14.906 5.28626 13.592 4.74963 12.2083 4.60061C10.8246 4.45159 9.42698 4.6962 8.17526 5.30648C6.92355 5.91677 5.86821 6.8681 5.12987 8.05175C4.39154 9.23539 4 10.6036 4 12C4 13.3963 4.39154 14.7645 5.12987 15.9482C5.86821 17.1318 6.92355 18.0831 8.17526 18.6934C9.42698 19.3037 10.8246 19.5483 12.2083 19.3993C13.592 19.2503 14.906 18.7136 16.0001 17.8507C15.1166 17.155 14.4024 16.2666 13.9116 15.253C13.4209 14.2393 13.1663 13.1269 13.1674 12Z" fill="#EB001B"/>
+<path d="M28 12C28.0001 13.3963 27.6086 14.7645 26.8703 15.9481C26.132 17.1318 25.0767 18.0831 23.825 18.6934C22.5733 19.3037 21.1757 19.5483 19.792 19.3993C18.4083 19.2503 17.0943 18.7136 16.0002 17.8507C16.883 17.1543 17.5966 16.2658 18.0873 15.2523C18.578 14.2388 18.833 13.1267 18.833 12C18.833 10.8732 18.578 9.76113 18.0873 8.74763C17.5966 7.73413 16.883 6.84565 16.0002 6.14917C17.0943 5.28626 18.4083 4.74962 19.792 4.60061C21.1757 4.45159 22.5733 4.69621 23.825 5.3065C25.0767 5.91679 26.132 6.86813 26.8703 8.05177C27.6086 9.23541 28.0001 10.6036 28 12Z" fill="#F79E1B"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/menu-spotify.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30ZM21.2163 21.881C21.6149 22.1087 22.1252 22.0025 22.3643 21.623C22.6035 21.2434 22.476 20.7576 22.0773 20.5299C18.5693 18.4805 14.2002 18.0099 9.11348 19.1181C8.667 19.2092 8.39593 19.6343 8.4916 20.0593C8.58728 20.4844 9.03375 20.7425 9.48023 20.6514C14.1364 19.6494 18.075 20.0593 21.2163 21.881ZM22.5557 18.4957C23.05 18.769 23.6878 18.6323 23.9908 18.1617C24.2938 17.6911 24.1343 17.0839 23.6719 16.8106C19.542 14.3969 13.5145 13.7289 8.667 15.1256C8.1089 15.2774 7.80594 15.8239 7.96539 16.3552C8.12485 16.8714 8.6989 17.1598 9.25699 17.008C13.4985 15.7783 18.9679 16.3856 22.5557 18.4957ZM8.61917 13.0761C12.7332 11.892 19.829 12.1197 24.1343 14.5487C24.7243 14.8978 25.4897 14.7005 25.8246 14.1236C26.1754 13.5619 25.984 12.8332 25.394 12.4993C20.4509 9.70599 12.6056 9.43274 7.88567 10.799C7.23189 10.9964 6.8492 11.6643 7.05649 12.2867C7.26378 12.9243 7.96539 13.2735 8.61917 13.0761Z" fill="#1ED760"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/menu-united-states.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_253_6415)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+<path d="M11.4783 11.9998H24C24 10.9167 23.8556 9.86749 23.5866 8.86938H11.4783V11.9998Z" fill="#D80027"/>
+<path d="M11.4783 5.7391H22.2387C21.5041 4.54041 20.5649 3.48089 19.4698 2.60864H11.4783V5.7391Z" fill="#D80027"/>
+<path d="M12 24C14.8241 24 17.4199 23.0239 19.4698 21.3914H4.53015C6.58 23.0239 9.17579 24 12 24Z" fill="#D80027"/>
+<path d="M1.76122 18.2608H22.2387C22.8284 17.2985 23.2857 16.2467 23.5865 15.1304H0.41333C0.714127 16.2467 1.17149 17.2985 1.76122 18.2608Z" fill="#D80027"/>
+<path d="M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_253_6415">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+

package/src/modules/design_system/gallery/assets/selection-artwork.ts

@@ -0,0 +1 @@
+export const selectionArtwork = {"keyIcon":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yNjRfMjkxMikiPgo8cGF0aCBkPSJNMiAyMUMyIDkuOTU0MzEgMTAuOTU0MyAxIDIyIDFDMzMuMDQ1NyAxIDQyIDkuOTU0MzEgNDIgMjFDNDIgMzIuMDQ1NyAzMy4wNDU3IDQxIDIyIDQxQzEwLjk1NDMgNDEgMiAzMi4wNDU3IDIgMjFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjIgMS41QzMyLjc2OTYgMS41IDQxLjUgMTAuMjMwNCA0MS41IDIxQzQxLjUgMzEuNzY5NiAzMi43Njk2IDQwLjUgMjIgNDAuNUMxMS4yMzA0IDQwLjUgMi41IDMxLjc2OTYgMi41IDIxQzIuNSAxMC4yMzA0IDExLjIzMDQgMS41IDIyIDEuNVoiIHN0cm9rZT0iI0VCRUJFQiIvPgo8cGF0aCBkPSJNMjIgMjQuNzVDMjQuNzQ2NSAyNC43NSAyNy4xNDg3IDI1LjkzMTIgMjguNDU1MiAyNy42OTM3TDI3LjA3MzcgMjguMzQ3QzI2LjAxMDIgMjcuMDg3IDI0LjEzNTIgMjYuMjUgMjIgMjYuMjVDMTkuODY0NyAyNi4yNSAxNy45ODk3IDI3LjA4NyAxNi45MjYyIDI4LjM0N0wxNS41NDU1IDI3LjY5M0MxNi44NTIgMjUuOTMwNSAxOS4yNTM1IDI0Ljc1IDIyIDI0Ljc1Wk0yMiAxMy41QzIyLjk5NDUgMTMuNSAyMy45NDg0IDEzLjg5NTEgMjQuNjUxNiAxNC41OTgzQzI1LjM1NDkgMTUuMzAxNiAyNS43NSAxNi4yNTU0IDI1Ljc1IDE3LjI1VjE5LjVDMjUuNzQ5OSAyMC40NjYzIDI1LjM3NjggMjEuMzk1NCAyNC43MDg1IDIyLjA5MzNDMjQuMDQwMSAyMi43OTEzIDIzLjEyODIgMjMuMjA0MyAyMi4xNjI3IDIzLjI0NjNMMjIgMjMuMjVDMjEuMDA1NCAyMy4yNSAyMC4wNTE2IDIyLjg1NDkgMTkuMzQ4MyAyMi4xNTE3QzE4LjY0NTEgMjEuNDQ4NCAxOC4yNSAyMC40OTQ2IDE4LjI1IDE5LjVWMTcuMjVDMTguMjUgMTYuMjgzNyAxOC42MjMxIDE1LjM1NDYgMTkuMjkxNSAxNC42NTY3QzE5Ljk1OTggMTMuOTU4NyAyMC44NzE4IDEzLjU0NTcgMjEuODM3MiAxMy41MDM4TDIyIDEzLjVaTTIyIDE1QzIxLjQyNjEgMTUgMjAuODczOCAxNS4yMTkyIDIwLjQ1NjMgMTUuNjEzQzIwLjAzODcgMTYuMDA2NyAxOS43ODc0IDE2LjU0NTEgMTkuNzUzNyAxNy4xMThMMTkuNzUgMTcuMjVWMTkuNUMxOS43NDk0IDIwLjA4NTcgMTkuOTc3MiAyMC42NDg1IDIwLjM4NSAyMS4wNjg5QzIwLjc5MjkgMjEuNDg5MiAyMS4zNDg1IDIxLjczNCAyMS45MzM5IDIxLjc1MTJDMjIuNTE5NCAyMS43Njg0IDIzLjA4ODQgMjEuNTU2NiAyMy41MjAyIDIxLjE2MDlDMjMuOTUyIDIwLjc2NTIgMjQuMjEyNCAyMC4yMTY3IDI0LjI0NjIgMTkuNjMyTDI0LjI1IDE5LjVWMTcuMjVDMjQuMjUgMTYuNjUzMyAyNC4wMTI5IDE2LjA4MSAyMy41OTEgMTUuNjU5QzIzLjE2OSAxNS4yMzcxIDIyLjU5NjcgMTUgMjIgMTVaIiBmaWxsPSIjNUM1QzVDIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjRfMjkxMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4wMzkyMTU3IDAgMCAwIDAgMC4wNTA5ODA0IDAgMCAwIDAgMC4wNzg0MzE0IDAgMCAwIDAuMDMgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNjRfMjkxMiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yNjRfMjkxMiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K","officeCard":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8zNjc4XzE0NDY5KSI+CjxwYXRoIGQ9Ik0yIDIxQzIgOS45NTQzMSAxMC45NTQzIDEgMjIgMUMzMy4wNDU3IDEgNDIgOS45NTQzMSA0MiAyMUM0MiAzMi4wNDU3IDMzLjA0NTcgNDEgMjIgNDFDMTAuOTU0MyA0MSAyIDMyLjA0NTcgMiAyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMiAxLjVDMzIuNzY5NiAxLjUgNDEuNSAxMC4yMzA0IDQxLjUgMjFDNDEuNSAzMS43Njk2IDMyLjc2OTYgNDAuNSAyMiA0MC41QzExLjIzMDQgNDAuNSAyLjUgMzEuNzY5NiAyLjUgMjFDMi41IDEwLjIzMDQgMTEuMjMwNCAxLjUgMjIgMS41WiIgc3Ryb2tlPSIjRUJFQkVCIi8+CjxwYXRoIGQ9Ik0xMy4xNjY3IDI3LjM0MDdWMTQuNzcyNEwyNC42MTEgMTAuNjYzNkwzMC44MzA1IDEyLjU5NzJWMjkuNTE1OUwyNC42MTEgMzEuMzM3MkwxMy4xNjY3IDI3LjM0MDdMMjQuNjExIDI4LjY3ODZWMTQuMDQ3NUwxNy4xNDcyIDE1LjczOTNWMjUuNjQ5TDEzLjE2NjcgMjcuMzQwN1oiIGZpbGw9IiNFQjNDMDAiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzM2NzhfMTQ0NjkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDM5MjE1NyAwIDAgMCAwIDAuMDUwOTgwNCAwIDAgMCAwIDAuMDc4NDMxNCAwIDAgMCAwLjAzIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzY3OF8xNDQ2OSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18zNjc4XzE0NDY5IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=","officeList":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA1MCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8zNjgxXzE1OTQxKSI+CjxwYXRoIGQ9Ik0wIDI0QzAgMTAuNzQ1MiAxMC43NDUyIDAgMjQgMEMzNy4yNTQ4IDAgNDggMTAuNzQ1MiA0OCAyNEM0OCAzNy4yNTQ4IDM3LjI1NDggNDggMjQgNDhDMTAuNzQ1MiA0OCAwIDM3LjI1NDggMCAyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNCAwLjVDMzYuOTc4NyAwLjUgNDcuNSAxMS4wMjEzIDQ3LjUgMjRDNDcuNSAzNi45Nzg3IDM2Ljk3ODcgNDcuNSAyNCA0Ny41QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSIjRUJFQkVCIi8+CjxwYXRoIGQ9Ik0xMi4yMjIyIDMyLjQ1NFYxNS42OTYyTDI3LjQ4MTMgMTAuMjE3OEwzNS43NzQxIDEyLjc5NTlWMzUuMzU0MkwyNy40ODEzIDM3Ljc4MjdMMTIuMjIyMiAzMi40NTRMMjcuNDgxMyAzNC4yMzc4VjE0LjcyOTZMMTcuNTI5NSAxNi45ODU0VjMwLjE5ODNMMTIuMjIyMiAzMi40NTRaIiBmaWxsPSIjRUIzQzAwIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zNjgxXzE1OTQxIiB4PSItMiIgeT0iLTEiIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDM5MjE1NyAwIDAgMCAwIDAuMDUwOTgwNCAwIDAgMCAwIDAuMDc4NDMxNCAwIDAgMCAwLjAzIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzY4MV8xNTk0MSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18zNjgxXzE1OTQxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo="} as const

package/src/modules/design_system/gallery/assets/social-apple-filled.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0922 10.0525C14.1133 12.3225 16.0836 13.0779 16.1054 13.0875C16.0887 13.1408 15.7906 14.164 15.0674 15.2209C14.4421 16.1347 13.7933 17.0451 12.7711 17.064C11.7668 17.0825 11.4438 16.4684 10.2955 16.4684C9.14758 16.4684 8.78876 17.0451 7.83801 17.0825C6.85136 17.1199 6.10002 16.0944 5.46965 15.184C4.18153 13.3217 3.19714 9.92158 4.51893 7.62645C5.17557 6.48669 6.34903 5.76494 7.62272 5.74643C8.59157 5.72795 9.50604 6.39824 10.0983 6.39824C10.6903 6.39824 11.8015 5.59215 12.9698 5.71054C13.4589 5.73089 14.8317 5.9081 15.7133 7.19844C15.6422 7.24248 14.0752 8.15474 14.0922 10.0525ZM12.2046 4.47847C12.7284 3.84441 13.081 2.96174 12.9848 2.0835C12.2298 2.11384 11.3167 2.58663 10.7752 3.22034C10.2898 3.78152 9.86475 4.67973 9.97944 5.54059C10.821 5.6057 11.6808 5.11293 12.2046 4.47847Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-apple-stroke.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0922 10.0525C14.1133 12.3225 16.0836 13.0779 16.1054 13.0875C16.0887 13.1408 15.7906 14.164 15.0674 15.2209C14.4421 16.1347 13.7933 17.0451 12.7711 17.064C11.7668 17.0825 11.4438 16.4684 10.2955 16.4684C9.14757 16.4684 8.78874 17.0451 7.83799 17.0825C6.85135 17.1199 6.1 16.0944 5.46964 15.184C4.18151 13.3217 3.19712 9.92158 4.51891 7.62645C5.17555 6.48669 6.34901 5.76494 7.6227 5.74643C8.59156 5.72795 9.50602 6.39824 10.0983 6.39824C10.6902 6.39824 11.8015 5.59215 12.9698 5.71054C13.4589 5.73089 14.8317 5.9081 15.7132 7.19844C15.6422 7.24248 14.0752 8.15474 14.0922 10.0525ZM12.2046 4.47847C12.7284 3.84441 13.081 2.96174 12.9848 2.0835C12.2297 2.11384 11.3167 2.58663 10.7752 3.22034C10.2898 3.78152 9.86474 4.67973 9.97943 5.54059C10.821 5.6057 11.6807 5.11293 12.2046 4.47847Z" fill="black"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-dropbox-filled.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 3.75L2.5 5.95588L6.25 8.16176L2.5 10.3676L6.25 12.5735L10 10.3676L13.75 12.5735L17.5 10.3676L13.75 8.16176L17.5 5.95588L13.75 3.75L10 5.95588L6.25 3.75ZM10 5.95588L13.75 8.16176L10 10.3676L6.25 8.16176L10 5.95588Z" fill="white"/>
+<path d="M6.25 14.0441L10 11.8382L13.75 14.0441L10 16.25L6.25 14.0441Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-dropbox-stroke.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 3.75L2.5 5.95588L6.25 8.16176L2.5 10.3676L6.25 12.5735L10 10.3676L13.75 12.5735L17.5 10.3676L13.75 8.16176L17.5 5.95588L13.75 3.75L10 5.95588L6.25 3.75ZM10 5.95588L13.75 8.16176L10 10.3676L6.25 8.16176L10 5.95588Z" fill="#0061FF"/>
+<path d="M6.25 14.0441L10 11.8382L13.75 14.0441L10 16.25L6.25 14.0441Z" fill="#0061FF"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-facebook-filled.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 2.5C5.875 2.5 2.5 5.89196 2.5 10.0377C2.5 13.7575 5.2525 16.848 8.8 17.5V12.1482H6.925V10.0377H8.8V8.3794C8.8 6.49498 10 5.4397 11.725 5.4397C12.25 5.4397 12.85 5.51508 13.375 5.59045V7.51256H12.4C11.5 7.51256 11.275 7.96482 11.275 8.56784V10.0377H13.2625L12.925 12.1482H11.275V17.4925C14.8187 16.8367 17.5 13.7575 17.5 10.0377C17.5 5.89196 14.125 2.5 10 2.5Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-facebook-stroke.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 2.5C5.875 2.5 2.5 5.89196 2.5 10.0377C2.5 13.7575 5.2525 16.848 8.8 17.5V12.1482H6.925V10.0377H8.8V8.3794C8.8 6.49498 10 5.4397 11.725 5.4397C12.25 5.4397 12.85 5.51508 13.375 5.59045V7.51256H12.4C11.5 7.51256 11.275 7.96482 11.275 8.56784V10.0377H13.2625L12.925 12.1482H11.275V17.4925C14.8187 16.8367 17.5 13.7575 17.5 10.0377C17.5 5.89196 14.125 2.5 10 2.5Z" fill="url(#paint0_linear_181_4802)"/>
+<defs>
+<linearGradient id="paint0_linear_181_4802" x1="10" y1="17.0515" x2="10" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0062E0"/>
+<stop offset="1" stop-color="#19AFFF"/>
+</linearGradient>
+</defs>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-github-filled.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0062 2.5C5.85547 2.5 2.5 5.93749 2.5 10.1901C2.5 13.5895 4.64996 16.467 7.63253 17.4854C8.00543 17.562 8.14202 17.3199 8.14202 17.1163C8.14202 16.9381 8.12973 16.327 8.12973 15.6903C6.04169 16.1487 5.60687 14.7735 5.60687 14.7735C5.27131 13.8823 4.77411 13.6532 4.77411 13.6532C4.09069 13.1821 4.82389 13.1821 4.82389 13.1821C5.58198 13.2331 5.97977 13.9715 5.97977 13.9715C6.65074 15.1428 7.73194 14.8118 8.16691 14.6081C8.22899 14.1115 8.42796 13.7678 8.63922 13.5768C6.97386 13.3985 5.22168 12.7365 5.22168 9.78263C5.22168 8.94232 5.51975 8.25482 5.99206 7.72013C5.91754 7.5292 5.6565 6.73967 6.06673 5.68296C6.06673 5.68296 6.70052 5.47921 8.12958 6.47233C8.74141 6.30399 9.37238 6.21836 10.0062 6.21764C10.64 6.21764 11.2861 6.30686 11.8827 6.47233C13.3119 5.47921 13.9457 5.68296 13.9457 5.68296C14.3559 6.73967 14.0947 7.5292 14.0202 7.72013C14.505 8.25482 14.7907 8.94232 14.7907 9.78263C14.7907 12.7365 13.0386 13.3857 11.3607 13.5768C11.6342 13.8187 11.8702 14.277 11.8702 15.0028C11.8702 16.034 11.8579 16.8617 11.8579 17.1162C11.8579 17.3199 11.9947 17.562 12.3674 17.4856C15.35 16.4668 17.5 13.5895 17.5 10.1901C17.5123 5.93749 14.1445 2.5 10.0062 2.5Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-github-stroke.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0062 2.5C5.85547 2.5 2.5 5.93749 2.5 10.1901C2.5 13.5895 4.64996 16.467 7.63253 17.4854C8.00543 17.562 8.14202 17.3199 8.14202 17.1163C8.14202 16.9381 8.12973 16.327 8.12973 15.6903C6.04169 16.1487 5.60687 14.7735 5.60687 14.7735C5.27131 13.8823 4.77411 13.6532 4.77411 13.6532C4.09069 13.1821 4.82389 13.1821 4.82389 13.1821C5.58198 13.2331 5.97977 13.9715 5.97977 13.9715C6.65074 15.1428 7.73194 14.8118 8.16691 14.6081C8.22899 14.1115 8.42796 13.7678 8.63922 13.5768C6.97386 13.3985 5.22168 12.7365 5.22168 9.78263C5.22168 8.94232 5.51975 8.25482 5.99206 7.72013C5.91754 7.5292 5.6565 6.73967 6.06673 5.68296C6.06673 5.68296 6.70052 5.47921 8.12958 6.47233C8.74141 6.30399 9.37238 6.21836 10.0062 6.21764C10.64 6.21764 11.2861 6.30686 11.8827 6.47233C13.3119 5.47921 13.9457 5.68296 13.9457 5.68296C14.3559 6.73967 14.0947 7.5292 14.0202 7.72013C14.505 8.25482 14.7907 8.94232 14.7907 9.78263C14.7907 12.7365 13.0386 13.3857 11.3607 13.5768C11.6342 13.8187 11.8702 14.277 11.8702 15.0028C11.8702 16.034 11.8579 16.8617 11.8579 17.1162C11.8579 17.3199 11.9947 17.562 12.3674 17.4856C15.35 16.4668 17.5 13.5895 17.5 10.1901C17.5123 5.93749 14.1445 2.5 10.0062 2.5Z" fill="#24292F"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-google-filled.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.153 8.63672V11.5413H14.2718C14.0909 12.4754 13.5482 13.2663 12.7342 13.7981L15.218 15.6868C16.6651 14.3777 17.5 12.455 17.5 10.1709C17.5 9.63908 17.4513 9.12767 17.3608 8.6368L10.153 8.63672Z" fill="white"/>
+<path d="M3.32106 6.63867C2.79929 7.64773 2.50015 8.78639 2.50015 10C2.50015 11.2136 2.79929 12.3523 3.32106 13.3613C3.32106 13.3681 5.8675 11.425 5.8675 11.425C5.71444 10.975 5.62397 10.4977 5.62397 9.99993C5.62397 9.50214 5.71444 9.02489 5.8675 8.57489L3.32106 6.63867Z" fill="white"/>
+<path d="M10.153 5.48638C11.2801 5.48638 12.2819 5.86819 13.082 6.60457L15.2736 4.45685C13.9447 3.24323 12.2194 2.5 10.153 2.5C7.16135 2.5 4.5802 4.1841 3.32092 6.63866L5.86728 8.57504C6.47254 6.80228 8.1632 5.48638 10.153 5.48638Z" fill="white"/>
+<path d="M5.86399 11.4277L5.30381 11.848L3.32092 13.3616C4.5802 15.8093 7.1612 17.5003 10.1528 17.5003C12.2191 17.5003 13.9515 16.8321 15.2178 15.6866L12.734 13.798C12.0522 14.248 11.1825 14.5207 10.1528 14.5207C8.16304 14.5207 6.47245 13.2048 5.86712 11.4321L5.86399 11.4277Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-google-stroke.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.153 8.63672V11.5413H14.2718C14.0909 12.4754 13.5482 13.2663 12.7342 13.7981L15.218 15.6868C16.6651 14.3777 17.5 12.455 17.5 10.1709C17.5 9.63908 17.4513 9.12767 17.3608 8.6368L10.153 8.63672Z" fill="#4285F4"/>
+<path d="M3.32106 6.63867C2.79929 7.64773 2.50015 8.78639 2.50015 10C2.50015 11.2136 2.79929 12.3523 3.32106 13.3613C3.32106 13.3681 5.8675 11.425 5.8675 11.425C5.71444 10.975 5.62397 10.4977 5.62397 9.99993C5.62397 9.50214 5.71444 9.02489 5.8675 8.57489L3.32106 6.63867Z" fill="#FBBC05"/>
+<path d="M10.153 5.48638C11.2801 5.48638 12.2819 5.86819 13.082 6.60457L15.2736 4.45685C13.9447 3.24323 12.2194 2.5 10.153 2.5C7.16135 2.5 4.5802 4.1841 3.32092 6.63866L5.86728 8.57504C6.47254 6.80228 8.1632 5.48638 10.153 5.48638Z" fill="#EA4335"/>
+<path d="M5.86399 11.4277L5.30381 11.848L3.32092 13.3616C4.5802 15.8093 7.1612 17.5003 10.1528 17.5003C12.2191 17.5003 13.9515 16.8321 15.2178 15.6866L12.734 13.798C12.0522 14.248 11.1825 14.5207 10.1528 14.5207C8.16304 14.5207 6.47245 13.2048 5.86712 11.4321L5.86399 11.4277Z" fill="#34A853"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-linkedin-filled.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8333 2.5H4.16667C3.24583 2.5 2.5 3.24583 2.5 4.16667V15.8333C2.5 16.7542 3.24583 17.5 4.16667 17.5H15.8333C16.7542 17.5 17.5 16.7542 17.5 15.8333V4.16667C17.5 3.24583 16.7542 2.5 15.8333 2.5ZM7.03542 15.4167H4.79792V8.19375H7.03542V15.4167ZM5.90625 7.24792C5.175 7.24792 4.58333 6.65208 4.58333 5.91458C4.58333 5.17708 5.175 4.58125 5.90625 4.58125C6.6375 4.58125 7.22917 5.17708 7.22917 5.91458C7.22917 6.65208 6.6375 7.24792 5.90625 7.24792ZM15.4167 15.4167H13.1917V11.625C13.1917 10.5854 12.7958 10.0042 11.975 10.0042C11.0792 10.0042 10.6125 10.6083 10.6125 11.625V15.4167H8.46667V8.19375H10.6125V9.16667C10.6125 9.16667 11.2583 7.97292 12.7896 7.97292C14.3208 7.97292 15.4187 8.90833 15.4187 10.8438V15.4167H15.4167Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-linkedin-stroke.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8333 2.5H4.16667C3.24583 2.5 2.5 3.24583 2.5 4.16667V15.8333C2.5 16.7542 3.24583 17.5 4.16667 17.5H15.8333C16.7542 17.5 17.5 16.7542 17.5 15.8333V4.16667C17.5 3.24583 16.7542 2.5 15.8333 2.5ZM7.03542 15.4167H4.79792V8.19375H7.03542V15.4167ZM5.90625 7.24792C5.175 7.24792 4.58333 6.65208 4.58333 5.91458C4.58333 5.17708 5.175 4.58125 5.90625 4.58125C6.6375 4.58125 7.22917 5.17708 7.22917 5.91458C7.22917 6.65208 6.6375 7.24792 5.90625 7.24792ZM15.4167 15.4167H13.1917V11.625C13.1917 10.5854 12.7958 10.0042 11.975 10.0042C11.0792 10.0042 10.6125 10.6083 10.6125 11.625V15.4167H8.46667V8.19375H10.6125V9.16667C10.6125 9.16667 11.2583 7.97292 12.7896 7.97292C14.3208 7.97292 15.4187 8.90833 15.4187 10.8438V15.4167H15.4167Z" fill="#0077B5"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-x-filled.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.91454 2.5L8.18847 10.7735L1.875 17.5H3.29602L8.82359 11.6107L13.2895 17.5H18.125L11.4979 8.76125L17.3745 2.5H15.9535L10.8631 7.92376L6.75 2.5H1.91454ZM4.00422 3.53247H6.2256L16.0351 16.4678H13.8137L4.00422 3.53247Z" fill="white"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/social-x-stroke.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.91454 2.5L8.18847 10.7735L1.875 17.5H3.29602L8.82359 11.6107L13.2895 17.5H18.125L11.4979 8.76125L17.3745 2.5H15.9535L10.8631 7.92376L6.75 2.5H1.91454ZM4.00422 3.53247H6.2256L16.0351 16.4678H13.8137L4.00422 3.53247Z" fill="#010101"/>
+</svg>
+

package/src/modules/design_system/gallery/assets/upload-images.ts

@@ -0,0 +1,5 @@
+export const uploadExampleImages = {
+  "avatar": "data:image/png;base64,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",
+  "company": "data:image/png;base64,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"
+} as const
+

package/src/modules/design_system/gallery/components/BrandStylePreview.tsx

@@ -0,0 +1,94 @@
+'use client'
+
+import * as React from 'react'
+import { Check, Moon, Sun, TriangleAlert } from 'lucide-react'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { FancyButton } from '@open-mercato/ui/primitives/fancy-button'
+import { contrastRatio } from './colorPreview'
+
+const DEFAULT_LOGO = '/open-mercato.svg'
+const MINIMUM_TEXT_CONTRAST = 4.5
+
+type BrandTokens = Record<string, string | undefined>
+
+function Swatch({ color, label }: { color: string | undefined; label: string }) {
+  return (
+    <li className="flex min-w-0 items-center gap-2">
+      <span aria-hidden className="size-4 shrink-0 rounded-sm border border-border" style={{ backgroundColor: color }} />
+      <span className="min-w-0 truncate text-xs text-muted-foreground">{label}</span>
+      <code className="ml-auto shrink-0 text-xs uppercase text-foreground">{color}</code>
+    </li>
+  )
+}
+
+function ThemePreview({ theme, tokens, hostTokens, logo }: {
+  theme: 'light' | 'dark'
+  tokens: BrandTokens
+  hostTokens: Record<string, string> | undefined
+  logo: string | null
+}) {
+  const t = useT()
+  const primary = tokens['--primary']
+  const foreground = tokens['--primary-foreground']
+  const ratio = primary && foreground ? contrastRatio(foreground, primary) : null
+  const readable = ratio !== null && ratio >= MINIMUM_TEXT_CONTRAST
+  const ThemeIcon = theme === 'light' ? Sun : Moon
+  return (
+    <div className="overflow-hidden rounded-xl border border-border bg-background text-foreground shadow-xs" style={{ ...hostTokens, ...tokens } as React.CSSProperties} data-brand-preview={theme}>
+      <div className="flex items-center gap-3 border-b border-border bg-card px-4 py-3">
+        <img src={logo ?? DEFAULT_LOGO} alt="" className="size-7 shrink-0 rounded-md object-contain" />
+        <span className="min-w-0 flex-1 truncate text-sm font-medium">{t('design_system.styleAgents.previewWorkspace')}</span>
+        <span className="inline-flex shrink-0 items-center gap-1.5 text-xs text-muted-foreground"><ThemeIcon aria-hidden className="size-3.5" />{t(`design_system.colorPreview.${theme}`)}</span>
+      </div>
+      <div className="space-y-5 p-4 sm:p-5">
+        <div className="space-y-1">
+          <p className="text-sm font-medium">{t('design_system.styleAgents.previewHeading')}</p>
+          <p className="text-xs leading-relaxed text-muted-foreground">{t('design_system.styleAgents.previewBody')}</p>
+        </div>
+        <div className="flex flex-wrap items-center gap-2" inert aria-hidden="true">
+          <Button type="button" size="sm">{t('design_system.styleAgents.actionSample')}</Button>
+          <Button type="button" size="sm" variant="outline">{t('design_system.styleAgents.secondarySample')}</Button>
+          <FancyButton intent="primary" size="xs" htmlType="button">{t('design_system.styleAgents.brandSample')}</FancyButton>
+        </div>
+        <ul className="space-y-2 border-t border-border pt-4">
+          <Swatch color={primary} label={t('design_system.styleAgents.swatchPrimary')} />
+          <Swatch color={tokens['--primary-hover']} label={t('design_system.styleAgents.swatchHover')} />
+          <li className="flex min-w-0 items-center gap-2">
+            <span aria-hidden className="flex shrink-0 -space-x-1">
+              {(['--brand-lime', '--brand-yellow', '--brand-violet'] as const).map(name => <span key={name} className="size-4 rounded-full border border-border" style={{ backgroundColor: tokens[name] }} />)}
+            </span>
+            <span className="min-w-0 truncate text-xs text-muted-foreground">{t('design_system.styleAgents.swatchAccents')}</span>
+          </li>
+        </ul>
+        {ratio !== null ? (
+          <p className={`flex items-center gap-2 rounded-md border px-3 py-2 text-xs ${readable ? 'border-status-success-border bg-status-success-bg text-status-success-text' : 'border-status-warning-border bg-status-warning-bg text-status-warning-text'}`}>
+            {readable ? <Check aria-hidden className="size-3.5 shrink-0 text-status-success-icon" /> : <TriangleAlert aria-hidden className="size-3.5 shrink-0 text-status-warning-icon" />}
+            <span>{t(readable ? 'design_system.styleAgents.contrastPass' : 'design_system.styleAgents.contrastFail', { ratio: ratio.toFixed(1) })}</span>
+          </p>
+        ) : null}
+      </div>
+    </div>
+  )
+}
+
+export function BrandStylePreview({ light, dark, hostTokens, logo }: {
+  light: BrandTokens
+  dark: BrandTokens
+  hostTokens: { light: Record<string, string>; dark: Record<string, string> } | null
+  logo: string | null
+}) {
+  const t = useT()
+  return (
+    <section className="space-y-3" aria-label={t('design_system.styleAgents.appliedPreview')}>
+      <div className="space-y-1">
+        <h2 className="text-lg font-medium">{t('design_system.styleAgents.appliedPreview')}</h2>
+        <p className="max-w-3xl text-sm leading-relaxed text-muted-foreground">{t('design_system.styleAgents.previewHint')}</p>
+      </div>
+      <div className="grid gap-4 @3xl:grid-cols-2">
+        <ThemePreview theme="light" tokens={light} hostTokens={hostTokens?.light} logo={logo} />
+        <ThemePreview theme="dark" tokens={dark} hostTokens={hostTokens?.dark} logo={logo} />
+      </div>
+    </section>
+  )
+}

package/src/modules/design_system/gallery/components/CodeSnippet.tsx

@@ -3,53 +3,53 @@
 import * as React from 'react'
 import { Copy } from 'lucide-react'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '@open-mercato/ui/primitives/tabs'
 import { IconButton } from '@open-mercato/ui/primitives/icon-button'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 
-export function CodeSnippet({ code }: { code: string }) {
+export async function copyTextToClipboard(text: string): Promise<void> {
+  if (navigator.clipboard) {
+    await navigator.clipboard.writeText(text)
+    return
+  }
+  // Non-secure contexts (plain-HTTP self-hosted installs) have no
+  // navigator.clipboard — fall back to the legacy selection API.
+  const holder = document.createElement('textarea')
+  holder.value = text
+  holder.setAttribute('readonly', '')
+  holder.style.position = 'fixed'
+  holder.style.opacity = '0'
+  document.body.appendChild(holder)
+  holder.select()
+  const copied = document.execCommand('copy')
+  holder.remove()
+  if (!copied) throw new Error('[internal] execCommand copy failed')
+}
+
+export function CodeSnippet({ code, preview }: { code: string; preview?: React.ReactNode }) {
   const t = useT()
   const copyLabel = t('design_system.gallery.copy', 'Copy code')
 
   const onCopy = React.useCallback(async () => {
     try {
-      if (navigator.clipboard) {
-        await navigator.clipboard.writeText(code)
-      } else {
-        // Non-secure contexts (plain-HTTP self-hosted installs) have no
-        // navigator.clipboard — fall back to the legacy selection API.
-        const holder = document.createElement('textarea')
-        holder.value = code
-        holder.setAttribute('readonly', '')
-        holder.style.position = 'fixed'
-        holder.style.opacity = '0'
-        document.body.appendChild(holder)
-        holder.select()
-        const copied = document.execCommand('copy')
-        holder.remove()
-        if (!copied) throw new Error('[internal] execCommand copy failed')
-      }
+      await copyTextToClipboard(code)
       flash(t('design_system.gallery.copied', 'Snippet copied to clipboard'), 'success')
     } catch {
       flash(t('design_system.gallery.copyFailed', 'Could not copy the snippet'), 'error')
     }
   }, [code, t])
 
-  return (
-    <div className="relative rounded-md border border-border bg-muted/50">
-      <pre className="overflow-x-auto p-3 pr-12 text-xs leading-relaxed">
-        <code>{code}</code>
-      </pre>
-      <IconButton
-        type="button"
-        variant="ghost"
-        size="sm"
-        className="absolute right-1.5 top-1.5"
-        aria-label={copyLabel}
-        title={copyLabel}
-        onClick={onCopy}
-      >
-        <Copy />
-      </IconButton>
+  return <Tabs defaultValue={preview ? 'preview' : 'code'} variant="underline" className="min-w-0 space-y-4">
+    <div className="flex items-center justify-between gap-3 border-b border-border">
+      <TabsList>
+        {preview ? <TabsTrigger value="preview">{t('design_system.gallery.previewTab', 'Preview')}</TabsTrigger> : null}
+        <TabsTrigger value="code">{t('design_system.gallery.codeTab', 'Code')}</TabsTrigger>
+      </TabsList>
+      <IconButton type="button" variant="ghost" size="sm" aria-label={copyLabel} title={copyLabel} onClick={onCopy}><Copy /></IconButton>
     </div>
-  )
+    {preview ? <TabsContent value="preview">{preview}</TabsContent> : null}
+    <TabsContent value="code">
+      <pre className="max-h-96 overflow-auto rounded-lg border border-border bg-muted/50 p-4 text-xs leading-relaxed"><code>{code}</code></pre>
+    </TabsContent>
+  </Tabs>
 }