@oztix/roadie-components 1.0.0 → 1.2.0

package/src/components/SpotIllustration/svgs/high-five.svg

@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M44.318 33.1995C47.8335 30.2224 48.0852 25.9709 47.9821 23.555C47.8426 20.2757 47.0012 17.0542 46.3161 13.8567L45.8053 11.5384C45.1638 9.47168 44.0164 7.30756 42.2799 5.95536C41.2358 5.14234 39.9637 4.7426 38.6442 4.80301C37.0591 4.87224 35.6143 5.8612 34.9733 7.30692C33.6407 5.63255 32.4809 3.32259 30.1745 2.91239C28.9399 2.75657 27.72 3.02876 26.7653 3.8704C25.2726 3.34795 23.5707 3.75325 22.4762 4.89383C21.3838 3.75545 19.674 3.34926 18.1862 3.8704C17.2988 3.08841 16.145 2.76374 14.9782 2.88212C12.6245 3.18088 11.3228 5.61809 9.97817 7.30692C9.78035 6.86087 9.50534 6.4478 9.16079 6.09012C8.41047 5.31155 7.38928 4.85114 6.30825 4.80399C5.29953 4.75804 4.30888 5.07811 3.51821 5.7034C1.47238 7.32221 1.34044 11.2716 0.900049 13.4241C0.492 15.4186 0.0951345 17.6375 0.0172368 19.47C-0.100443 22.2279 0.965479 24.8462 0.965479 27.5599C1.30397 29.7209 2.66229 31.8102 4.30239 33.1995C6.37005 34.9509 8.52461 35.7745 10.6422 35.8138C10.7154 37.2626 12.3806 38.5639 13.2555 39.4388C13.9214 40.1676 14.8935 40.2966 15.7897 39.9973C15.6006 40.7805 15.7537 41.6141 16.277 42.1888L18.3073 44.4182C18.9075 44.8984 19.4677 45.2434 20.279 45.1292C20.9746 44.9553 21.6923 44.6134 21.9801 43.8938C22.3832 43.071 23.5333 41.3817 24.4889 41.7552C24.8047 41.9336 26.0618 43.5234 26.8346 44.4251C27.5275 45.1783 28.6493 45.3714 29.5573 44.8782C30.305 44.1305 30.9679 43.5385 30.6569 42.3421C30.5341 41.8509 30.0596 39.8836 30.7995 39.7132C31.3919 39.5772 32.2803 39.7841 32.8024 40.0452C33.7712 40.3823 34.8462 40.0185 35.4118 39.1643C35.9364 38.29 35.9051 37.1948 35.2018 36.4192L33.7868 34.8665C34.1439 35.0361 34.5098 35.1882 34.8854 35.3167C37.9485 36.3646 41.2303 35.8148 44.318 33.1995Z" fill="white"/>
+<path d="M24.5251 15.4256C24.5674 15.8868 24.4338 16.347 24.1512 16.714L18.3766 24.2279C14.9944 28.7083 10.21 31.7017 5.13391 27.4024C3.60681 26.1088 2.85716 24.4789 2.51112 22.9007L3.18186 27.2129C3.5486 28.7193 4.29824 30.2561 5.75226 31.4876C10.8284 35.7876 15.6128 32.7942 18.9949 28.3131L24.7696 20.7992C24.9203 20.6034 25.0301 20.3793 25.0923 20.1401C25.1545 19.901 25.168 19.6517 25.1318 19.4073L24.5251 15.4256Z" fill="#0091EB"/>
+<path d="M22.683 12.6127C22.9757 12.2298 23.1058 11.747 23.0452 11.2688C22.9846 10.7907 22.7383 10.3556 22.3594 10.0577C21.9805 9.75983 21.4995 9.6231 21.0206 9.67711C20.5416 9.73112 20.1032 9.97152 19.8002 10.3463L20.9638 8.86512C21.1158 8.67611 21.2288 8.45882 21.2963 8.22584C21.3637 7.99286 21.3843 7.74881 21.3567 7.50782C21.3292 7.26684 21.2542 7.03371 21.1359 6.82193C21.0177 6.61016 20.8586 6.42395 20.6678 6.27409C20.4771 6.12423 20.2586 6.01369 20.0248 5.94889C19.7911 5.88408 19.5468 5.86629 19.3062 5.89654C19.0655 5.92679 18.8333 6.00449 18.6228 6.12513C18.4124 6.24577 18.228 6.40696 18.0803 6.59937L16.9174 8.0799C17.0701 7.89101 17.1838 7.67365 17.2518 7.44045C17.3199 7.20725 17.3409 6.96286 17.3136 6.72148C17.2864 6.48009 17.2115 6.24651 17.0933 6.03432C16.975 5.82213 16.8158 5.63555 16.6248 5.48541C16.4338 5.33528 16.215 5.22458 15.9808 5.15976C15.7467 5.09493 15.5021 5.07727 15.2611 5.1078C15.0201 5.13832 14.7876 5.21643 14.577 5.33757C14.3665 5.45872 14.1821 5.62049 14.0346 5.8135L8.12539 13.2401L8.09822 9.00353C8.09505 8.49719 7.89736 8.01144 7.54606 7.64677C7.19476 7.2821 6.71672 7.06643 6.21085 7.04437C5.741 7.02184 5.27889 7.17018 4.90995 7.46196C4.541 7.75374 4.29016 8.16923 4.20382 8.63162C3.70966 11.3074 2.39794 16.2911 2.25888 19.5658C2.16315 21.8089 2.44386 25.1264 5.13198 27.4025C10.2081 31.7024 14.9925 28.709 18.3746 24.228L24.1486 16.7147C24.2972 16.5236 24.4067 16.305 24.4709 16.0715C24.535 15.8381 24.5525 15.5942 24.5224 15.354C24.4924 15.1138 24.4152 14.8818 24.2955 14.6713C24.1758 14.4609 24.0158 14.2761 23.8246 14.1275C23.6334 13.9789 23.4149 13.8694 23.1814 13.8053C22.9479 13.7411 22.7041 13.7236 22.4639 13.7537C22.2236 13.7838 21.9917 13.8609 21.7812 13.9806C21.5708 14.1004 21.386 14.2604 21.2374 14.4516L22.683 12.6127Z" fill="#E1D1FB"/>
+<path d="M22.683 12.6127C22.9756 12.2298 23.1058 11.747 23.0452 11.2688C22.9846 10.7907 22.7383 10.3556 22.3594 10.0577C21.9805 9.75983 21.4995 9.6231 21.0206 9.67711C20.5416 9.73112 20.1032 9.97152 19.8002 10.3463M22.683 12.6127L21.2374 14.4516C21.386 14.2604 21.5708 14.1004 21.7812 13.9806C21.9917 13.8609 22.2236 13.7838 22.4639 13.7537C22.7041 13.7236 22.9479 13.7411 23.1814 13.8053C23.4149 13.8694 23.6334 13.9789 23.8246 14.1275C24.0158 14.2761 24.1758 14.4609 24.2955 14.6714C24.4152 14.8818 24.4924 15.1138 24.5224 15.354C24.5525 15.5942 24.535 15.8381 24.4709 16.0715C24.4067 16.305 24.2972 16.5236 24.1486 16.7147L18.3746 24.228C14.9925 28.709 10.2081 31.7024 5.13198 27.4025C2.44386 25.1264 2.16315 21.8089 2.25888 19.5658C2.39794 16.2911 3.70966 11.3074 4.20382 8.63162C4.29016 8.16923 4.541 7.75374 4.90995 7.46196C5.27889 7.17018 5.741 7.02184 6.21085 7.04437C6.71672 7.06643 7.19476 7.2821 7.54606 7.64677C7.89736 8.01144 8.09505 8.49719 8.09822 9.00353L8.12538 13.2401L14.0346 5.8135C14.1821 5.62049 14.3665 5.45872 14.577 5.33757C14.7876 5.21643 15.0201 5.13832 15.2611 5.1078C15.5021 5.07727 15.7467 5.09493 15.9808 5.15976C16.215 5.22458 16.4338 5.33528 16.6248 5.48541C16.8158 5.63555 16.975 5.82213 17.0933 6.03432C17.2115 6.24651 17.2864 6.48009 17.3136 6.72148C17.3409 6.96286 17.3199 7.20725 17.2518 7.44045C17.1838 7.67365 17.0701 7.89101 16.9174 8.0799M22.683 12.6127L17.5383 19.1577M19.8002 10.3463L20.9638 8.86512C21.1158 8.67611 21.2288 8.45882 21.2963 8.22584C21.3637 7.99286 21.3843 7.74881 21.3567 7.50782C21.3292 7.26684 21.2542 7.03371 21.1359 6.82193C21.0177 6.61016 20.8586 6.42395 20.6678 6.27409C20.4771 6.12423 20.2586 6.01369 20.0248 5.94889C19.7911 5.88408 19.5468 5.86629 19.3062 5.89654C19.0655 5.92679 18.8333 6.00449 18.6228 6.12513C18.4124 6.24577 18.228 6.40696 18.0803 6.59937L16.9174 8.0799M19.8002 10.3463L15.3598 15.9955M16.9174 8.0799L11.7727 14.6255M24.5251 15.4256C24.5674 15.8868 24.4338 16.347 24.1512 16.714L18.3766 24.2279C14.9944 28.7083 10.21 31.7017 5.13391 27.4024C3.60681 26.1088 2.85717 24.4789 2.51113 22.9007L3.18186 27.2129C3.5486 28.7193 4.29825 30.2561 5.75226 31.4877C10.8284 35.7876 15.6128 32.7942 18.9949 28.3131L24.7696 20.7992C24.9203 20.6034 25.0301 20.3793 25.0923 20.1401C25.1545 19.901 25.168 19.6518 25.1318 19.4073L24.5251 15.4256Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.2694 12.6127C21.9767 12.2298 21.8466 11.747 21.9072 11.2688C21.9677 10.7907 22.2141 10.3556 22.593 10.0577C22.9719 9.75983 23.4529 9.6231 23.9318 9.67711C24.4107 9.73112 24.8491 9.97152 25.1522 10.3463L23.9886 8.86512C23.8366 8.67611 23.7236 8.45882 23.6561 8.22584C23.5887 7.99286 23.5681 7.74881 23.5956 7.50782C23.6232 7.26684 23.6982 7.03371 23.8165 6.82193C23.9347 6.61016 24.0938 6.42395 24.2845 6.27409C24.4752 6.12423 24.6938 6.01369 24.9275 5.94889C25.1613 5.88408 25.4055 5.86629 25.6462 5.89654C25.8869 5.92679 26.1191 6.00449 26.3295 6.12513C26.54 6.24577 26.7244 6.40696 26.872 6.59937L28.035 8.0799C27.8823 7.89101 27.7686 7.67365 27.7005 7.44045C27.6325 7.20725 27.6115 6.96286 27.6387 6.72148C27.6659 6.48009 27.7409 6.24651 27.8591 6.03432C27.9774 5.82213 28.1366 5.63555 28.3276 5.48541C28.5185 5.33528 28.7374 5.22458 28.9715 5.15976C29.2056 5.09493 29.4503 5.07727 29.6913 5.1078C29.9323 5.13832 30.1648 5.21643 30.3754 5.33757C30.5859 5.45872 30.7703 5.62049 30.9178 5.8135L36.827 13.2401L36.8542 9.00353C36.8573 8.49719 37.055 8.01144 37.4063 7.64677C37.7576 7.2821 38.2357 7.06643 38.7415 7.04437C39.2114 7.02184 39.6735 7.17018 40.0424 7.46196C40.4114 7.75374 40.6622 8.16923 40.7486 8.63162C41.2427 11.3074 42.5544 16.2911 42.6935 19.5658C42.7892 21.8089 42.5085 25.1264 39.8204 27.4025C34.7443 31.7024 29.9599 28.709 26.5777 24.228L20.8037 16.7147C20.6551 16.5236 20.5456 16.305 20.4815 16.0715C20.4174 15.8381 20.3998 15.5942 20.4299 15.354C20.46 15.1138 20.5371 14.8818 20.6569 14.6713C20.7766 14.4609 20.9366 14.2761 21.1278 14.1275C21.3189 13.9789 21.5375 13.8694 21.771 13.8053C22.0044 13.7411 22.2483 13.7236 22.4885 13.7537C22.7287 13.7838 22.9607 13.8609 23.1712 13.9806C23.3816 14.1004 23.5664 14.2604 23.715 14.4516L22.2694 12.6127Z" fill="#FFC3A8"/>
+<path d="M23.5902 20.3404C23.6547 20.505 23.7426 20.6598 23.8514 20.7999L29.6255 28.3132C33.0076 32.7942 37.792 35.7876 42.8681 31.4877C45.5562 29.2116 45.8369 25.8941 45.7412 23.651C45.6414 21.3006 44.9375 18.0699 44.3654 15.4439C44.1404 14.4112 43.9358 13.4721 43.7963 12.7168C43.5846 11.5833 41.7744 6.9189 39.0295 7.05897C40.7175 7.16025 40.8553 9.08171 40.9117 9.34284C41.5333 12.2259 42.6004 17.3718 42.6936 19.5658C42.7893 21.809 42.5086 25.1264 39.8205 27.4025C34.7444 31.7024 29.96 28.709 26.5778 24.228L23.5902 20.3404Z" fill="#0091EB"/>
+<path d="M42.6936 19.5658C42.7893 21.809 42.5086 25.1264 39.8205 27.4025C34.7444 31.7024 29.96 28.709 26.5778 24.228M42.6936 19.5658C42.6004 17.3718 41.5333 12.2259 40.9116 9.34284C40.8553 9.08171 40.7175 7.16025 39.0295 7.05897C41.7744 6.9189 43.5846 11.5833 43.7963 12.7168C43.9358 13.4721 44.1404 14.4112 44.3654 15.4439C44.9375 18.0699 45.6414 21.3006 45.7412 23.651C45.8369 25.8941 45.5562 29.2116 42.8681 31.4877C37.792 35.7876 33.0076 32.7942 29.6255 28.3132L23.8514 20.7999C23.7426 20.6598 23.6547 20.505 23.5902 20.3404L26.5778 24.228M42.6936 19.5658C42.5545 16.2911 41.2427 11.3074 40.7486 8.63162C40.6622 8.16923 40.4114 7.75374 40.0424 7.46196C39.6735 7.17018 39.2114 7.02184 38.7415 7.04437C38.2357 7.06643 37.7576 7.2821 37.4063 7.64677C37.055 8.01144 36.8573 8.49719 36.8542 9.00353L36.827 13.2401L30.9178 5.8135C30.7703 5.62049 30.5859 5.45872 30.3754 5.33757C30.1648 5.21643 29.9323 5.13832 29.6913 5.1078C29.4503 5.07727 29.2056 5.09493 28.9715 5.15976C28.7374 5.22458 28.5185 5.33528 28.3276 5.48541C28.1366 5.63555 27.9774 5.82213 27.8591 6.03432C27.7409 6.24651 27.6659 6.48009 27.6387 6.72148C27.6115 6.96286 27.6325 7.20725 27.7005 7.44045C27.7686 7.67365 27.8823 7.89101 28.035 8.0799M26.5778 24.228L20.8037 16.7147C20.6551 16.5236 20.5456 16.305 20.4815 16.0715C20.4174 15.8381 20.3998 15.5942 20.4299 15.354C20.46 15.1138 20.5371 14.8818 20.6569 14.6714C20.7766 14.4609 20.9366 14.2761 21.1278 14.1275C21.3189 13.9789 21.5375 13.8694 21.771 13.8053C22.0044 13.7411 22.2483 13.7236 22.4885 13.7537C22.7287 13.7838 22.9607 13.8609 23.1712 13.9806C23.3816 14.1004 23.5664 14.2604 23.715 14.4516L22.2694 12.6127M22.2694 12.6127C21.9767 12.2298 21.8466 11.747 21.9072 11.2688C21.9677 10.7907 22.2141 10.3556 22.593 10.0577C22.9719 9.75983 23.4529 9.6231 23.9318 9.67711C24.4107 9.73112 24.8491 9.97152 25.1522 10.3463M22.2694 12.6127L27.4141 19.1577M25.1522 10.3463L23.9886 8.86512C23.8366 8.67611 23.7236 8.45882 23.6561 8.22584C23.5887 7.99286 23.5681 7.74881 23.5956 7.50782C23.6232 7.26684 23.6982 7.03371 23.8165 6.82193C23.9347 6.61016 24.0938 6.42395 24.2845 6.27409C24.4752 6.12423 24.6938 6.01369 24.9275 5.94889C25.1613 5.88408 25.4055 5.86629 25.6462 5.89654C25.8868 5.92679 26.1191 6.00449 26.3295 6.12513C26.54 6.24577 26.7243 6.40696 26.872 6.59937L28.035 8.0799M25.1522 10.3463L29.5926 15.9955M28.035 8.0799L33.1797 14.6255M20.4273 15.4256C20.385 15.8868 20.5185 16.347 20.8011 16.714L26.5758 24.2279C29.9579 28.7083 34.7423 31.7017 39.8185 27.4024C41.3456 26.1088 42.0952 24.4789 42.4412 22.9007" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.9347 22.1983C19.3207 25.0278 21.352 25.6872 22.1945 25.6632C23.0369 25.6867 25.0683 25.0278 26.4543 22.1983C25.8048 24.6767 25.9055 29.1422 31.5086 27.1792C30.2049 28.0202 28.6019 29.6204 28.5642 31.4376C28.6019 33.2552 30.2044 34.8554 31.5086 35.6969C25.9055 33.7334 25.8043 38.1989 26.4543 40.6773C25.0683 37.8478 23.0369 37.1884 22.195 37.2124C21.3525 37.1884 19.3207 37.8478 17.9347 40.6773C18.5841 38.1989 18.4834 33.7334 12.8808 35.6965C14.1845 34.8554 15.7871 33.2552 15.8247 31.4376C15.7871 29.6204 14.1845 28.0202 12.8808 27.1792C18.4834 29.1422 18.5846 24.6767 17.9342 22.1983H17.9347Z" fill="#C2DFFB"/>
+<path d="M17.9347 40.6778L19.966 42.9067C21.352 40.0772 23.3833 39.4178 24.2253 39.4423C24.6461 39.4301 25.3619 39.5882 26.146 40.1012C24.7826 37.7569 22.9762 37.1903 22.1945 37.2129C21.352 37.1888 19.3207 37.8487 17.9347 40.6778Z" fill="#0091EB"/>
+<path d="M12.8808 35.6965L14.9121 37.9254C16.2808 37.4459 17.3214 37.3498 18.1031 37.515C17.7454 35.7638 16.3966 34.4643 12.8808 35.6965Z" fill="#0091EB"/>
+<path d="M26.4542 40.6768L28.486 42.9068C27.8365 40.4283 27.9372 35.9628 33.5403 37.9259L31.5089 35.6969C25.9064 33.7334 25.8047 38.1989 26.4551 40.6773L26.4542 40.6768Z" fill="#0091EB"/>
+<path d="M31.0958 35.4126C30.7984 34.8695 30.6077 34.2812 30.595 33.6679C30.6327 31.8503 32.2352 30.2501 33.5389 29.4086L31.5081 27.1796C30.2044 28.0206 28.6014 29.6208 28.5637 31.4385C28.5976 33.0679 29.8895 34.5231 31.0958 35.4126Z" fill="#0091EB"/>
+<path d="M28.3176 27.5896C28.1058 26.5494 28.2437 25.3507 28.4856 24.4277L26.4543 22.1983C25.9634 24.0715 25.9008 27.0789 28.3176 27.5896Z" fill="#0091EB"/>
+<path d="M26.4543 22.1983C25.0683 25.0278 23.0369 25.6867 22.1945 25.6632C21.352 25.6872 19.3207 25.0278 17.9347 22.1983C18.5851 24.6767 18.4834 29.1422 12.8808 27.1792C14.1845 28.0202 15.7871 29.6204 15.8247 31.4376C15.7871 33.2552 14.1845 34.8554 12.8808 35.6965M26.4543 22.1983C25.8048 24.6767 25.9055 29.1422 31.5086 27.1792M26.4543 22.1983L28.4856 24.4278C28.2437 25.3507 28.1058 26.5494 28.3176 27.5896C25.9008 27.0789 25.9634 24.0715 26.4543 22.1983ZM31.5086 27.1792C30.2049 28.0202 28.6019 29.6204 28.5642 31.4376C28.6019 33.2552 30.2044 34.8554 31.5086 35.6969M31.5086 27.1792L33.5389 29.4086C32.2352 30.2501 30.6327 31.8503 30.595 33.6679C30.6077 34.2812 30.7984 34.8695 31.0958 35.4126C29.8895 34.5231 28.5976 33.0679 28.5637 31.4385C28.6014 29.6208 30.2049 28.0202 31.5086 27.1792ZM31.5086 35.6969C25.9055 33.7334 25.8043 38.1989 26.4543 40.6773M31.5086 35.6969L33.5403 37.9259C27.9372 35.9628 27.8365 40.4283 28.486 42.9068L26.4543 40.6773M26.4543 40.6773C25.0683 37.8478 23.0369 37.1884 22.195 37.2124M22.195 37.2124C21.3525 37.1884 19.3207 37.8478 17.9347 40.6773M22.195 37.2124C22.9767 37.1898 24.7826 37.7569 26.146 40.1012C25.3619 39.5882 24.6461 39.4301 24.2253 39.4423C23.3833 39.4178 21.352 40.0772 19.966 42.9067L17.9347 40.6773M17.9347 40.6773C18.5841 38.1989 18.4834 33.7334 12.8808 35.6965M12.8808 35.6965L14.9121 37.9255C16.2808 37.4459 17.3214 37.3498 18.1031 37.515C17.7454 35.7638 16.3966 34.4643 12.8808 35.6965Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/SpotIllustration/svgs/map-pin.svg

