@scalar/api-reference 0.2.0 → 0.3.0

package/src/components/Icon/solid/mail-chat-bubble-square.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M8.5,0h-7A1.5,1.5,0,0,0,0,1.5v5A1.5,1.5,0,0,0,1.5,8H2V9.5a.5.5,0,0,0,.283.451A.508.508,0,0,0,2.5,10a.5.5,0,0,0,.312-.109L5.176,8H8.5A1.5,1.5,0,0,0,10,6.5v-5A1.5,1.5,0,0,0,8.5,0Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+</svg>

package/src/components/Icon/solid/mail-send-email-paper-airplane.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M11.8214 0.0977942C12.1097 -0.00745677 12.4219 -0.0286524 12.7219 0.0367783C13.0248 0.102864 13.3024 0.254542 13.5216 0.47378C13.7408 0.693018 13.8925 0.970598 13.9586 1.27352C14.024 1.57344 14.0028 1.88572 13.8976 2.17395L10.3236 12.8859L10.3234 12.8866C10.2363 13.1501 10.083 13.3868 9.8781 13.574C9.6738 13.7606 9.42509 13.8918 9.15572 13.9549C8.8863 14.0206 8.60441 14.0151 8.33774 13.9389C8.07131 13.8628 7.82926 13.7187 7.63529 13.5209L5.71795 11.6124L3.70389 12.6538C3.54684 12.7351 3.35857 12.7273 3.20874 12.6334C3.05892 12.5395 2.96981 12.3735 2.9744 12.1967L3.05697 9.013L10.1019 3.8956C10.3812 3.69273 10.4432 3.30188 10.2403 3.02261C10.0374 2.74333 9.64659 2.68139 9.36731 2.88425L2.20283 8.08846L0.473125 6.35875L0.473067 6.3587L0.472941 6.35857C0.285618 6.17138 0.147716 5.9406 0.0716193 5.68694C-0.00393616 5.43509 -0.0162115 5.16853 0.0358379 4.91085C0.0879545 4.62934 0.213796 4.36664 0.400577 4.14957C0.588637 3.93101 0.83165 3.76664 1.1045 3.67345L1.10787 3.6723L1.10787 3.67231L11.8214 0.0977942Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/mail-send-envelope.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M11.11 14.56a1.27 1.27 0 0 0 1.77 0l9.69-9.69a.5.5 0 0 0 .12-.51.51.51 0 0 0-.4-.34L22 4H1.71a.5.5 0 0 0-.4.34.48.48 0 0 0 .12.51Z" fill="currentColor"></path><path d="M23.89 5.83a.18.18 0 0 0-.2 0l-6.2 6.2a.24.24 0 0 0 0 .36l5 5a.75.75 0 0 1-1.06 1.06l-5-5a.25.25 0 0 0-.36 0l-2.13 2.13a2.76 2.76 0 0 1-3.89 0l-2.12-2.09a.24.24 0 0 0-.36 0l-5 5a.75.75 0 0 1-1.06-1.06l5-5a.24.24 0 0 0 0-.36l-6.2-6.2a.18.18 0 0 0-.2 0A.18.18 0 0 0 0 6v12a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V6a.18.18 0 0 0-.11-.17Z" fill="currentColor"></path></g></svg>

package/src/components/Icon/solid/mail-sign-hashtag.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M11.1775 0.0909653C11.5843 0.169188 11.8506 0.562345 11.7724 0.969106L11.2591 3.63851H13.1725C13.5868 3.63851 13.9225 3.97429 13.9225 4.38851C13.9225 4.80272 13.5868 5.13851 13.1725 5.13851H10.9706L10.2546 8.86147H13.1725C13.5868 8.86147 13.9225 9.19725 13.9225 9.61147C13.9225 10.0257 13.5868 10.3615 13.1725 10.3615H9.96618L9.39834 13.3142C9.32012 13.721 8.92696 13.9873 8.5202 13.9091C8.11344 13.8309 7.84711 13.4377 7.92533 13.031L8.43869 10.3615H4.74325L4.17541 13.3142C4.09719 13.721 3.70403 13.9873 3.29727 13.9091C2.89051 13.8309 2.62418 13.4377 2.7024 13.031L3.21576 10.3615H0.827423C0.41321 10.3615 0.0774231 10.0257 0.0774231 9.61147C0.0774231 9.19725 0.41321 8.86147 0.827423 8.86147H3.50422L4.22018 5.13851H0.827423C0.41321 5.13851 0.0774231 4.80272 0.0774231 4.38851C0.0774231 3.97429 0.41321 3.63851 0.827423 3.63851H4.50864L5.07646 0.685835C5.15468 0.279074 5.54784 0.0127422 5.9546 0.0909653C6.36136 0.169188 6.62769 0.562345 6.54947 0.969106L6.03612 3.63851H9.73157L10.2994 0.685835C10.3776 0.279074 10.7708 0.0127422 11.1775 0.0909653ZM5.74766 5.13851L5.03171 8.86147H8.72715L9.44311 5.13851H5.74766Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/money-cashier-receipt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.6 1a3.56 3.56 0 0 0-2.23-.9H6.75a3.5 3.5 0 0 0-3.5 3.5v15.5a3.75 3.75 0 0 1-1.49 3l-.11.08a1 1 0 0 0-.35 1.12 1 1 0 0 0 1 .68h13a1 1 0 0 0 .6-.2l.11-.08a5.77 5.77 0 0 0 2.29-4.58v-9.8a.25.25 0 0 1 .25-.25h2.25a2 2 0 0 0 2-2v-3.5A3.51 3.51 0 0 0 21.6 1ZM6.75 14.32a.75.75 0 0 1 0-1.5h7.5a.75.75 0 0 1 0 1.5ZM12 17.57a.76.76 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h4.5a.75.75 0 0 1 .75.75Zm-6-12a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5A.76.76 0 0 1 6 5.57Zm8.25 4.75h-5.5a.75.75 0 0 1 0-1.5h5.5a.75.75 0 0 1 0 1.5Zm6.5-3.75a.5.5 0 0 1-.5.5H18.5a.25.25 0 0 1-.25-.25V3.71c0-.17 0-1.62 1-1.64a1.52 1.52 0 0 1 1 .39 1.49 1.49 0 0 1 .49 1.11Z" fill="currentColor"></path></svg>

