pukaad-ui-lib 1.2.0 → 1.3.2

package/dist/runtime/assets/svg/socials/Youtube.svg

@@ -1,5 +1,5 @@
-<svg width="198" height="198" viewBox="0 0 198 198" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M197.895 98.5763C197.895 44.1743 153.807 0.0727539 99.4209 0.0727539C45.0349 0.0727539 0.946289 44.1743 0.946289 98.5763C0.946289 152.978 45.0349 197.08 99.4209 197.08C153.807 197.08 197.895 152.978 197.895 98.5763Z" fill="#FF0209"/>
-<path d="M141.223 142.204C138.289 142.523 135.286 142.578 132.407 142.571C109.953 142.55 87.4982 142.53 65.0506 142.516C57.9856 142.516 50.2909 142.287 44.8312 137.795C38.6796 132.721 37.3995 123.924 36.9013 115.964C36.2093 105.055 36.1539 94.1118 36.7213 83.1962C37.0327 77.2019 37.5794 71.0623 40.1604 65.6357C42.0149 61.7387 45.108 58.2363 49.0661 56.3951C53.6677 54.2563 58.4839 54.637 63.4384 54.6301C75.2988 54.6162 87.1592 54.6093 99.0196 54.5955C111.351 54.5816 123.688 54.5747 136.019 54.5609C141.846 54.5609 148.101 54.6785 152.855 58.0494C158.993 62.3963 160.66 70.6678 161.429 78.1502C162.847 91.9314 162.868 105.858 161.484 119.639C160.91 125.322 159.955 131.33 156.211 135.642C152.502 139.92 147.001 141.567 141.23 142.197L141.223 142.204Z" fill="white"/>
-<path d="M119.502 98.5764L86.0382 79.2508V117.902L119.502 98.5764Z" fill="#FF0209"/>
-</svg>
+<svg width="198" height="198" viewBox="0 0 198 198" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M197.895 98.5763C197.895 44.1743 153.807 0.0727539 99.4209 0.0727539C45.0349 0.0727539 0.946289 44.1743 0.946289 98.5763C0.946289 152.978 45.0349 197.08 99.4209 197.08C153.807 197.08 197.895 152.978 197.895 98.5763Z" fill="#FF0209"/>
+<path d="M141.223 142.204C138.289 142.523 135.286 142.578 132.407 142.571C109.953 142.55 87.4982 142.53 65.0506 142.516C57.9856 142.516 50.2909 142.287 44.8312 137.795C38.6796 132.721 37.3995 123.924 36.9013 115.964C36.2093 105.055 36.1539 94.1118 36.7213 83.1962C37.0327 77.2019 37.5794 71.0623 40.1604 65.6357C42.0149 61.7387 45.108 58.2363 49.0661 56.3951C53.6677 54.2563 58.4839 54.637 63.4384 54.6301C75.2988 54.6162 87.1592 54.6093 99.0196 54.5955C111.351 54.5816 123.688 54.5747 136.019 54.5609C141.846 54.5609 148.101 54.6785 152.855 58.0494C158.993 62.3963 160.66 70.6678 161.429 78.1502C162.847 91.9314 162.868 105.858 161.484 119.639C160.91 125.322 159.955 131.33 156.211 135.642C152.502 139.92 147.001 141.567 141.23 142.197L141.223 142.204Z" fill="white"/>
+<path d="M119.502 98.5764L86.0382 79.2508V117.902L119.502 98.5764Z" fill="#FF0209"/>
+</svg>

package/dist/runtime/assets/svg/socials/instagram.svg