@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M22.3573 0.00173427C29.3142 0.100383 35.3432 4.83794 39.0425 10.4458C41.0759 13.5285 42.4723 17.0996 42.4239 20.5339C42.3463 26.0391 39.7505 31.4807 36.6524 36.057C33.7962 40.276 30.3639 44.069 26.67 47.4741C25.8881 48.1948 24.6771 48.1723 23.9229 47.4226C22.5231 46.031 21.3954 44.7867 20.0749 43.5736C17.0903 40.8502 13.4864 36.2365 10.6415 31.3224C7.96474 26.6985 5.43905 21.3529 5.58777 15.8876C5.94173 6.95097 13.3619 -0.12371 22.3573 0.00173427ZM24.6863 17.7393C24.0953 18.0139 23.5963 18.5082 23.3205 19.1071C23.9141 18.8274 24.409 18.3335 24.6863 17.7393Z" fill="white"/>
+  <path d="M29.8943 4.50836C33.8997 7.0984 36.5233 11.6298 36.4508 16.751C36.3135 26.4865 27.1787 36.7685 21.5823 41.9325C22.6109 43.0135 23.584 43.9703 24.4584 44.8299C24.7613 45.1276 25.0523 45.4137 25.3297 45.6893C30.9257 40.5269 40.0658 30.2416 40.2031 20.5032C40.2836 14.8196 35.518 7.96194 29.8943 4.50836Z" fill="#0091EB"/>
+  <path d="M20.9634 21.4632C20.8687 21.0626 20.8226 20.6487 20.8285 20.2302C20.8475 18.8913 21.3976 17.6147 22.3578 16.6814C23.5829 15.4906 25.38 14.9963 27.0385 15.3882C26.676 13.8544 25.5724 12.5372 24.1227 11.9126C22.2724 11.1154 20.0551 11.5201 18.6055 12.9291C16.6336 14.8459 16.5874 18.0968 18.5042 20.0687C19.1797 20.7636 20.0349 21.2437 20.9634 21.4632Z" fill="#FFC3A8"/>
+  <path d="M22.327 2.2222C30.239 2.33422 36.5628 8.83858 36.451 16.7505C36.3138 26.4889 27.173 36.7746 21.577 41.937C16.0242 36.8734 7.68699 24.2587 7.79772 16.3462C7.91033 8.43503 14.4146 2.11147 22.327 2.2222ZM22.1962 11.5015C19.4464 11.4625 17.115 13.7283 17.076 16.4781C17.0376 19.1972 19.3032 21.5971 22.0536 21.5972C24.563 21.5972 27.1348 19.3703 27.1737 16.6206C27.2125 13.8709 24.9459 11.5403 22.1962 11.5015Z" fill="#E1D1FB"/>
+  <path d="M36.4508 16.751C36.5233 11.6298 33.8997 7.0984 29.8943 4.50836C35.5181 7.96194 40.2836 14.8196 40.2031 20.5032C40.0658 30.2417 30.9257 40.5269 25.3297 45.6893C24.2515 44.6181 22.9671 43.388 21.5823 41.9325C27.1788 36.7685 36.3135 26.4865 36.4508 16.751ZM36.4508 16.751C36.5628 8.83882 30.2391 2.33436 22.327 2.22235C14.4145 2.11162 7.91007 8.43516 7.7976 16.3465C7.68687 24.259 16.0244 36.8734 21.5773 41.937C27.1732 36.7746 36.3135 26.4894 36.4508 16.751ZM26.8163 14.6832C26.9077 14.913 26.9818 15.1486 27.0385 15.3882C25.38 14.9963 23.5828 15.4906 22.3578 16.6814C21.0968 17.9071 20.5427 19.7157 20.9461 21.4226C20.0176 21.2031 19.1797 20.7636 18.5042 20.0687M26.8163 14.6832C26.0695 12.8059 24.2165 11.5296 22.1963 11.5011C19.4465 11.4621 17.1152 13.7282 17.0762 16.4779C17.0572 17.8169 17.5709 19.1085 18.5042 20.0687M26.8163 14.6832C27.563 16.5605 27.0929 18.761 25.6443 20.1693C23.6798 22.0792 20.4308 22.0507 18.5042 20.0687M26.744 2.98202C25.847 2.66461 24.947 2.44852 24.0586 2.35064C24.9852 2.47568 25.8832 2.6891 26.744 2.98202Z" stroke="#1A1F2B" stroke-width="0.496645"/>
+</svg>