package/src/components/Icon/solid/money-currency-dollar-pay.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M7.99997 1.06262C7.99997 0.510337 7.55225 0.0626221 6.99997 0.0626221C6.44768 0.0626221 5.99997 0.510337 5.99997 1.06262V2.373H5.52801C3.80505 2.36737 2.83921 3.78152 2.79581 5.06086C2.77651 5.63008 2.9283 6.23291 3.30814 6.73961C3.69651 7.25767 4.27763 7.61349 4.99639 7.74538C5.01327 7.74847 5.03022 7.75113 5.04723 7.75336L5.99997 7.87792V9.6273H4.27081C3.71852 9.6273 3.27081 10.075 3.27081 10.6273C3.27081 11.1796 3.71852 11.6273 4.27081 11.6273H5.99997V12.9377C5.99997 13.49 6.44769 13.9377 6.99997 13.9377C7.55225 13.9377 7.99997 13.49 7.99997 12.9377V11.6273H8.47182C10.1403 11.6328 11.0943 10.3518 11.1962 9.11291C11.2958 7.90195 10.6001 6.5479 9.00347 6.25493C8.9866 6.25183 8.96965 6.24917 8.95263 6.24695L7.99997 6.12239V4.373H9.72906C10.2813 4.373 10.7291 3.92529 10.7291 3.373C10.7291 2.82072 10.2813 2.373 9.72906 2.373H7.99997V1.06262ZM5.99997 4.373H5.52225C5.0985 4.37133 4.80859 4.71796 4.79466 5.12865C4.78272 5.48094 4.99836 5.70614 5.33567 5.77405L5.99997 5.8609V4.373ZM7.99997 8.13941V9.6273H8.47761C8.73757 9.62833 8.8922 9.53982 8.9923 9.43766C9.10552 9.32211 9.1866 9.14744 9.20291 8.94901C9.21854 8.75897 9.17123 8.59321 9.09164 8.47827C9.02411 8.38076 8.90417 8.275 8.6639 8.22622L8.69335 8.23007C8.6884 8.22929 8.68069 8.22799 8.67302 8.2267C8.65284 8.22329 8.6329 8.21993 8.6639 8.22622L7.99997 8.13941Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/money-graph-arrow-increase.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M1.8976 10.7776C1.50707 11.1682 0.873908 11.1682 0.483384 10.7776C0.0928596 10.3871 0.0928596 9.75394 0.483384 9.36342L3.81584 6.03097L3.8158 6.03093L3.82294 6.02393C4.09521 5.75706 4.46125 5.60758 4.84249 5.60758C5.22374 5.60758 5.58978 5.75706 5.86204 6.02393L5.86208 6.02389L5.86915 6.03097L7.57032 7.73214L9.91702 5.24969L8.87717 4.20984C8.66267 3.99534 8.59851 3.67275 8.71459 3.3925C8.83068 3.11224 9.10415 2.92951 9.4075 2.92951H13.0595C13.4737 2.92951 13.8095 3.2653 13.8095 3.67951V7.33151C13.8095 7.63486 13.6268 7.90834 13.3465 8.02442C13.0663 8.14051 12.7437 8.07634 12.5292 7.86184L11.3318 6.66446L8.62774 9.52493C8.61902 9.53416 8.61012 9.54323 8.60105 9.55212C8.32879 9.81899 7.96274 9.96847 7.5815 9.96847C7.20025 9.96847 6.83421 9.81899 6.56195 9.55212L6.56191 9.55215L6.55484 9.54508L4.84249 7.83274L1.8976 10.7776Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/money-graph-bar-chart-increase.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M1.25 17h3.5a.25.25 0 0 0 .25-.25v-2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a.25.25 0 0 0 .25.25Z" fill="currentColor"></path><path d="M8 8.75a1 1 0 0 0-1 1v7a.25.25 0 0 0 .25.25h3.5a.25.25 0 0 0 .25-.25v-7a1 1 0 0 0-1-1Z" fill="currentColor"></path><path d="M14 10.75a1 1 0 0 0-1 1v5a.25.25 0 0 0 .25.25h3.5a.25.25 0 0 0 .25-.25v-5a1 1 0 0 0-1-1Z" fill="currentColor"></path><path d="M19.25 17h3.5a.25.25 0 0 0 .25-.25v-12a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v12a.25.25 0 0 0 .25.25Z" fill="currentColor"></path><path d="M1 20.25h22a1 1 0 0 0 1-1 1 1 0 0 0-.56-.9 1.05 1.05 0 0 0-.44-.1H1a1.05 1.05 0 0 0-.44.1 1 1 0 0 0-.56.9 1 1 0 0 0 1 1Z" fill="currentColor"></path></g></svg>