@@ -1,14 +1,14 @@
-<svg width="198" height="199" viewBox="0 0 198 199" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M99.2815 0.78894H98.8317C44.4151 0.78894 0.301758 44.9153 0.301758 99.3479V99.7978C0.301758 154.23 44.4151 198.357 98.8317 198.357H99.2815C153.698 198.357 197.811 154.23 197.811 99.7978V99.3479C197.811 44.9153 153.698 0.78894 99.2815 0.78894Z" fill="url(#paint0_linear_1_360)"/>
-<path d="M129.618 40.9837H68.5025C51.6184 40.9837 37.8828 54.7234 37.8828 71.6125V127.54C37.8828 144.429 51.6184 158.169 68.5025 158.169H129.618C146.502 158.169 160.237 144.429 160.237 127.54V71.6125C160.237 54.7234 146.502 40.9837 129.618 40.9837ZM48.6845 71.6125C48.6845 60.683 57.5763 51.7886 68.5025 51.7886H129.618C140.544 51.7886 149.436 60.683 149.436 71.6125V127.54C149.436 138.47 140.544 147.364 129.618 147.364H68.5025C57.5763 147.364 48.6845 138.47 48.6845 127.54V71.6125Z" fill="white"/>
-<path d="M99.0602 128.059C114.761 128.059 127.542 115.282 127.542 99.5695C127.542 83.8571 114.768 71.0795 99.0602 71.0795C83.3524 71.0795 70.5786 83.8571 70.5786 99.5695C70.5786 115.282 83.3524 128.059 99.0602 128.059ZM99.0602 81.8913C108.81 81.8913 116.74 89.8237 116.74 99.5764C116.74 109.329 108.81 117.262 99.0602 117.262C89.3103 117.262 81.3803 109.329 81.3803 99.5764C81.3803 89.8237 89.3103 81.8913 99.0602 81.8913Z" fill="white"/>
-<path d="M130.178 75.6824C134.406 75.6824 137.852 72.2423 137.852 68.0062C137.852 63.7701 134.413 60.33 130.178 60.33C125.943 60.33 122.504 63.7701 122.504 68.0062C122.504 72.2423 125.943 75.6824 130.178 75.6824Z" fill="white"/>
-<defs>
-<linearGradient id="paint0_linear_1_360" x1="29.157" y1="169.493" x2="168.997" y2="29.7008" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAAD4F"/>
-<stop offset="0.35" stop-color="#DD2A7B"/>
-<stop offset="0.62" stop-color="#9537B0"/>
-<stop offset="1" stop-color="#515BD4"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="198" height="199" viewBox="0 0 198 199" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M99.2815 0.78894H98.8317C44.4151 0.78894 0.301758 44.9153 0.301758 99.3479V99.7978C0.301758 154.23 44.4151 198.357 98.8317 198.357H99.2815C153.698 198.357 197.811 154.23 197.811 99.7978V99.3479C197.811 44.9153 153.698 0.78894 99.2815 0.78894Z" fill="url(#paint0_linear_1_360)"/>
+<path d="M129.618 40.9837H68.5025C51.6184 40.9837 37.8828 54.7234 37.8828 71.6125V127.54C37.8828 144.429 51.6184 158.169 68.5025 158.169H129.618C146.502 158.169 160.237 144.429 160.237 127.54V71.6125C160.237 54.7234 146.502 40.9837 129.618 40.9837ZM48.6845 71.6125C48.6845 60.683 57.5763 51.7886 68.5025 51.7886H129.618C140.544 51.7886 149.436 60.683 149.436 71.6125V127.54C149.436 138.47 140.544 147.364 129.618 147.364H68.5025C57.5763 147.364 48.6845 138.47 48.6845 127.54V71.6125Z" fill="white"/>
+<path d="M99.0602 128.059C114.761 128.059 127.542 115.282 127.542 99.5695C127.542 83.8571 114.768 71.0795 99.0602 71.0795C83.3524 71.0795 70.5786 83.8571 70.5786 99.5695C70.5786 115.282 83.3524 128.059 99.0602 128.059ZM99.0602 81.8913C108.81 81.8913 116.74 89.8237 116.74 99.5764C116.74 109.329 108.81 117.262 99.0602 117.262C89.3103 117.262 81.3803 109.329 81.3803 99.5764C81.3803 89.8237 89.3103 81.8913 99.0602 81.8913Z" fill="white"/>
+<path d="M130.178 75.6824C134.406 75.6824 137.852 72.2423 137.852 68.0062C137.852 63.7701 134.413 60.33 130.178 60.33C125.943 60.33 122.504 63.7701 122.504 68.0062C122.504 72.2423 125.943 75.6824 130.178 75.6824Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1_360" x1="29.157" y1="169.493" x2="168.997" y2="29.7008" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAAD4F"/>
+<stop offset="0.35" stop-color="#DD2A7B"/>
+<stop offset="0.62" stop-color="#9537B0"/>
+<stop offset="1" stop-color="#515BD4"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/runtime/assets/svg/thumbs-up-regular.svg

@@ -1,10 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <g clip-path="url(#clip0_81_7740)">
-    <path d="M13.3145 1.35939C11.8223 0.933609 10.2637 1.79689 9.83789 3.28908L9.61523 4.07033C9.4707 4.57814 9.20898 5.04689 8.85352 5.43751L6.84961 7.64064C6.50195 8.02345 6.5293 8.6172 6.91211 8.96486C7.29492 9.31252 7.88867 9.28517 8.23633 8.90236L10.2402 6.69923C10.791 6.09377 11.1934 5.37111 11.416 4.58595L11.6387 3.8047C11.7793 3.30861 12.2988 3.01955 12.7988 3.16017C13.2988 3.3008 13.584 3.82033 13.4434 4.32033L13.2207 5.10158C12.998 5.87892 12.6465 6.6133 12.1816 7.26955C11.9785 7.5547 11.9551 7.9297 12.1152 8.2422C12.2754 8.5547 12.5957 8.75002 12.9473 8.75002H18.166C18.5098 8.75002 18.791 9.03127 18.791 9.37502C18.791 9.64064 18.623 9.87111 18.3848 9.96095C18.0957 10.0703 17.877 10.3125 17.8027 10.6133C17.7285 10.9141 17.8066 11.2305 18.0098 11.461C18.1074 11.5703 18.166 11.7149 18.166 11.875C18.166 12.1797 17.9473 12.4336 17.6582 12.4883C17.3379 12.5508 17.0684 12.7735 16.9551 13.082C16.8418 13.3906 16.8926 13.7344 17.0957 13.9922C17.1777 14.0977 17.2285 14.2305 17.2285 14.3789C17.2285 14.6406 17.0645 14.8711 16.8301 14.961C16.3809 15.1367 16.1387 15.6211 16.2676 16.086C16.2832 16.1367 16.291 16.1953 16.291 16.2539C16.291 16.5977 16.0098 16.8789 15.666 16.8789H11.8574C11.3652 16.8789 10.8809 16.7344 10.4707 16.461L8.06055 14.8555C7.63086 14.5664 7.04883 14.6836 6.75977 15.1172C6.4707 15.5508 6.58789 16.1289 7.02148 16.418L9.43164 18.0235C10.1504 18.5039 10.9941 18.7578 11.8574 18.7578H15.666C17.0215 18.7578 18.123 17.6797 18.166 16.336C18.7363 15.8789 19.1035 15.1758 19.1035 14.3828C19.1035 14.207 19.084 14.0391 19.0527 13.875C19.6543 13.418 20.041 12.6953 20.041 11.8828C20.041 11.6289 20.002 11.3828 19.9316 11.1524C20.3848 10.6914 20.666 10.0664 20.666 9.37502C20.666 7.99611 19.5488 6.87502 18.166 6.87502H14.5605C14.7441 6.46877 14.9004 6.04689 15.0215 5.6172L15.2441 4.83595C15.6699 3.34377 14.8066 1.78517 13.3145 1.35939ZM1.91602 7.50002C1.22461 7.50002 0.666016 8.05861 0.666016 8.75002V17.5C0.666016 18.1914 1.22461 18.75 1.91602 18.75H4.41602C5.10742 18.75 5.66602 18.1914 5.66602 17.5V8.75002C5.66602 8.05861 5.10742 7.50002 4.41602 7.50002H1.91602Z" fill="#616161"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_81_7740">
-      <rect width="20" height="20" fill="white" transform="translate(0.666016)"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <g clip-path="url(#clip0_81_7740)">
+    <path d="M13.3145 1.35939C11.8223 0.933609 10.2637 1.79689 9.83789 3.28908L9.61523 4.07033C9.4707 4.57814 9.20898 5.04689 8.85352 5.43751L6.84961 7.64064C6.50195 8.02345 6.5293 8.6172 6.91211 8.96486C7.29492 9.31252 7.88867 9.28517 8.23633 8.90236L10.2402 6.69923C10.791 6.09377 11.1934 5.37111 11.416 4.58595L11.6387 3.8047C11.7793 3.30861 12.2988 3.01955 12.7988 3.16017C13.2988 3.3008 13.584 3.82033 13.4434 4.32033L13.2207 5.10158C12.998 5.87892 12.6465 6.6133 12.1816 7.26955C11.9785 7.5547 11.9551 7.9297 12.1152 8.2422C12.2754 8.5547 12.5957 8.75002 12.9473 8.75002H18.166C18.5098 8.75002 18.791 9.03127 18.791 9.37502C18.791 9.64064 18.623 9.87111 18.3848 9.96095C18.0957 10.0703 17.877 10.3125 17.8027 10.6133C17.7285 10.9141 17.8066 11.2305 18.0098 11.461C18.1074 11.5703 18.166 11.7149 18.166 11.875C18.166 12.1797 17.9473 12.4336 17.6582 12.4883C17.3379 12.5508 17.0684 12.7735 16.9551 13.082C16.8418 13.3906 16.8926 13.7344 17.0957 13.9922C17.1777 14.0977 17.2285 14.2305 17.2285 14.3789C17.2285 14.6406 17.0645 14.8711 16.8301 14.961C16.3809 15.1367 16.1387 15.6211 16.2676 16.086C16.2832 16.1367 16.291 16.1953 16.291 16.2539C16.291 16.5977 16.0098 16.8789 15.666 16.8789H11.8574C11.3652 16.8789 10.8809 16.7344 10.4707 16.461L8.06055 14.8555C7.63086 14.5664 7.04883 14.6836 6.75977 15.1172C6.4707 15.5508 6.58789 16.1289 7.02148 16.418L9.43164 18.0235C10.1504 18.5039 10.9941 18.7578 11.8574 18.7578H15.666C17.0215 18.7578 18.123 17.6797 18.166 16.336C18.7363 15.8789 19.1035 15.1758 19.1035 14.3828C19.1035 14.207 19.084 14.0391 19.0527 13.875C19.6543 13.418 20.041 12.6953 20.041 11.8828C20.041 11.6289 20.002 11.3828 19.9316 11.1524C20.3848 10.6914 20.666 10.0664 20.666 9.37502C20.666 7.99611 19.5488 6.87502 18.166 6.87502H14.5605C14.7441 6.46877 14.9004 6.04689 15.0215 5.6172L15.2441 4.83595C15.6699 3.34377 14.8066 1.78517 13.3145 1.35939ZM1.91602 7.50002C1.22461 7.50002 0.666016 8.05861 0.666016 8.75002V17.5C0.666016 18.1914 1.22461 18.75 1.91602 18.75H4.41602C5.10742 18.75 5.66602 18.1914 5.66602 17.5V8.75002C5.66602 8.05861 5.10742 7.50002 4.41602 7.50002H1.91602Z" fill="#616161"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_81_7740">
+      <rect width="20" height="20" fill="white" transform="translate(0.666016)"/>
+    </clipPath>
+  </defs>
 </svg>

package/dist/runtime/assets/svg/thumbs-up-solid.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M12.2422 0.285132C13.2578 0.488257 13.918 1.47654 13.7148 2.49216L13.625 2.93748C13.418 3.98044 13.0352 4.97263 12.5 5.87498H18.125C19.1602 5.87498 20 6.71482 20 7.74998C20 8.47263 19.5898 9.10154 18.9883 9.41404C19.4141 9.75779 19.6875 10.2851 19.6875 10.875C19.6875 11.789 19.0313 12.5508 18.168 12.7148C18.3398 13 18.4375 13.332 18.4375 13.6875C18.4375 14.5195 17.8945 15.2265 17.1445 15.4687C17.1719 15.5976 17.1875 15.7344 17.1875 15.875C17.1875 16.9101 16.3477 17.75 15.3125 17.75H11.5039C10.7617 17.75 10.0391 17.5312 9.42187 17.1211L7.91797 16.1172C6.875 15.4219 6.25 14.25 6.25 12.9961V11.5V9.62498V8.65232C6.25 7.51169 6.76953 6.43748 7.65625 5.72263L7.94531 5.49216C8.98047 4.66404 9.6875 3.49998 9.94531 2.2031L10.0352 1.75779C10.2383 0.742163 11.2266 0.0820067 12.2422 0.285132ZM1.25 6.49998H3.75C4.44141 6.49998 5 7.05857 5 7.74998V16.5C5 17.1914 4.44141 17.75 3.75 17.75H1.25C0.558594 17.75 0 17.1914 0 16.5V7.74998C0 7.05857 0.558594 6.49998 1.25 6.49998Z" fill="#1976B8"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M12.2422 0.285132C13.2578 0.488257 13.918 1.47654 13.7148 2.49216L13.625 2.93748C13.418 3.98044 13.0352 4.97263 12.5 5.87498H18.125C19.1602 5.87498 20 6.71482 20 7.74998C20 8.47263 19.5898 9.10154 18.9883 9.41404C19.4141 9.75779 19.6875 10.2851 19.6875 10.875C19.6875 11.789 19.0313 12.5508 18.168 12.7148C18.3398 13 18.4375 13.332 18.4375 13.6875C18.4375 14.5195 17.8945 15.2265 17.1445 15.4687C17.1719 15.5976 17.1875 15.7344 17.1875 15.875C17.1875 16.9101 16.3477 17.75 15.3125 17.75H11.5039C10.7617 17.75 10.0391 17.5312 9.42187 17.1211L7.91797 16.1172C6.875 15.4219 6.25 14.25 6.25 12.9961V11.5V9.62498V8.65232C6.25 7.51169 6.76953 6.43748 7.65625 5.72263L7.94531 5.49216C8.98047 4.66404 9.6875 3.49998 9.94531 2.2031L10.0352 1.75779C10.2383 0.742163 11.2266 0.0820067 12.2422 0.285132ZM1.25 6.49998H3.75C4.44141 6.49998 5 7.05857 5 7.74998V16.5C5 17.1914 4.44141 17.75 3.75 17.75H1.25C0.558594 17.75 0 17.1914 0 16.5V7.74998C0 7.05857 0.558594 6.49998 1.25 6.49998Z" fill="#1976B8"/>
 </svg>

package/dist/runtime/assets/svg/vector.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="17" height="19" viewBox="0 0 17 19" fill="none">
-  <path d="M7.06663 1.36733C7.37776 0.828431 8.06451 0.644418 8.60341 0.955551L16.3976 5.45555C16.9365 5.76668 17.1206 6.45343 16.8094 6.99233C16.4983 7.53123 15.8115 7.71524 15.2726 7.40411L14.3745 6.88555L12.1165 11.5981C12.8841 12.8491 13.1816 14.3727 12.8723 15.8788L12.85 15.9877C12.7782 16.3441 12.5384 16.64 12.2098 16.7872C11.8812 16.9344 11.498 16.9162 11.1844 16.7351L1.44163 11.1101C1.12804 10.9291 0.921885 10.6111 0.88382 10.2481C0.845754 9.88517 0.985126 9.53127 1.25611 9.29395L1.33929 9.22019C2.48894 8.19925 3.95723 7.69516 5.42441 7.7344L8.37657 3.42266L7.47841 2.90411C6.93951 2.59297 6.7555 1.90623 7.06663 1.36733ZM4.77625 14.3344L6.7248 15.4594L5.0373 18.3822C4.72617 18.9211 4.03942 19.1051 3.50052 18.794C2.96163 18.4829 2.77761 17.7961 3.08875 17.2572L4.77625 14.3344Z" fill="#212121"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="19" viewBox="0 0 17 19" fill="none">
+  <path d="M7.06663 1.36733C7.37776 0.828431 8.06451 0.644418 8.60341 0.955551L16.3976 5.45555C16.9365 5.76668 17.1206 6.45343 16.8094 6.99233C16.4983 7.53123 15.8115 7.71524 15.2726 7.40411L14.3745 6.88555L12.1165 11.5981C12.8841 12.8491 13.1816 14.3727 12.8723 15.8788L12.85 15.9877C12.7782 16.3441 12.5384 16.64 12.2098 16.7872C11.8812 16.9344 11.498 16.9162 11.1844 16.7351L1.44163 11.1101C1.12804 10.9291 0.921885 10.6111 0.88382 10.2481C0.845754 9.88517 0.985126 9.53127 1.25611 9.29395L1.33929 9.22019C2.48894 8.19925 3.95723 7.69516 5.42441 7.7344L8.37657 3.42266L7.47841 2.90411C6.93951 2.59297 6.7555 1.90623 7.06663 1.36733ZM4.77625 14.3344L6.7248 15.4594L5.0373 18.3822C4.72617 18.9211 4.03942 19.1051 3.50052 18.794C2.96163 18.4829 2.77761 17.7961 3.08875 17.2572L4.77625 14.3344Z" fill="#212121"/>
 </svg>

package/dist/runtime/assets/svg/verify.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-  <g clip-path="url(#clip0_21586_2060)">
-    <path d="M14.1451 5.4952V3.52475C14.1451 3.08187 13.9692 2.65713 13.656 2.34397C13.3429 2.03081 12.9181 1.85488 12.4753 1.85488H10.5466L9.17726 0.485586C8.86439 0.174571 8.44116 0 8 0C7.55884 0 7.13561 0.174571 6.82274 0.485586L5.4952 1.85488H3.52475C3.08187 1.85488 2.65713 2.03081 2.34397 2.34397C2.03081 2.65713 1.85488 3.08187 1.85488 3.52475V5.4952L0.485586 6.82274C0.174571 7.13561 0 7.55884 0 8C0 8.44116 0.174571 8.86439 0.485586 9.17726L1.85488 10.5466V12.4753C1.85488 12.9181 2.03081 13.3429 2.34397 13.656C2.65713 13.9692 3.08187 14.1451 3.52475 14.1451H5.4952L6.82274 15.5144C7.13561 15.8254 7.55884 16 8 16C8.44116 16 8.86439 15.8254 9.17726 15.5144L10.5466 14.1451H12.4753C12.9181 14.1451 13.3429 13.9692 13.656 13.656C13.9692 13.3429 14.1451 12.9181 14.1451 12.4753V10.5466L15.5144 9.17726C15.8254 8.86439 16 8.44116 16 8C16 7.55884 15.8254 7.13561 15.5144 6.82274L14.1451 5.4952Z" fill="#1764C0"/>
-    <path d="M7.3733 10.0873C7.26341 10.088 7.15449 10.0669 7.05276 10.0254C6.95103 9.98382 6.85851 9.9226 6.78049 9.84521L5.49469 8.59281C5.33747 8.43559 5.24915 8.22235 5.24915 8.00001C5.24915 7.77766 5.33747 7.56443 5.49469 7.4072C5.65191 7.24998 5.86515 7.16166 6.0875 7.16166C6.30984 7.16166 6.52308 7.24998 6.6803 7.4072L7.3399 8.07515L9.2519 6.1548C9.40912 5.98872 9.62588 5.8919 9.85449 5.88564C10.0831 5.87938 10.3048 5.96418 10.4709 6.1214C10.637 6.27863 10.7338 6.49538 10.7401 6.72399C10.7463 6.9526 10.6615 7.17433 10.5043 7.34041L7.9995 9.84521C7.91756 9.92671 7.8196 9.99032 7.71181 10.032C7.60402 10.0737 7.48875 10.0925 7.3733 10.0873Z" fill="white"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_21586_2060">
-      <rect width="16" height="16" fill="white"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <g clip-path="url(#clip0_21586_2060)">
+    <path d="M14.1451 5.4952V3.52475C14.1451 3.08187 13.9692 2.65713 13.656 2.34397C13.3429 2.03081 12.9181 1.85488 12.4753 1.85488H10.5466L9.17726 0.485586C8.86439 0.174571 8.44116 0 8 0C7.55884 0 7.13561 0.174571 6.82274 0.485586L5.4952 1.85488H3.52475C3.08187 1.85488 2.65713 2.03081 2.34397 2.34397C2.03081 2.65713 1.85488 3.08187 1.85488 3.52475V5.4952L0.485586 6.82274C0.174571 7.13561 0 7.55884 0 8C0 8.44116 0.174571 8.86439 0.485586 9.17726L1.85488 10.5466V12.4753C1.85488 12.9181 2.03081 13.3429 2.34397 13.656C2.65713 13.9692 3.08187 14.1451 3.52475 14.1451H5.4952L6.82274 15.5144C7.13561 15.8254 7.55884 16 8 16C8.44116 16 8.86439 15.8254 9.17726 15.5144L10.5466 14.1451H12.4753C12.9181 14.1451 13.3429 13.9692 13.656 13.656C13.9692 13.3429 14.1451 12.9181 14.1451 12.4753V10.5466L15.5144 9.17726C15.8254 8.86439 16 8.44116 16 8C16 7.55884 15.8254 7.13561 15.5144 6.82274L14.1451 5.4952Z" fill="#1764C0"/>
+    <path d="M7.3733 10.0873C7.26341 10.088 7.15449 10.0669 7.05276 10.0254C6.95103 9.98382 6.85851 9.9226 6.78049 9.84521L5.49469 8.59281C5.33747 8.43559 5.24915 8.22235 5.24915 8.00001C5.24915 7.77766 5.33747 7.56443 5.49469 7.4072C5.65191 7.24998 5.86515 7.16166 6.0875 7.16166C6.30984 7.16166 6.52308 7.24998 6.6803 7.4072L7.3399 8.07515L9.2519 6.1548C9.40912 5.98872 9.62588 5.8919 9.85449 5.88564C10.0831 5.87938 10.3048 5.96418 10.4709 6.1214C10.637 6.27863 10.7338 6.49538 10.7401 6.72399C10.7463 6.9526 10.6615 7.17433 10.5043 7.34041L7.9995 9.84521C7.91756 9.92671 7.8196 9.99032 7.71181 10.032C7.60402 10.0737 7.48875 10.0925 7.3733 10.0873Z" fill="white"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_21586_2060">
+      <rect width="16" height="16" fill="white"/>
+    </clipPath>
+  </defs>
 </svg>

package/dist/runtime/assets/svg/write-review.svg

@@ -1,16 +1,16 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="16"
-  height="17"
-  viewBox="0 0 16 17"
-  fill="none"
->
-  <path
-    d="M14 0.5H2C0.896875 0.5 0 1.39688 0 2.5V11.5C0 12.6031 0.896875 13.5 2 13.5H5V16.125C5 16.3469 5.18125 16.5 5.375 16.5C5.45 16.5 5.52813 16.4781 5.59688 16.425L9.5 13.5H14C15.1031 13.5 16 12.6031 16 11.5V2.5C16 1.39688 15.1031 0.5 14 0.5ZM14.5 11.5C14.5 11.775 14.275 12 14 12H9L8.6 12.3L6.5 13.875V12H2C1.725 12 1.5 11.775 1.5 11.5V2.5C1.5 2.225 1.725 2 2 2H14C14.275 2 14.5 2.225 14.5 2.5V11.5Z"
-    fill="currentColor"
-  />
-  <path
-    d="M11.5903 5.17955L9.40561 4.84678L8.42916 2.77829C8.25421 2.40958 7.74729 2.4049 7.57084 2.77829L6.5944 4.84678L4.40973 5.17955C4.01795 5.23892 3.86094 5.74355 4.14505 6.03257L5.72561 7.64175L5.35178 9.91491C5.28449 10.3258 5.6987 10.6336 6.04561 10.4414L8 9.3681L9.95439 10.4414C10.3013 10.632 10.7155 10.3258 10.6482 9.91491L10.2744 7.64175L11.8549 6.03257C12.1391 5.74355 11.982 5.23892 11.5903 5.17955ZM9.5043 7.37928L9.85869 9.54151L8 8.52133L6.14131 9.54151L6.4957 7.37928L4.99141 5.84822L7.06991 5.53264L8 3.56413L8.93009 5.53264L11.0086 5.84822L9.5043 7.37928Z"
-    fill="currentColor"
-  />
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="16"
+  height="17"
+  viewBox="0 0 16 17"
+  fill="none"
+>
+  <path
+    d="M14 0.5H2C0.896875 0.5 0 1.39688 0 2.5V11.5C0 12.6031 0.896875 13.5 2 13.5H5V16.125C5 16.3469 5.18125 16.5 5.375 16.5C5.45 16.5 5.52813 16.4781 5.59688 16.425L9.5 13.5H14C15.1031 13.5 16 12.6031 16 11.5V2.5C16 1.39688 15.1031 0.5 14 0.5ZM14.5 11.5C14.5 11.775 14.275 12 14 12H9L8.6 12.3L6.5 13.875V12H2C1.725 12 1.5 11.775 1.5 11.5V2.5C1.5 2.225 1.725 2 2 2H14C14.275 2 14.5 2.225 14.5 2.5V11.5Z"
+    fill="currentColor"
+  />
+  <path
+    d="M11.5903 5.17955L9.40561 4.84678L8.42916 2.77829C8.25421 2.40958 7.74729 2.4049 7.57084 2.77829L6.5944 4.84678L4.40973 5.17955C4.01795 5.23892 3.86094 5.74355 4.14505 6.03257L5.72561 7.64175L5.35178 9.91491C5.28449 10.3258 5.6987 10.6336 6.04561 10.4414L8 9.3681L9.95439 10.4414C10.3013 10.632 10.7155 10.3258 10.6482 9.91491L10.2744 7.64175L11.8549 6.03257C12.1391 5.74355 11.982 5.23892 11.5903 5.17955ZM9.5043 7.37928L9.85869 9.54151L8 8.52133L6.14131 9.54151L6.4957 7.37928L4.99141 5.84822L7.06991 5.53264L8 3.56413L8.93009 5.53264L11.0086 5.84822L9.5043 7.37928Z"
+    fill="currentColor"
+  />
 </svg>

package/dist/runtime/components/button.vue

@@ -1,12 +1,12 @@
 <template>
-  <ShadButton
-    :class="props.class"
-    :variant="props.variant"
-    :color="props.color"
-    :type="props.type"
-  >
-    <slot />
-  </ShadButton>
+  <ShadButton
+    :class="props.class"
+    :variant="props.variant"
+    :color="props.color"
+    :type="props.type"
+  >
+    <slot />
+  </ShadButton>
 </template>
 
 <script setup>

package/dist/runtime/components/card/card-announce2.vue

@@ -1,108 +1,106 @@
 <template>
-  <div
-    class="w-[194px] min-h-[345px] rounded-[4px] shadow-xs outline outline-field-background-disabled cursor-pointer bg-white"
-    @click="emit('click', props.item.id)"
-  >
-  
-    <div
-      v-if="props.item.type === 'sale'"
-      class="relative flex flex-col gap-[14px]"
-    >
-      <Image
-        :width="194"
-        :height="194"
-        :src="props.item.media?.src"
-        class="rounded-t-[4px]"
-      />
-      <div class="flex flex-col gap-[14px] mx-auto w-[182px] h-full">
-        <div
-          class="font-title-small-prominent text-word-on-surface line-clamp-4 h-[96px]"
-        >
-          {{ props.item.title }}
-        </div>
-        <div class="font-headline-small text-word-on-surface">
-          {{ props.item.price }}
-        </div>
-      </div>
-      <LabelCardAtom
-        class="absolute top-[4px] left-[0px]"
-        :color="props.item.tag?.color"
-        :text="props.item.tag?.text"
-      />
-    </div>
-  
-    <div
-      v-else-if="props.item.type === 'video'"
-      class="relative w-full h-full group"
-    >
-      <video
-        ref="videoRef"
-        :src="props.item.media?.src"
-        :poster="props.item.media?.thumbnail"
-        preload="none"
-        class="w-full h-full object-cover rounded-[4px]"
-        muted
-        loop
-        @mouseenter="playVideo"
-        @mouseleave="showPoster"
-      />
-      <div
-        class="absolute bottom-0 left-0 w-full p-[8px] flex flex-col justify-between h-[88px]"
-      >
-        <div
-          class="text-white font-title-small-prominent line-clamp-2 h-[48px] w-[178px] text-word-on-surface-variant"
-        >
-          {{ props.item.title }}
-        </div>
-        <div class="text-white font-body-small">
-          {{ props.item.location }}
-        </div>
-      </div>
-    </div>
-
-
-    <div
-      v-else-if="props.item.type === 'note'"
-      class="w-full h-full rounded-[4px] pt-[76px] px-[8px] pb-[8px]"
-      :style="{ backgroundColor: props.item.color || '#DEFFE1' }"
-    >
-      <div class="flex flex-col justify-between h-full">
-        <div
-          class="flex font-title-small-prominent text-word-on-surface w-[182px] h-[210px] line-clamp-8 text-center overflow-hidden props.items-center"
-        >
-          {{ props.item.content }}
-        </div>
-        <div class="font-body-small text-gray">
-          {{ props.item.location }}
-        </div>
-      </div>
-    </div>
-
-
-    <div
-      v-else-if="props.item.type === 'image'"
-      class="w-full h-full rounded-[4px]"
-    >
-      <div class="flex flex-col justify-between h-full">
-        <div class="flex flex-col gap-[8px]">
-          <Image
-            width="194"
-            height="129"
-            :src="props.item.media?.src"
-            class="rounded-t-[4px]"
-          />
-          <div
-            class="w-[182px] text-word-onsurface font-title-small-prominent mx-auto line-clamp-7"
-          >
-            {{ props.item.content }}
-          </div>
-        </div>
-        <div class="px-[8px] pb-[8px] font-body-small text-gray">
-          {{ props.item.location }}
-        </div>
-      </div>
-    </div>
-  </div>
+  <div
+    class="w-[194px] min-h-[345px] rounded-[4px] shadow-xs outline outline-field-background-disabled cursor-pointer bg-white"
+    @click="emit('click', props.item.id)"
+  >
+  
+    <div
+      v-if="props.item.type === 'sale'"
+      class="relative flex flex-col gap-[14px]"
+    >
+      <Image
+        :width="194"
+        :height="194"
+        :src="props.item.media?.src"
+        class="rounded-t-[4px]"
+      />
+      <div class="flex flex-col gap-[14px] mx-auto w-[182px] h-full">
+        <div
+          class="font-title-small-prominent text-word-on-surface line-clamp-4 h-[96px]"
+        >
+          {{ props.item.title }}
+        </div>
+        <div class="font-headline-small text-word-on-surface">
+          {{ props.item.price }}
+        </div>
+      </div>
+      <LabelCardAtom
+        class="absolute top-[4px] left-[0px]"
+        :color="props.item.tag?.color"
+        :text="props.item.tag?.text"
+      />
+    </div>
+  
+    <div
+      v-else-if="props.item.type === 'video'"
+      class="relative w-full h-full group"
+    >
+      <video
+        ref="videoRef"
+        :src="props.item.media?.src"
+        :poster="props.item.media?.thumbnail"
+        preload="none"
+        class="w-full h-full object-cover rounded-[4px]"
+        muted
+        loop
+        @mouseenter="playVideo"
+        @mouseleave="showPoster"
+      />
+      <div
+        class="absolute bottom-0 left-0 w-full p-[8px] flex flex-col justify-between h-[88px]"
+      >
+        <div
+          class="text-white font-title-small-prominent line-clamp-2 h-[48px] w-[178px] text-word-on-surface-variant"
+        >
+          {{ props.item.title }}
+        </div>
+        <div class="text-white font-body-small">
+          {{ props.item.location }}
+        </div>
+      </div>
+    </div>
+
+    <div
+      v-else-if="props.item.type === 'note'"
+      class="w-full h-full rounded-[4px] pt-[76px] px-[8px] pb-[8px]"
+      :style="{ backgroundColor: props.item.color || '#DEFFE1' }"
+    >
+      <div class="flex flex-col justify-between h-full">
+        <div
+          class="flex font-title-small-prominent text-word-on-surface w-[182px] h-[210px] line-clamp-8 text-center overflow-hidden props.items-center"
+        >
+          {{ props.item.content }}
+        </div>
+        <div class="font-body-small text-gray">
+          {{ props.item.location }}
+        </div>
+      </div>
+    </div>
+
+    <div
+      v-else-if="props.item.type === 'image'"
+      class="w-full h-full rounded-[4px]"
+    >
+      <div class="flex flex-col justify-between h-full">
+        <div class="flex flex-col gap-[8px]">
+          <Image
+            width="194"
+            height="129"
+            :src="props.item.media?.src"
+            class="rounded-t-[4px]"
+          />
+          <div
+            class="w-[182px] text-word-onsurface font-title-small-prominent mx-auto line-clamp-7"
+          >
+            {{ props.item.content }}
+          </div>
+        </div>
+        <div class="px-[8px] pb-[8px] font-body-small text-gray">
+          {{ props.item.location }}
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/card/card-place-detail.vue

@@ -1,94 +1,94 @@
 <template>
-  <div class="w-full">
-    <Card full-width>
-      <div class="flex flex-col gap-[8px] font-body-large">
-        <div class="flex gap-[8px]">
-          <div class="pt-[3px]">
-            <Icon name="lucide:circle-alert" size="20" class="text-primary" />
-          </div>
-          <div>
-            {{ props.item.description }}
-          </div>
-        </div>
-        <div class="flex gap-[8px]">
-          <div class="pt-[3px]">
-            <Icon name="lucide:tag" size="20" class="text-primary" />
-          </div>
-          <div>{{ props.item.category }}</div>
-        </div>
-        <div class="flex gap-[8px]">
-          <div class="pt-[3px]">
-            <Icon name="lucide:clock" size="20" class="text-primary" />
-          </div>
-          <div class="w-full flex flex-col gap-[8px]">
-            <div class="text-success font-body-large-prominent">เปิดอยู่</div>
-            <div class="flex flex-col gap-[4px]">
-              <div
-                v-for="(time, index) in props.item.opening_hour.Business_hour"
-                :key="index"
-                class="flex items-center justify-between w-full"
-              >
-                <div>{{ time.day }}</div>
-                <div>{{ time.time_range }}</div>
-              </div>
-            </div>
-
-            <div class="text-warning font-body-large-prominent">วันทำการพิเศษ</div>
-
-            <div class="flex flex-col gap-[4px]">
-              <div
-                v-for="(time, i) in props.item.opening_hour.Special_hour"
-                :key="i"
-                class="flex items-center justify-between w-full text-warning"
-              >
-                <div>{{ time.day }}</div>
-                <div>{{ time.time_range }}</div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="flex gap-[8px]">
-          <div class="pt-[3px]">
-            <Icon name="lucide:phone" size="20" class="text-primary" />
-          </div>
-          <div>{{ props.item.phone }}</div>
-        </div>
-
-        <div class="flex gap-[8px]">
-          <div class="pt-[3px]">
-            <Icon name="lucide:square-pen" size="20" class="text-primary" />
-          </div>
-          <div>{{ props.item.suggested_corrections }}</div>
-        </div>
-        <Divider />
-
-        <div
-          v-if="props.item.links && props.item.links.length > 0"
-          class="flex flex-col gap-[8px]"
-        >
-          <div
-            v-for="(linkItem, index) in props.item.links"
-            :key="index"
-            class="flex gap-[8px]"
-          >
-            <div class="pt-[3px]">
-              <Icon
-                :name="`pukaad-social:${linkItem.name}`"
-                :size="20"
-                class="text-primary"
-              />
-            </div>
-            <div
-              class="cursor-pointer hover:underline"
-              @click="onClickLink(linkItem.link)"
-            >
-              {{ linkItem.link }}
-            </div>
-          </div>
-        </div>
-      </div>
-    </Card>
-  </div>
+  <div class="w-full">
+    <Card full-width>
+      <div class="flex flex-col gap-[8px] font-body-large">
+        <div class="flex gap-[8px]">
+          <div class="pt-[3px]">
+            <Icon name="lucide:circle-alert" size="20" class="text-primary" />
+          </div>
+          <div>
+            {{ props.item.description }}
+          </div>
+        </div>
+        <div class="flex gap-[8px]">
+          <div class="pt-[3px]">
+            <Icon name="lucide:tag" size="20" class="text-primary" />
+          </div>
+          <div>{{ props.item.category }}</div>
+        </div>
+        <div class="flex gap-[8px]">
+          <div class="pt-[3px]">
+            <Icon name="lucide:clock" size="20" class="text-primary" />
+          </div>
+          <div class="w-full flex flex-col gap-[8px]">
+            <div class="text-success font-body-large-prominent">เปิดอยู่</div>
+            <div class="flex flex-col gap-[4px]">
+              <div
+                v-for="(time, index) in props.item.opening_hour.Business_hour"
+                :key="index"
+                class="flex items-center justify-between w-full"
+              >
+                <div>{{ time.day }}</div>
+                <div>{{ time.time_range }}</div>
+              </div>
+            </div>
+
+            <div class="text-warning font-body-large-prominent">วันทำการพิเศษ</div>
+
+            <div class="flex flex-col gap-[4px]">
+              <div
+                v-for="(time, i) in props.item.opening_hour.Special_hour"
+                :key="i"
+                class="flex items-center justify-between w-full text-warning"
+              >
+                <div>{{ time.day }}</div>
+                <div>{{ time.time_range }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="flex gap-[8px]">
+          <div class="pt-[3px]">
+            <Icon name="lucide:phone" size="20" class="text-primary" />
+          </div>
+          <div>{{ props.item.phone }}</div>
+        </div>
+
+        <div class="flex gap-[8px]">
+          <div class="pt-[3px]">
+            <Icon name="lucide:square-pen" size="20" class="text-primary" />
+          </div>
+          <div>{{ props.item.suggested_corrections }}</div>
+        </div>
+        <Divider />
+
+        <div
+          v-if="props.item.links && props.item.links.length > 0"
+          class="flex flex-col gap-[8px]"
+        >
+          <div
+            v-for="(linkItem, index) in props.item.links"
+            :key="index"
+            class="flex gap-[8px]"
+          >
+            <div class="pt-[3px]">
+              <Icon
+                :name="`pukaad-social:${linkItem.name}`"
+                :size="20"
+                class="text-primary"
+              />
+            </div>
+            <div
+              class="cursor-pointer hover:underline"
+              @click="onClickLink(linkItem.link)"
+            >
+              {{ linkItem.link }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </Card>
+  </div>
 </template>
 
 <script setup>