package/src/components/SpotIllustration/svgs/note-music.svg

@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M26.1788 26.1969C26.1683 27.5267 25.8898 28.8425 25.3593 30.0635C25.2925 30.2171 25.22 30.3681 25.1457 30.5177C25.6026 30.111 26.0992 29.746 26.6282 29.4276C27.6479 28.814 28.7642 28.3933 29.9218 28.177V19.4947L26.1788 19.0357V26.1969ZM48.0015 32.8342C47.9912 34.1406 47.7219 35.4322 47.21 36.6342C46.6979 37.8363 45.952 38.9264 45.0172 39.8388C44.9535 39.901 44.8976 39.9468 44.8761 39.9645L38.2494 45.417C38.2302 45.4328 38.2095 45.4456 38.1914 45.4595C37.3534 46.177 36.3971 46.7575 35.354 47.1652C33.5102 47.8859 31.4923 48.0398 29.5603 47.604C27.6286 47.1682 25.8708 46.1639 24.5146 44.7212C23.2434 43.3686 22.3786 41.6875 22.0155 39.8717L21.9498 39.5064C21.6345 37.5515 21.9116 35.5464 22.7451 33.7504C22.7859 33.6625 22.8284 33.575 22.8717 33.4885L16.4586 38.7516C15.5642 39.4854 14.6147 40.1067 13.5323 40.5298C11.8029 41.2057 9.92091 41.3817 8.10098 41.042L7.7376 40.9676C5.80599 40.5317 4.04813 39.5277 2.69193 38.0848C1.42064 36.7319 0.556578 35.0502 0.193735 33.2353L0.128019 32.87C-0.187244 30.915 0.0900148 28.9107 0.923382 27.115C1.75702 25.319 3.10957 23.8124 4.80645 22.7912C5.82614 22.1776 6.94241 21.7569 8.10001 21.5406L8.10194 7.61165C8.08692 6.94896 8.36917 6.28893 8.91373 5.84117L8.9176 5.83827L15.2525 0.656328C15.2996 0.617778 15.3489 0.581167 15.3994 0.547123L15.4409 0.519097L15.6303 0.406025C15.9831 0.221709 16.3756 0.137482 16.7659 0.155723L16.9331 0.169253L46.0397 3.73921C46.1764 3.75554 46.3435 3.78774 46.5268 3.85324L46.7258 3.93539L46.7278 3.93635C47.4952 4.30005 48.0011 5.07683 48.0015 5.94747V32.8342ZM37.9749 45.6083C37.9749 45.6083 37.9804 45.6053 37.9865 45.6016C37.989 45.6001 37.9918 45.5979 37.9952 45.5958C37.9822 45.6036 37.9712 45.6105 37.9749 45.6083ZM38.0039 45.591C38.0011 45.5927 37.998 45.5941 37.9952 45.5958C37.9984 45.5938 38.0019 45.5914 38.0058 45.589L38.0039 45.591Z" fill="white"/>
+  <path d="M39.439 37.9981C39.4303 39.078 39.1938 40.1439 38.745 41.1262C38.2962 42.1084 37.6451 42.9849 36.8343 43.6982L43.4617 38.2455C44.1866 37.5381 44.7642 36.6941 45.1612 35.7623C45.5581 34.8305 45.7665 33.8293 45.7745 32.8165V5.94847L39.44 11.1311V37.9991L39.439 37.9981Z" fill="#0091EB"/>
+  <path d="M23.9525 16.5185L17.617 15.7417V31.3607C17.6083 32.4345 17.3743 33.4944 16.9302 34.472C16.4862 35.4496 15.8419 36.3232 15.039 37.0362L21.5606 31.6843C22.3089 30.9746 22.9064 30.1213 23.3174 29.1754C23.7283 28.2295 23.9444 27.2104 23.9525 26.1791V16.5185Z" fill="#0091EB"/>
+  <path d="M45.7685 5.94946L16.662 2.37893L10.3275 7.56055L39.433 11.1311L45.7685 5.94946Z" fill="#FFC3A8"/>
+  <path d="M39.4359 11.1311L10.3304 7.56055L10.3265 23.6081C8.79278 23.5272 7.26996 23.9071 5.95406 24.6991C4.63816 25.491 3.58941 26.6587 2.94282 28.0518C2.29623 29.4449 2.0814 30.9996 2.32599 32.5159C2.57058 34.0321 3.26338 35.4404 4.31522 36.5595C5.36706 37.6786 6.72978 38.4573 8.22796 38.7953C9.72613 39.1333 11.2912 39.0152 12.7216 38.4561C14.1521 37.897 15.3825 36.9225 16.2544 35.6582C17.1263 34.3939 17.5998 32.8975 17.614 31.3617V15.7417L32.1484 17.525V30.2445C30.6147 30.1635 29.0919 30.5435 27.776 31.3354C26.4601 32.1274 25.4114 33.2951 24.7648 34.6881C24.1182 36.0812 23.9034 37.636 24.1479 39.1522C24.3925 40.6684 25.0853 42.0768 26.1372 43.1959C27.189 44.315 28.5517 45.0937 30.0499 45.4317C31.5481 45.7697 33.1131 45.6515 34.5436 45.0924C35.9741 44.5333 37.2044 43.5589 38.0763 42.2946C38.9482 41.0302 39.4218 39.5338 39.4359 37.9981V11.1301V11.1311Z" fill="#E1D1FB"/>
+  <path d="M39.4359 11.1311L10.3304 7.56055L10.3265 23.6081C8.79278 23.5272 7.26996 23.9071 5.95406 24.6991C4.63816 25.491 3.58941 26.6587 2.94282 28.0518C2.29623 29.4449 2.0814 30.9996 2.32599 32.5159C2.57058 34.0321 3.26338 35.4404 4.31522 36.5595C5.36706 37.6786 6.72978 38.4573 8.22796 38.7953C9.72613 39.1333 11.2912 39.0152 12.7216 38.4561C14.1521 37.897 15.3825 36.9225 16.2544 35.6582C17.1263 34.3939 17.5998 32.8975 17.614 31.3617V15.7417L32.1484 17.525V30.2445C30.6147 30.1635 29.0919 30.5435 27.776 31.3354C26.4601 32.1274 25.4114 33.2951 24.7648 34.6881C24.1182 36.0812 23.9034 37.636 24.1479 39.1522C24.3925 40.6684 25.0853 42.0768 26.1372 43.1959C27.189 44.315 28.5517 45.0937 30.0499 45.4317C31.5481 45.7697 33.1131 45.6515 34.5436 45.0924C35.9741 44.5333 37.2044 43.5589 38.0763 42.2946C38.9482 41.0302 39.4218 39.5338 39.4359 37.9981V11.1311Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="square" stroke-linejoin="round"/>
+  <path d="M45.7685 5.94946L16.662 2.37893L10.3275 7.56055L39.433 11.1311L45.7685 5.94946Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="square" stroke-linejoin="round"/>
+  <path d="M39.439 37.9981C39.4303 39.078 39.1938 40.1439 38.745 41.1262C38.2962 42.1084 37.6451 42.9849 36.8343 43.6982L43.4617 38.2455C44.1866 37.5381 44.7642 36.6941 45.1612 35.7623C45.5581 34.8305 45.7665 33.8293 45.7745 32.8165V5.94847L39.44 11.1311V37.9991L39.439 37.9981Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="square" stroke-linejoin="round"/>
+  <path d="M23.9525 16.5185L17.617 15.7417V31.3607C17.6083 32.4345 17.3743 33.4944 16.9302 34.472C16.4862 35.4496 15.8419 36.3232 15.039 37.0362L21.5606 31.6843C22.3089 30.9746 22.9064 30.1213 23.3174 29.1754C23.7283 28.2295 23.9443 27.2104 23.9525 26.1791V16.5185Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/src/components/SpotIllustration/svgs/ticket.svg