package/src/components/Icon/solid/nature-ecology-leaf.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M3.237,3.26C3.4,2.949,7.548,5.869,9.308,8.382a.176.176,0,0,0,.311-.047c.365-1.117.99-3.922-1.082-5.854C6.7.768,3.268.3,1.385.166A1.279,1.279,0,0,0,.013,1.638C.273,3.506.983,6.9,2.822,8.611A4.59,4.59,0,0,0,6.047,9.837a6.846,6.846,0,0,0,1.711-.231.258.258,0,0,0,.176-.161A.255.255,0,0,0,7.9,9.209C6.486,7.227,3.1,3.519,3.237,3.26Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+</svg>

package/src/components/Icon/solid/phone-telephone.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M9.638,7.146l-1.3-1.3a1.266,1.266,0,0,0-1.75,0,.238.238,0,0,1-.337,0L4.159,3.755a.239.239,0,0,1,0-.336,1.237,1.237,0,0,0,0-1.751l-1.3-1.3a1.24,1.24,0,0,0-1.75,0L.8.674a2.715,2.715,0,0,0-.367,3.38,20.387,20.387,0,0,0,5.519,5.52,2.729,2.729,0,0,0,3.381-.368l.31-.309A1.241,1.241,0,0,0,9.638,7.146Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+</svg>

package/src/components/Icon/solid/programming-bug.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M10.1346 1.71063C10.1347 1.29642 9.79903 0.960522 9.38481 0.960388C8.9706 0.960255 8.63471 1.29593 8.63457 1.71015C8.63448 1.99825 8.55824 2.28122 8.41357 2.53037C8.30374 2.71951 8.15745 2.88406 7.9839 3.01488C7.66564 2.95216 7.33666 2.91928 7.00001 2.91928C6.66337 2.91928 6.33441 2.95216 6.01617 3.01487C5.84263 2.88405 5.69634 2.71951 5.58652 2.53037C5.44185 2.28122 5.36561 1.99825 5.36551 1.71015C5.36538 1.29593 5.02948 0.960255 4.61527 0.960388C4.20106 0.960522 3.86538 1.29642 3.86551 1.71063C3.86569 2.26313 4.0119 2.80577 4.28933 3.28357C4.35012 3.38826 4.41673 3.48901 4.48874 3.58542C4.01125 3.8589 3.58261 4.20797 3.21912 4.61631C2.99273 4.44878 2.74883 4.30483 2.49112 4.18724C1.95972 3.94478 1.38218 3.82013 0.798084 3.82183C0.383873 3.82303 0.0490642 4.15979 0.0502689 4.574C0.0514737 4.98821 0.388235 5.32302 0.802447 5.32182C1.17022 5.32075 1.53387 5.39924 1.86846 5.5519C2.05754 5.63818 2.23482 5.74699 2.3966 5.87557C2.2123 6.27818 2.07926 6.70916 2.00584 7.16016H0.800266C0.386052 7.16016 0.0502658 7.49594 0.0502658 7.91016C0.0502658 8.32437 0.386052 8.66016 0.800266 8.66016H1.98525C2.04747 9.12294 2.17226 9.56591 2.35082 9.98025C2.20156 10.0934 2.03986 10.1902 1.86846 10.2684C1.53387 10.421 1.17022 10.4995 0.802447 10.4985C0.388235 10.4973 0.0514737 10.8321 0.0502689 11.2463C0.0490642 11.6605 0.383873 11.9972 0.798084 11.9984C1.38218 12.0001 1.95972 11.8755 2.49112 11.633C2.72096 11.5282 2.93982 11.4023 3.14507 11.2575C4.07322 12.3479 5.45584 13.0396 7.00001 13.0396C8.54419 13.0396 9.92681 12.3479 10.855 11.2575C11.0602 11.4023 11.2791 11.5282 11.5089 11.633C12.0403 11.8755 12.6179 12.0001 13.202 11.9984C13.6162 11.9972 13.951 11.6605 13.9498 11.2463C13.9486 10.8321 13.6118 10.4973 13.1976 10.4985C12.8298 10.4995 12.4662 10.421 12.1316 10.2684C11.9602 10.1902 11.7985 10.0934 11.6492 9.98024C11.8278 9.5659 11.9525 9.12294 12.0148 8.66016H13.1998C13.614 8.66016 13.9498 8.32437 13.9498 7.91016C13.9498 7.49594 13.614 7.16016 13.1998 7.16016H11.9942C11.9208 6.70917 11.7877 6.27819 11.6034 5.87558C11.7652 5.74699 11.9425 5.63818 12.1316 5.5519C12.4662 5.39924 12.8298 5.32075 13.1976 5.32182C13.6118 5.32302 13.9486 4.98821 13.9498 4.574C13.951 4.15979 13.6162 3.82303 13.202 3.82183C12.6179 3.82013 12.0403 3.94478 11.5089 4.18724C11.2512 4.30483 11.0073 4.44879 10.7809 4.61632C10.4174 4.20799 9.9888 3.85893 9.51133 3.58545C9.58334 3.48903 9.64996 3.38827 9.71075 3.28357C9.98818 2.80577 10.1344 2.26313 10.1346 1.71063ZM7.00001 4.41928C8.42373 4.41928 9.65226 5.25499 10.2218 6.46262H3.77822C4.34776 5.25499 5.57629 4.41928 7.00001 4.41928Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/programming-cloud.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.5,3.5a2.473,2.473,0,0,0-.78.125A3.5,3.5,0,1,0,3.5,8.5h4a2.5,2.5,0,0,0,0-5Z" fill="currentColor"
+        stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+</svg>