@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9.4187 2.89252C10.3156 1.34027 12.2905 0.867245 13.8337 1.71088L46.2693 20.4374C47.2071 20.9789 47.9236 22.095 47.9197 23.2011L47.9031 27.9013V27.9033C47.9012 28.3026 47.7936 28.6959 47.5886 29.041L45.4773 32.5937C44.9342 33.5052 43.8397 33.9619 42.8015 33.6083C41.3193 33.1027 40.2847 33.3527 39.6218 33.7519C40.1831 34.3971 40.3991 35.1394 40.5076 35.9677C40.6161 36.796 40.7458 40.539 40.7458 40.539C40.7667 40.9518 40.6739 41.3807 40.4548 41.7656L40.4519 41.7695L38.2009 45.7031C37.7982 46.4068 37.0998 46.7703 36.4187 46.8222C35.9747 46.8684 35.4982 46.7873 35.0642 46.5371L1.22144 26.9824C0.52658 26.5806 0.0980466 25.8382 0.0983889 25.0361V25.0331L0.107178 20.4638C0.108777 19.6933 0.150601 18.9455 0.547608 18.2578L2.02612 15.6972C2.90603 14.1743 4.59167 13.8571 5.83472 14.1718L6.30054 14.3076C7.02941 14.4836 7.79471 14.3384 8.40991 13.9306L8.08472 13.5663L8.08374 13.5644C7.723 13.1598 7.52289 12.6405 7.5144 12.1044V12.0996L7.45093 7.33881L7.44995 7.33588C7.44254 6.70402 7.62646 5.99708 7.93921 5.45502L9.41772 2.8935L9.4187 2.89252Z" fill="white"/>
+  <path d="M38.5058 40.6341L36.2542 44.5687L36.1518 39.9016L38.2833 36.2368L38.5058 40.6341Z" fill="#0091EB"/>
+  <path d="M43.5509 31.4244L43.4324 26.884C43.4324 26.884 43.5149 26.8242 43.5588 26.7876C43.6281 26.7299 43.6665 26.6468 43.6665 26.6468L45.6774 23.1735L45.6609 27.8737L43.5509 31.4244Z" fill="#0091EB"/>
+  <path d="M43.4324 26.884L43.5509 31.4244C39.6886 30.1069 37.3934 32.3271 36.7392 33.583C35.9271 32.7708 35.7917 30.3118 36.8746 28.8003C38.9335 25.9264 42.0337 26.2824 43.4324 26.884Z" fill="#0091EB"/>
+  <path d="M11.3636 4.01668C11.6358 3.54525 12.2386 3.38373 12.71 3.65591L45.1465 22.3831C45.6179 22.6553 45.7794 23.2581 45.5072 23.7295L44.0288 26.2903C43.7566 26.7617 43.1551 26.9121 42.6391 26.7384C40.4612 26.0055 37.9971 26.881 36.8039 28.9477C35.6107 31.0144 36.0845 33.5862 37.8082 35.1058C38.2166 35.4658 38.3871 36.0619 38.1149 36.5333L36.6365 39.0941C36.3643 39.5655 35.7615 39.7271 35.29 39.4549L2.85363 20.7277C2.3822 20.4555 2.22068 19.8527 2.49286 19.3813L3.97132 16.8205C4.2435 16.3491 4.84501 16.1987 5.36093 16.3723C7.53884 17.1053 10.003 16.2298 11.1962 14.1631C12.3894 12.0964 11.9155 9.52462 10.1918 8.00498C9.7835 7.645 9.61299 7.04887 9.88516 6.57745L11.3636 4.01668Z" fill="#E1D1FB"/>
+  <path d="M31.3825 18.8749C31.6547 18.4034 32.2575 18.2419 32.7289 18.5141L34.8017 19.7108C35.2732 19.983 35.4347 20.5858 35.1625 21.0572L29.1498 31.4715C28.8777 31.9429 28.2748 32.1044 27.8034 31.8323L25.7306 30.6355C25.2592 30.3633 25.0977 29.7605 25.3698 29.2891L31.3825 18.8749Z" fill="#FFC3A8"/>
+  <path d="M2.34473 25.0375L2.35308 20.4677L36.1667 40.0066L36.1872 44.591L2.34473 25.0375Z" fill="#FFC3A8"/>
+  <path d="M9.76098 12.0689L9.69709 7.30884C11.9294 9.32765 12.2951 11.8533 11.3583 13.8579L9.76098 12.0689Z" fill="#FFC3A8"/>
+  <path d="M43.4279 27.0715L43.547 31.4437L45.657 27.8929L45.6735 23.1927L43.4279 27.0715ZM43.4279 27.0715L43.5258 31.4816C39.6636 30.1641 37.356 32.4354 36.7018 33.6913C36.0717 32.5267 35.7878 30.331 36.8707 28.8195C38.9296 25.9456 42.0292 26.4699 43.4279 27.0715ZM12.71 3.6559C12.2386 3.38372 11.6358 3.54524 11.3636 4.01667L9.88514 6.57744C9.61296 7.04886 9.57184 7.4584 10.1918 8.00497C11.9155 9.52461 12.3894 12.0964 11.1962 14.1631C10.0029 16.2298 7.53882 17.1053 5.36091 16.3723C4.84499 16.1987 4.24348 16.3491 3.9713 16.8205L2.49284 19.3813C2.22066 19.8527 2.34473 20.4339 2.85361 20.7277L35.29 39.4549C35.7614 39.727 36.3642 39.5655 36.6364 39.0941L38.1149 36.5333C38.3871 36.0619 38.2166 35.4658 37.8082 35.1058C36.0845 33.5862 35.6106 31.0144 36.8039 28.9477C37.9971 26.881 40.6372 26.2365 42.6525 26.8063C43.1684 26.98 43.5527 26.8572 43.8249 26.3858L45.566 23.3784C45.8382 22.907 45.6178 22.6552 45.1464 22.3831L12.71 3.6559ZM25.7306 30.6355L27.8034 31.8322C28.2748 32.1044 28.8777 31.9429 29.1498 31.4715L35.1625 21.0572C35.4347 20.5858 35.2732 19.983 34.8017 19.7108L32.7289 18.5141C32.2575 18.2419 31.6547 18.4034 31.3825 18.8748L25.3698 29.2891C25.0977 29.7605 25.2592 30.3633 25.7306 30.6355ZM2.35308 20.4677L2.34473 25.0375L36.1872 44.591L36.1667 40.0066L2.35308 20.4677ZM36.2503 44.5879L38.502 40.6533L38.2794 36.2561L36.148 39.9208L36.2503 44.5879ZM9.69709 7.30883L9.76098 12.0689L11.3583 13.8579C12.2951 11.8533 11.9294 9.32764 9.69709 7.30883Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linejoin="round"/>
+</svg>