package/src/components/Icon/solid/programming-computer-database-server.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M1.5 0.0192719C0.671573 0.0192719 0 0.690845 0 1.51927V3.17811C0 4.00653 0.671573 4.67811 1.5 4.67811H12.5C13.3284 4.67811 14 4.00653 14 3.17811V1.51927C14 0.690845 13.3284 0.0192719 12.5 0.0192719H1.5ZM0 7.41718C0 6.58875 0.671573 5.91718 1.5 5.91718H12.5C13.3284 5.91718 14 6.58875 14 7.41718V9.07601C14 9.90444 13.3284 10.576 12.5 10.576H7.75V12.4868H12C12.4142 12.4868 12.75 12.8226 12.75 13.2368C12.75 13.651 12.4142 13.9868 12 13.9868H7H2C1.58579 13.9868 1.25 13.651 1.25 13.2368C1.25 12.8226 1.58579 12.4868 2 12.4868H6.25V10.576H1.5C0.671573 10.576 0 9.90444 0 9.07601V7.41718ZM4.70557 2.34868C4.70557 2.0035 4.98539 1.72368 5.33057 1.72368H7.33057C7.67574 1.72368 7.95557 2.0035 7.95557 2.34868C7.95557 2.69386 7.67574 2.97368 7.33057 2.97368H5.33057C4.98539 2.97368 4.70557 2.69386 4.70557 2.34868ZM5.33057 7.62158C4.98539 7.62158 4.70557 7.9014 4.70557 8.24658C4.70557 8.59176 4.98539 8.87158 5.33057 8.87158H7.33057C7.67574 8.87158 7.95557 8.59176 7.95557 8.24658C7.95557 7.9014 7.67574 7.62158 7.33057 7.62158H5.33057ZM1.62933 2.34868C1.62933 2.83193 2.02108 3.22368 2.50433 3.22368C2.98758 3.22368 3.37933 2.83193 3.37933 2.34868C3.37933 1.86543 2.98758 1.47368 2.50433 1.47368C2.02108 1.47368 1.62933 1.86543 1.62933 2.34868ZM1.62933 8.24658C1.62933 8.72983 2.02108 9.12158 2.50433 9.12158C2.98758 9.12158 3.37933 8.72983 3.37933 8.24658C3.37933 7.76333 2.98758 7.37158 2.50433 7.37158C2.02108 7.37158 1.62933 7.76333 1.62933 8.24658Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/programming-computer-database.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M0.551514 2.27783C0.551514 2.12295 0.628534 1.90984 0.908718 1.64846C1.18986 1.38619 1.63069 1.12123 2.22768 0.885674C3.41794 0.416028 5.10495 0.111832 6.99996 0.111832C8.89497 0.111832 10.582 0.416028 11.7722 0.885674C12.3692 1.12123 12.8101 1.38619 13.0912 1.64846C13.3714 1.90984 13.4484 2.12295 13.4484 2.27783C13.4484 2.4327 13.3714 2.64582 13.0912 2.90719C12.8101 3.16946 12.3692 3.43442 11.7722 3.66998C10.582 4.13963 8.89497 4.44382 6.99996 4.44382C5.10495 4.44382 3.41794 4.13963 2.22768 3.66998C1.63069 3.43442 1.18986 3.16946 0.908718 2.90719C0.628534 2.64582 0.551514 2.4327 0.551514 2.27783ZM13.5121 4.16708C13.1448 4.4223 12.7095 4.64394 12.231 4.83274C10.8612 5.37323 9.01151 5.69382 6.99996 5.69382C4.98841 5.69382 3.1387 5.37323 1.76888 4.83274C1.29043 4.64395 0.855157 4.42233 0.487915 4.16712V7.34493C0.543884 7.42983 0.623381 7.52294 0.734108 7.62362C1.0241 7.8873 1.47858 8.15348 2.09315 8.38991C3.31814 8.86116 5.05276 9.16599 7 9.16599C8.94723 9.16599 10.6819 8.86116 11.9068 8.38991C12.5214 8.15348 12.9759 7.8873 13.2659 7.62362C13.3766 7.52295 13.4561 7.42984 13.5121 7.34494V4.16708ZM0.487915 11.209V8.99273C0.829079 9.20555 1.22004 9.39333 1.64435 9.55656C3.04569 10.0957 4.93936 10.416 7 10.416C9.06063 10.416 10.9543 10.0957 12.3556 9.55656C12.7799 9.39333 13.1709 9.20556 13.5121 8.99273V11.209C13.5121 12.7496 10.5967 14 6.99999 14C3.40332 14 0.487915 12.7496 0.487915 11.209Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/programming-module-four-layout.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path fill="currentColor" d="M1.5 0h8S11 0 11 1.5v8S11 11 9.5 11h-8S0 11 0 9.5v-8S0 0 1.5 0"></path><path fill="currentColor" d="M14.5 0h8S24 0 24 1.5v8s0 1.5-1.5 1.5h-8S13 11 13 9.5v-8S13 0 14.5 0"></path><path fill="currentColor" d="M1.5 13h8s1.5 0 1.5 1.5v8S11 24 9.5 24h-8S0 24 0 22.5v-8S0 13 1.5 13"></path><path fill="currentColor" d="M14.5 13h8s1.5 0 1.5 1.5v8s0 1.5-1.5 1.5h-8S13 24 13 22.5v-8s0-1.5 1.5-1.5"></path></g></svg>

package/src/components/Icon/solid/programming-module-three.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M8.25 11.25h7.5A1.76 1.76 0 0 0 17.5 9.5V2A1.76 1.76 0 0 0 15.75.25h-7.5A1.76 1.76 0 0 0 6.5 2v7.5a1.76 1.76 0 0 0 1.75 1.75ZM8.75 5V4a1.5 1.5 0 0 1 1.5-1.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 1-1 0Z" fill="currentColor"></path><path d="M9.25 12.75h-7.5A1.76 1.76 0 0 0 0 14.5V22a1.76 1.76 0 0 0 1.75 1.75h7.5A1.76 1.76 0 0 0 11 22v-7.5a1.76 1.76 0 0 0-1.75-1.75Zm-4 2.75a.5.5 0 0 1-.5.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 1-1 0v-1a1.5 1.5 0 0 1 1.5-1.5h1a.5.5 0 0 1 .5.5Z" fill="currentColor"></path><path d="M22.25 12.75h-7.5A1.76 1.76 0 0 0 13 14.5V22a1.76 1.76 0 0 0 1.75 1.75h7.5A1.76 1.76 0 0 0 24 22v-7.5a1.76 1.76 0 0 0-1.75-1.75Zm-4 2.75a.5.5 0 0 1-.5.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 1-1 0v-1a1.5 1.5 0 0 1 1.5-1.5h1a.5.5 0 0 1 .5.5Z" fill="currentColor"></path></g></svg>

package/src/components/Icon/solid/programming-module.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.51 4.43a2.39 2.39 0 0 0-1-.63L12.6.1h-.1a2.11 2.11 0 0 0-1 0h-.1l-10 3.7a2.39 2.39 0 0 0-.95.63A2 2 0 0 0 0 5.72v12.55a2 2 0 0 0 1.31 1.87l10 3.74A2.07 2.07 0 0 0 12 24a2.24 2.24 0 0 0 .67-.11l10-3.75A2 2 0 0 0 24 18.25V5.72a2 2 0 0 0-.49-1.29ZM12 2l8 3-8 2.9L4 5ZM2 6.37l9 3.3v12l-9-3.4Z" fill="currentColor"></path></svg>

package/src/components/Icon/solid/programming-script-code.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M10.4758 2.89318C10.0985 2.48989 9.46568 2.46884 9.06239 2.84617C8.6591 3.2235 8.63806 3.85631 9.01539 4.2596L11.5794 6.99999L9.01539 9.74037C8.63806 10.1437 8.6591 10.7765 9.06239 11.1538C9.46568 11.5311 10.0985 11.5101 10.4758 11.1068L13.679 7.6832C14.0387 7.29874 14.0387 6.70123 13.679 6.31678L10.4758 2.89318ZM4.98463 4.25963C5.36196 3.85634 5.34091 3.22353 4.93762 2.8462C4.53433 2.46887 3.90152 2.48992 3.52419 2.89321L0.320988 6.31681C-0.0387181 6.70126 -0.0387181 7.29877 0.320988 7.68323L3.52419 11.1068C3.90152 11.5101 4.53433 11.5312 4.93762 11.1538C5.34091 10.7765 5.36196 10.1437 4.98463 9.7404L2.42066 7.00002L4.98463 4.25963Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/Icon/solid/shopping-cart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.66 6.76a1 1 0 0 0-1-1.26H5.55a.26.26 0 0 1-.25-.2l-.57-2.72A3.26 3.26 0 0 0 1.55 0a1.25 1.25 0 0 0 0 2.5.75.75 0 0 1 .73.59l3.17 15.08a3.25 3.25 0 0 0 1.24 1.93.26.26 0 0 1 .1.19.25.25 0 0 1-.09.2A2 2 0 1 0 10 22a2 2 0 0 0-.21-.89.23.23 0 0 1 0-.24.25.25 0 0 1 .21-.12h6a.25.25 0 0 1 .22.12.25.25 0 0 1 0 .24A1.91 1.91 0 0 0 16 22a2 2 0 0 0 4 0 2 2 0 0 0-.22-.9.29.29 0 0 1 0-.24.25.25 0 0 1 .21-.11 1.25 1.25 0 1 0 0-2.5H8.63a.75.75 0 0 1-.73-.59l-.18-.86a.23.23 0 0 1 0-.21.25.25 0 0 1 .28-.09h10.72a3 3 0 0 0 2.89-2.21Z" fill="currentColor"></path></svg>

package/src/components/Icon/solid/shopping-gift-present.svg