package/src/components/SpotIllustration/svgs/wine-glass.svg

@@ -0,0 +1,9 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M18.3297 38.7246L12.3589 39.4248C11.1459 39.6223 10.1646 40.5988 10.1646 41.8867V43.6191C10.1663 45.5342 12.4928 46.5131 13.8726 47.4541C13.878 47.4578 13.8828 47.4622 13.8882 47.4658C13.9437 47.5029 14.5851 47.9997 15.4996 48H35.3502C36.7177 47.9999 37.8266 46.8913 37.8267 45.5234L37.8189 43.5938C37.801 43.3682 37.7458 43.0651 37.5894 42.7422C37.351 42.2962 36.9982 41.9626 36.5845 41.6807C33.1203 39.3214 33.9896 39.5671 29.6148 39.0566V34.5361C35.1047 32.769 39.0795 27.6271 39.0797 21.5469C39.0796 20.9027 39.0343 20.2665 38.9468 19.6416L36.8043 3.66699C36.6726 3.06332 36.3142 2.66121 35.8589 2.28223C34.8402 1.60315 33.2232 2.47612e-05 31.7574 0H13.775C12.754 0.000264451 11.8565 0.693424 11.605 1.68555L9.14996 17.1348C8.80182 19.0097 8.84993 20.9634 9.29254 22.8184L9.40387 23.2539C10.5538 28.2681 14.2526 31.6685 18.3297 33.5225V38.7246Z" fill="white"/>
+  <path d="M12.5116 43.8166C12.5488 43.8407 12.5928 43.8557 12.6405 43.8558H32.4906C32.6222 43.8558 32.7294 43.7485 32.7294 43.6169V41.8858C32.7294 41.8146 32.6975 41.7501 32.6472 41.7062L35.3241 43.5309C35.5212 43.6685 35.5885 43.6701 35.5887 43.7917V45.5238C35.5887 45.6554 35.4824 45.7616 35.3508 45.7617H15.5008C15.3692 45.7617 15.2783 45.7022 15.133 45.605L12.5116 43.8166Z" fill="#0091EB"/>
+  <path d="M34.6171 4.14427L36.7294 19.9417C36.8032 20.4661 36.8411 21.002 36.8412 21.5467C36.8412 27.1854 32.7516 31.869 27.3766 32.7929V41.0499L24.5163 40.7175V30.8861C29.8913 29.9623 33.9807 25.2794 33.9809 19.6408C33.9809 19.0959 33.943 18.5594 33.8691 18.0349L31.7578 2.24219H31.7616L34.6171 4.14427Z" fill="#0091EB"/>
+  <path d="M11.5639 22.6664C12.7175 26.8718 16.2173 30.1065 20.5679 30.8765V32.0201C16.3788 30.5178 12.6038 27.3642 11.5639 22.6664Z" fill="#0091EB"/>
+  <path d="M31.7577 2.23743H13.7746L11.3506 17.5435C11.2244 18.2232 11.1584 18.9241 11.1584 19.6404C11.1584 25.2597 15.22 29.9303 20.5676 30.8768C20.5676 31.7704 20.5676 38.5707 20.5676 40.7177L12.6158 41.6485C12.4944 41.6612 12.4023 41.7635 12.4023 41.8855V43.6171C12.4023 43.7488 12.509 43.8555 12.6406 43.8555H32.4909C32.6225 43.8555 32.7292 43.7488 32.7292 43.6171V41.8856C32.7292 41.7635 32.6369 41.6612 32.5155 41.6486L24.5164 40.7175C24.5164 38.7262 24.5164 31.7987 24.5164 30.8865C29.8915 29.9627 33.9813 25.2792 33.9813 19.6404C33.9813 19.0955 33.9431 18.5595 33.8693 18.0349L31.7577 2.23743Z" fill="#E1D1FB"/>
+  <path d="M31.6565 18.9777C31.6565 23.9962 27.5883 28.0644 22.5698 28.0644C18.1403 28.0644 14.4511 24.895 13.6462 20.7002C14.9876 21.2714 16.3679 21.4564 18.0044 21.4564C21.1209 21.4564 23.6681 16.5043 26.4146 16.5043C28.8906 16.5043 29.9437 16.86 31.5555 17.6179C31.622 18.0615 31.6565 18.5156 31.6565 18.9777Z" fill="#FFC3A8"/>
+  <path d="M12.6405 43.8557C12.5928 43.8557 12.5488 43.8407 12.5116 43.8166L15.133 45.605C15.2783 45.7022 15.3692 45.7616 15.5008 45.7616H35.3508C35.4177 45.7616 35.478 45.7342 35.5212 45.6899M12.6405 43.8557H32.4905M12.6405 43.8557C12.5089 43.8557 12.4023 43.7488 12.4023 43.6171V41.8855C12.4023 41.7635 12.4944 41.6612 12.6158 41.6485L20.5676 40.7177C20.5676 38.5707 20.5679 31.7701 20.5679 30.8765M32.4905 43.8557C32.5532 43.8557 32.6104 43.8314 32.653 43.7917M32.4905 43.8557C32.6222 43.8557 32.7294 43.7485 32.7294 43.6169M32.7294 43.6169V41.8858M32.7294 43.6169C32.7294 43.6858 32.7 43.7481 32.653 43.7917M32.7294 41.8858C32.7294 41.8146 32.6975 41.7501 32.6472 41.7062L35.3241 43.5309C35.5212 43.6685 35.5885 43.6701 35.5887 43.7917V45.5238C35.5887 45.5885 35.563 45.6471 35.5212 45.6899M32.7294 41.8858C32.7294 41.7638 32.6369 41.6612 32.5155 41.6486L24.5163 40.7175M27.3766 32.7929C32.7516 31.869 36.8412 27.1853 36.8412 21.5467C36.8411 21.0019 36.8032 20.4661 36.7294 19.9417L34.6171 4.14425L31.7616 2.24217H31.7578L33.8691 18.0349M27.3766 32.7929V41.0499L24.5163 40.7175M27.3766 32.7929L24.5163 30.8861M24.5163 40.7175V30.8861M24.5163 40.7175C24.5163 38.7262 24.5163 31.7982 24.5163 30.8861M24.5163 30.8861C29.8913 29.9623 33.9807 25.2794 33.9809 19.6408C33.9809 19.0959 33.943 18.5594 33.8691 18.0349M33.8691 18.0349L31.7577 2.23743H13.7746L11.3506 17.5435C11.2244 18.2232 11.1584 18.9241 11.1584 19.6404C11.1584 25.2597 15.2203 29.9301 20.5679 30.8765M20.5679 30.8765C16.2173 30.1065 12.7175 26.8717 11.5639 22.6663C12.6038 27.3641 16.3788 30.5178 20.5679 32.0201V30.8765ZM35.5212 45.6899L32.653 43.7917M31.6565 18.9777C31.6565 23.9961 27.5883 28.0644 22.5698 28.0644C18.1403 28.0644 14.4511 24.8949 13.6462 20.7002C14.9876 21.2714 16.3679 21.4564 18.0044 21.4564C21.1209 21.4564 23.6681 16.5043 26.4146 16.5043C28.8906 16.5043 29.9437 16.86 31.5555 17.6179C31.622 18.0615 31.6565 18.5156 31.6565 18.9777Z" stroke="#1A1F2B" stroke-width="0.5" stroke-linejoin="round"/>
+</svg>