@@ -0,0 +1,16 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M4.488,3.12a.25.25,0,0,0-.25-.25H1.5a1,1,0,0,0-1,.989V4.882a.994.994,0,0,0,1,.988H4.242a.249.249,0,0,0,.25-.25Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+    <path
+        d="M9.5,3.859a1,1,0,0,0-1-.989H5.738a.252.252,0,0,0-.177.074.249.249,0,0,0-.073.177l0,2.5a.249.249,0,0,0,.25.249H8.5a.994.994,0,0,0,1-.988Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+    <path
+        d="M4.5,7.12a.251.251,0,0,0-.25-.25H1.5a.5.5,0,0,0-.5.5V8.882A.994.994,0,0,0,2,9.87H4.249A.251.251,0,0,0,4.426,9.8.255.255,0,0,0,4.5,9.62Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+    <path
+        d="M5.745,6.87a.25.25,0,0,0-.177.074.245.245,0,0,0-.073.177l0,2.5a.249.249,0,0,0,.25.249H8a.994.994,0,0,0,1-.988V7.37a.5.5,0,0,0-.5-.5Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+    <path d="M6.8.23a.5.5,0,0,0-.7.1L5,1.8,3.9.33a.5.5,0,0,0-.8.6l1.5,2a.5.5,0,0,0,.8,0l1.5-2A.5.5,0,0,0,6.8.23Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+</svg>

package/src/components/Icon/solid/shopping-shipping-box-parcel-package.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M9.429,2.75A.251.251,0,0,0,9.657,2.4L8.836.552A1,1,0,0,0,7.941,0H5.75A.25.25,0,0,0,5.5.25V2.5a.25.25,0,0,0,.25.25Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+    <path
+        d="M4.25,2.75A.25.25,0,0,0,4.5,2.5V.25A.25.25,0,0,0,4.25,0H2.059a1,1,0,0,0-.905.573L.344,2.4a.247.247,0,0,0,.018.237.251.251,0,0,0,.21.114Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+    <path
+        d="M9.75,3.75H.25A.25.25,0,0,0,0,4V8.5A1.5,1.5,0,0,0,1.5,10h7A1.5,1.5,0,0,0,10,8.5V4A.25.25,0,0,0,9.75,3.75Zm-2,4.375H6.5a.625.625,0,0,1,0-1.25H7.75a.625.625,0,0,1,0,1.25Z"
+        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
+</svg>

package/src/components/Icon/solid/tag-new-circle.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <g>
+        <path fill="currentColor" fill-rule="evenodd"
+            d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM5.46623 5.1152C5.55999 5.02143 5.68717 4.96875 5.81978 4.96875H7.65939C7.93553 4.96875 8.15939 5.19261 8.15939 5.46875C8.15939 5.74489 7.93553 5.96875 7.65939 5.96875H6.31978V6.37244H7.42944C7.70558 6.37244 7.92944 6.59629 7.92944 6.87244C7.92944 7.14858 7.70558 7.37244 7.42944 7.37244H6.31978V8.03125H7.65939C7.93553 8.03125 8.15939 8.25511 8.15939 8.53125C8.15939 8.80739 7.93553 9.03125 7.65939 9.03125H5.81978C5.54364 9.03125 5.31978 8.80739 5.31978 8.53125V6.87244V5.46875C5.31978 5.33614 5.37246 5.20896 5.46623 5.1152ZM1.88323 4.9902C2.09411 4.92635 2.32193 5.00807 2.44415 5.1914L3.56979 6.87986V5.46875C3.56979 5.19261 3.79365 4.96875 4.06979 4.96875C4.34593 4.96875 4.56979 5.19261 4.56979 5.46875V8.53125C4.56979 8.75158 4.42556 8.94595 4.21468 9.0098C4.0038 9.07365 3.77598 8.99193 3.65376 8.8086L2.52812 7.12014V8.53125C2.52812 8.80739 2.30426 9.03125 2.02812 9.03125C1.75198 9.03125 1.52812 8.80739 1.52812 8.53125V5.46875C1.52812 5.24842 1.67235 5.05405 1.88323 4.9902ZM11.3229 9.03125C11.6473 9.03125 11.9241 8.79676 11.9774 8.47682L12.4651 5.55095C12.5105 5.27856 12.3265 5.02095 12.0541 4.97555C11.7817 4.93016 11.5241 5.11417 11.4787 5.38655L11.2094 7.00229L10.998 6.38738C10.9162 6.14938 10.6923 5.98958 10.4406 5.98958C10.189 5.98958 9.96505 6.14938 9.88324 6.38738L9.67186 7.00229L9.40257 5.38655C9.35718 5.11417 9.09956 4.93016 8.82718 4.97556C8.55479 5.02095 8.37078 5.27857 8.41618 5.55095L8.90383 8.47682C8.95715 8.79676 9.23396 9.03125 9.55831 9.03125C9.84162 9.03125 10.0937 8.85136 10.1858 8.58343L10.4406 7.84206L10.6955 8.58343C10.7876 8.85136 11.0396 9.03125 11.3229 9.03125Z"
+            clip-rule="evenodd"></path>
+    </g>
+</svg>