package/src/components/Text/Text.test.tsx

@@ -8,7 +8,7 @@ describe('Text', () => {
     const { getByText } = render(<Text>Hello World</Text>)
     const text = getByText('Hello World')
     expect(text).toBeInTheDocument()
-    expect(text.tagName.toLowerCase()).toBe('span')
+    expect(text.tagName.toLowerCase()).toBe('p')
     expect(text).toHaveClass('text', 'text--emphasis_default')
   })
 

package/src/components/Text/index.tsx

@@ -10,7 +10,7 @@ import { type TextVariantProps, text } from '@oztix/roadie-core/recipes'
 /**
  * Text component for displaying content with various styling options
  */
-export interface TextProps extends HTMLStyledProps<'span'> {
+export interface TextProps extends HTMLStyledProps<'p'> {
   /**
    * The visual emphasis of the text
    * @default 'default'
@@ -25,9 +25,9 @@ export interface TextProps extends HTMLStyledProps<'span'> {
 
   /**
    * The HTML element to render the text as
-   * @default 'span'
+   * @default 'p'
    */
-  as?: HTMLStyledProps<'span'>['as']
+  as?: HTMLStyledProps<'p'>['as']
 
   /**
    * The color palette to use for the text
@@ -46,9 +46,6 @@ export interface TextProps extends HTMLStyledProps<'span'> {
   children?: ReactNode
 }
 
-export const Text = styled(
-  ark.span,
-  text
-) as React.ForwardRefExoticComponent<TextProps>
+export const Text = styled(ark.p, text)
 
 Text.displayName = 'Text'

package/src/components/index.ts

@@ -1,6 +1,9 @@
-export { Button } from './Button'
+export { Button, IconButton } from './Button'
 export type { ButtonProps } from './Button'
 
+export { Container } from './Container'
+export type { ContainerProps } from './Container'
+
 export { Code } from './Code'
 export type { CodeProps } from './Code'
 

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useColorMode'

package/src/hooks/useColorMode.ts

@@ -0,0 +1,37 @@
+import { useSyncExternalStore } from 'react'
+
+import {
+  type ColorMode,
+  getColorMode,
+  subscribeToColorMode
+} from '@oztix/roadie-core'
+
+/**
+ * React hook that subscribes to color mode changes.
+ * Listens to both localStorage changes and custom colormodechange events.
+ *
+ * @returns The current color mode ('light' or 'dark')
+ *
+ * @example
+ * ```tsx
+ * import { useColorMode } from '@oztix/roadie-components'
+ * import { toggleColorMode } from '@oztix/roadie-core'
+ *
+ * function ColorModeToggle() {
+ *   const colorMode = useColorMode()
+ *
+ *   return (
+ *     <button onClick={() => toggleColorMode()}>
+ *       Current mode: {colorMode}
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+export function useColorMode(): ColorMode {
+  return useSyncExternalStore(
+    subscribeToColorMode,
+    getColorMode,
+    () => 'light' // Server snapshot
+  )
+}

package/src/index.tsx

@@ -1,5 +1,9 @@
 export * from './components/Button'
 export * from './components/Code'
+export * from './components/Container'
 export * from './components/Heading'
+export * from './components/Highlight'
+export * from './components/Mark'
+export * from './components/SpotIllustration'
 export * from './components/Text'
 export * from './components/View'

package/dist/_chunks/chunk-6FIUWNC7.js

@@ -1,9 +0,0 @@
-import { ark } from '@ark-ui/react/factory';
-import { styled } from '@oztix/roadie-core/jsx';
-import { heading } from '@oztix/roadie-core/recipes';
-
-var r=styled(ark.h2,heading);r.displayName="Heading";
-
-export { r as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6FIUWNC7.js.map

package/dist/_chunks/chunk-6FIUWNC7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Heading/index.tsx"],"names":["ark","styled","heading","Heading"],"mappings":"AAEA,OAAS,OAAAA,MAAW,wBAGpB,OAA+B,UAAAC,MAAc,yBAC7C,OAAmC,WAAAC,MAAe,6BAwC3C,IAAMC,EAAUF,EACrBD,EAAI,GACJE,CACF,EAEAC,EAAQ,YAAc","sourcesContent":["import type { ReactNode } from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { type HTMLStyledProps, styled } from '@oztix/roadie-core/jsx'\nimport { type HeadingVariantProps, heading } from '@oztix/roadie-core/recipes'\nimport type { JsxStyleProps } from '@oztix/roadie-core/types'\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label'\ntype HeadingStyle = Extract<JsxStyleProps['textStyle'], `display.${string}`>\n\n/**\n * A heading component that uses display styles for titles and section headers\n */\nexport interface HeadingProps extends HTMLStyledProps<'h2'> {\n  /**\n   * The heading element to render\n   * @default 'h2'\n   */\n  as?: HeadingElement\n\n  /**\n   * The text style to use for the heading\n   * @default 'display.ui'\n   */\n  textStyle?: HeadingStyle\n\n  /**\n   * The color palette to use for the heading\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * Set a sepecific empahasis level for differen fonts like subtitles\n   * @default 'default'\n   */\n  emphasis?: HeadingVariantProps['emphasis']\n\n  /**\n   * The content to display\n   */\n  children?: ReactNode\n}\n\nexport const Heading = styled(\n  ark.h2,\n  heading\n) as React.ForwardRefExoticComponent<HeadingProps>\n\nHeading.displayName = 'Heading'\n"]}

package/dist/_chunks/chunk-GSK3G4DW.js

@@ -1,9 +0,0 @@
-import { ark } from '@ark-ui/react/factory';
-import { styled } from '@oztix/roadie-core/jsx';
-import { text } from '@oztix/roadie-core/recipes';
-
-var r=styled(ark.span,text);r.displayName="Text";
-
-export { r as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-GSK3G4DW.js.map

package/dist/_chunks/chunk-GSK3G4DW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Text/index.tsx"],"names":["ark","styled","text","Text"],"mappings":"AAEA,OAAS,OAAAA,MAAW,wBAGpB,OAAS,UAAAC,MAAc,yBAEvB,OAAgC,QAAAC,MAAY,6BAyCrC,IAAMC,EAAOF,EAClBD,EAAI,KACJE,CACF,EAEAC,EAAK,YAAc","sourcesContent":["import type { ReactNode } from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { styled } from '@oztix/roadie-core/jsx'\nimport type { HTMLStyledProps } from '@oztix/roadie-core/jsx'\nimport { type TextVariantProps, text } from '@oztix/roadie-core/recipes'\n\n/**\n * Text component for displaying content with various styling options\n */\nexport interface TextProps extends HTMLStyledProps<'span'> {\n  /**\n   * The visual emphasis of the text\n   * @default 'default'\n   */\n  emphasis?: TextVariantProps['emphasis']\n\n  /**\n   * Whether the text is interactive\n   * @default false\n   */\n  interactive?: TextVariantProps['interactive']\n\n  /**\n   * The HTML element to render the text as\n   * @default 'span'\n   */\n  as?: HTMLStyledProps<'span'>['as']\n\n  /**\n   * The color palette to use for the text\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * When true, the component will pass props to its child component\n   */\n  asChild?: boolean\n\n  /**\n   * The content to display\n   */\n  children?: ReactNode\n}\n\nexport const Text = styled(\n  ark.span,\n  text\n) as React.ForwardRefExoticComponent<TextProps>\n\nText.displayName = 'Text'\n"]}

package/dist/_chunks/chunk-VDMZIGT2.js

@@ -1,10 +0,0 @@
-import 'react';
-import { ark } from '@ark-ui/react/factory';
-import { styled } from '@oztix/roadie-core/jsx';
-import { button } from '@oztix/roadie-core/recipes';
-
-var r=styled(ark.button,button);r.displayName="Button";
-
-export { r as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-VDMZIGT2.js.map

package/dist/_chunks/chunk-VDMZIGT2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Button/index.tsx"],"names":["ark","styled","button","Button"],"mappings":"AAAA,MAAkB,QAElB,OAAS,OAAAA,MAAW,wBAGpB,OAAS,UAAAC,MAAc,yBAEvB,OAAkC,UAAAC,MAAc,6BAmCzC,IAAMC,EAASF,EACpBD,EAAI,OACJE,CACF,EAEAC,EAAO,YAAc","sourcesContent":["import React from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { styled } from '@oztix/roadie-core/jsx'\nimport type { HTMLStyledProps } from '@oztix/roadie-core/jsx'\nimport { type ButtonVariantProps, button } from '@oztix/roadie-core/recipes'\n\n/**\n * A button component with various emphasis levels and sizes\n */\nexport interface ButtonProps extends HTMLStyledProps<'button'> {\n  /**\n   * The visual emphasis of the button\n   * @default 'default'\n   */\n  emphasis?: ButtonVariantProps['emphasis']\n\n  /**\n   * The size of the button\n   * @default 'md'\n   */\n  size?: ButtonVariantProps['size']\n\n  /**\n   * The color palette to use for the button\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * When true, the component will pass props to its child component\n   */\n  asChild?: boolean\n\n  /**\n   * The content to display\n   */\n  children?: React.ReactNode\n}\n\nexport const Button = styled(\n  ark.button,\n  button\n) as React.ForwardRefExoticComponent<ButtonProps>\n\nButton.displayName = 'Button'\n"]}