package/src/components/Icon/solid/travel-map-earth-globe.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <path fill="currentColor" fill-rule="evenodd"
+        d="M1.50226 6.99999C1.50226 3.96368 3.96368 1.50226 6.99999 1.50226C7.78361 1.50226 8.52894 1.66621 9.20354 1.96167V2.23813C9.20354 2.68368 9.02655 3.11098 8.7115 3.42603C8.39645 3.74108 7.96915 3.91808 7.5236 3.91808C7.29823 3.91795 7.07515 3.96318 6.86762 4.05105C6.6601 4.13893 6.47237 4.26767 6.31563 4.42959C6.15888 4.59152 6.03632 4.78333 5.95523 4.9936C5.87415 5.20388 5.83621 5.42832 5.84366 5.65356V7.04194C5.84366 7.26256 5.8002 7.48101 5.71578 7.68483C5.63135 7.88865 5.50761 8.07385 5.35161 8.22984C5.19561 8.38584 5.01042 8.50959 4.8066 8.59401C4.60278 8.67844 4.38432 8.72189 4.16371 8.72189H2.46988H1.7773C1.59883 8.18025 1.50226 7.6014 1.50226 6.99999ZM9.71406 11.7822C10.8973 11.1092 11.8063 10.0098 12.2321 8.69311L12.0961 8.5934C11.6577 8.36683 11.1726 8.24555 10.6791 8.23917H8.80677C8.42317 8.274 8.06645 8.45101 7.8067 8.73543C7.54694 9.01984 7.40292 9.39111 7.40292 9.77629C7.40292 10.1615 7.54694 10.5327 7.8067 10.8171C8.06645 11.1016 8.42317 11.2786 8.80677 11.3134C8.95071 11.3117 9.09355 11.3386 9.22702 11.3926C9.36049 11.4465 9.48192 11.5264 9.5843 11.6276C9.63237 11.6751 9.67579 11.7269 9.71406 11.7822ZM6.99999 0.0022583C3.13525 0.0022583 0.0022583 3.13525 0.0022583 6.99999C0.0022583 10.8647 3.13525 13.9977 6.99999 13.9977C10.8647 13.9977 13.9977 10.8647 13.9977 6.99999C13.9977 3.13525 10.8647 0.0022583 6.99999 0.0022583Z"
+        clip-rule="evenodd"></path>
+</svg>

package/src/components/SearchModal.vue

@@ -0,0 +1,305 @@
+<script setup lang="ts">
+import { type ParamMap, useOperation } from '@scalar/api-client'
+import { useKeyboardEvent } from '@scalar/use-keyboard-event'
+import Fuse from 'fuse.js'
+import { computed, nextTick, ref, toRef, watch } from 'vue'
+
+import { extractRequestBody } from '../helpers/specHelpers'
+import { useTemplateStore } from '../stores/template'
+import type { Spec } from '../types'
+import FlowModal, { useModalState } from './FlowModal.vue'
+
+const props = defineProps<{ spec: Spec }>()
+const reactiveSpec = toRef(props, 'spec')
+const modalState = useModalState()
+
+type FuseData = {
+  title: string
+  operationId?: string
+  description: string
+  body?: string | string[] | ParamMap
+  httpVerb?: string
+  path?: string
+  tag?: string
+}
+
+let fuseDataArray: FuseData[] = []
+const searchResults = ref<Fuse.FuseResult<FuseData>[]>([])
+const selectedSearchResult = ref<number>(0)
+const searchText = ref<string>('')
+const searchModalRef = ref<HTMLElement | null>(null)
+
+const fuse = new Fuse(fuseDataArray, {
+  keys: ['title', 'description', 'body'],
+})
+
+const { state, setItem, setCollapsedSidebarItem } = useTemplateStore()
+
+const fuseSearch = (): void => {
+  selectedSearchResult.value = 0
+  searchResults.value = fuse.search(searchText.value)
+}
+
+watch(
+  () => state.showSearch,
+  () => {
+    if (state.showSearch) {
+      searchText.value = ''
+      selectedSearchResult.value = 0
+      searchResults.value = []
+      modalState.show()
+    } else {
+      modalState.hide()
+    }
+  },
+)
+
+watch(
+  () => modalState.open,
+  () => {
+    if (!modalState.open) {
+      setItem('showSearch', false)
+    }
+  },
+)
+
+async function openSearchResult(entry: Fuse.FuseResult<FuseData>) {
+  const tag = entry.item.tag
+  const operation = entry.item.operationId
+
+  if (!tag) {
+    return
+  }
+
+  setCollapsedSidebarItem(tag, true)
+
+  modalState.hide()
+  await nextTick()
+
+  const elementId = operation ? `endpoint/${operation}` : `tag/${tag}`
+  const element = document.getElementById(elementId)
+  element?.scrollIntoView()
+}
+
+watch(reactiveSpec.value, () => {
+  fuseDataArray = []
+
+  if (!props.spec.tags.length) {
+    fuse.setCollection([])
+    return
+  }
+
+  // TODO: We need to go through the operations, not the tags. Spec files can have zero tags.
+  props.spec.tags.forEach((tag) => {
+    const tagData = {
+      title: tag.name,
+      description: tag.description,
+      tag: tag.name,
+      body: '',
+    }
+    fuseDataArray.push(tagData)
+
+    if (tag.operations) {
+      tag.operations.forEach((operation) => {
+        const { parameterMap } = useOperation({ operation })
+        const bodyData = extractRequestBody(operation) || parameterMap.value
+        let body = null
+        if (typeof bodyData !== 'boolean') {
+          body = bodyData
+        }
+        const operationData: FuseData = {
+          title: operation.name,
+          operationId: operation.operationId,
+          description: operation.description,
+          httpVerb: operation.httpVerb,
+          path: operation.path,
+          tag: tag.name,
+        }
+
+        if (body) {
+          operationData.body = body
+        }
+
+        fuseDataArray.push(operationData)
+      })
+    }
+  })
+
+  fuse.setCollection(fuseDataArray)
+})
+
+useKeyboardEvent({
+  element: searchModalRef,
+  keyList: ['enter'],
+  active: () => modalState.open,
+  handler: () => {
+    openSearchResult(
+      searchResultsWithPlaceholderResults.value[selectedSearchResult.value],
+    )
+  },
+})
+
+useKeyboardEvent({
+  element: searchModalRef,
+  keyList: ['ArrowDown'],
+  active: () => modalState.open,
+  handler: () => {
+    if (
+      selectedSearchResult.value <
+      searchResultsWithPlaceholderResults.value.length - 1
+    ) {
+      selectedSearchResult.value++
+    } else {
+      selectedSearchResult.value = 0
+    }
+  },
+})
+
+useKeyboardEvent({
+  element: searchModalRef,
+  keyList: ['ArrowUp'],
+  active: () => modalState.open,
+  handler: () => {
+    if (selectedSearchResult.value > 0) {
+      selectedSearchResult.value--
+    } else {
+      selectedSearchResult.value =
+        searchResultsWithPlaceholderResults.value.length - 1
+    }
+  },
+})
+
+const searchResultsWithPlaceholderResults = computed(
+  (): Fuse.FuseResult<FuseData>[] => {
+    if (searchText.value.length === 0) {
+      return fuseDataArray.map((item) => {
+        return {
+          item: item,
+        } as Fuse.FuseResult<FuseData>
+      })
+    }
+
+    return searchResults.value
+  },
+)
+</script>
+<template>
+  <FlowModal :state="modalState">
+    <div ref="searchModalRef">
+      <input
+        v-model="searchText"
+        class="ref-search-input"
+        placeholder="Search …"
+        type="text"
+        @input="fuseSearch" />
+    </div>
+    <div v-if="searchResultsWithPlaceholderResults.length">
+      <button
+        v-for="(entry, index) in searchResultsWithPlaceholderResults"
+        :key="entry.refIndex"
+        class="item-entry"
+        :class="{
+          'item-entry--active': index === selectedSearchResult,
+        }"
+        type="submit"
+        @click="openSearchResult(entry)">
+        <div
+          v-if="entry.item.title || entry.item.operationId"
+          class="item-entry-title">
+          {{ entry.item.title || entry.item.operationId }}
+        </div>
+        <div
+          v-if="entry.item.httpVerb || entry.item.path"
+          class="item-entry-request">
+          <div
+            class="item-entry-http-verb"
+            :class="`item-entry-http-verb--${entry.item.httpVerb}`">
+            {{ entry.item.httpVerb }}
+          </div>
+          <div class="item-entry-path">
+            {{ entry.item.path }}
+          </div>
+        </div>
+        <div v-else-if="entry.item.description">
+          {{ entry.item.description }}
+        </div>
+      </button>
+    </div>
+  </FlowModal>
+</template>
+<style scoped>
+/** Input */
+.ref-search-input {
+  width: 100%;
+  background: transparent;
+  padding: 12px;
+  font-size: 13px;
+  outline: none;
+  border: 1px solid var(--theme-border-color);
+  border-radius: var(--theme-radius);
+  color: var(--theme-color-1);
+  font-weight: var(--theme-semibold);
+  font-size: var(--theme-font-size-3);
+  appearance: none;
+  margin-bottom: 12px;
+}
+.ref-search-input::-webkit-input-placeholder,
+.ref-search-input::placeholder {
+  color: var(--theme-color-3);
+  font-family: var(--theme-font);
+  font-weight: var(--theme-regular);
+}
+/** Results */
+.item-entry {
+  appearance: none;
+  background: transparent;
+  border: none;
+  outline: none;
+  padding: 6px 12px;
+  width: 100%;
+  font-size: var(--theme-font-size-3);
+  text-align: left;
+  border-radius: var(--theme-radius);
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.item-entry--active {
+  background: var(--theme-background-2);
+  box-shadow: 0 0 0 1px var(--theme-background-2);
+}
+.item-entry:hover {
+  background: var(--theme-background-2);
+  box-shadow: 0 0 0 1px var(--theme-background-2);
+}
+
+.item-entry-title {
+  font-weight: var(--theme-semibold);
+}
+.item-entry-request {
+  display: flex;
+  gap: 3px;
+  font-family: var(--theme-font-code);
+}
+.item-entry-http-verb {
+  text-transform: uppercase;
+}
+.item-entry-http-verb--post {
+  color: var(--theme-post-color);
+}
+.item-entry-http-verb--patch {
+  color: var(--theme-patch-color);
+}
+.item-entry-http-verb--get {
+  color: var(--theme-get-color);
+}
+.item-entry-http-verb--delete {
+  color: var(--theme-delete-color);
+}
+.item-entry-http-verb--put {
+  color: var(--theme-put-color);
+}
+.item-entry-path {
+  color: var(--theme-color-3);
+}
+</style>