@vincentgraul/react-components 1.0.39 → 1.0.40

package/src/country-selector/icons/Ye.tsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgYe = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 336" {...props}>
+    <g fill="none">
+      <path
+        fill="#464655"
+        d="M0 223.908h512v102.988a8.829 8.829 0 0 1-8.828 8.828H8.828A8.829 8.829 0 0 1 0 326.896V223.908z"
+      />
+      <path
+        fill="#FF4B55"
+        d="M8.828.276h494.345a8.829 8.829 0 0 1 8.828 8.828v102.988H0V9.103A8.828 8.828 0 0 1 8.828.276z"
+      />
+      <path fill="#F5F5F5" d="M0 112.088h512V223.9H0z" />
+    </g>
+  </svg>
+);
+export default SvgYe;

package/src/country-selector/icons/Za.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgZa = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 336" {...props}>
+    <g fill="none">
+      <path fill="#464655" d="M0 62.069v211.862L141.241 168z" />
+      <path
+        fill="#FF4B55"
+        d="m70.621.275 158.897 123.587H512V9.103a8.829 8.829 0 0 0-8.828-8.828H70.621z"
+      />
+      <path
+        fill="#41479B"
+        d="m70.621 335.725 158.897-123.587H512v114.759a8.829 8.829 0 0 1-8.828 8.828H70.621z"
+      />
+      <path
+        fill="#73AF00"
+        d="M56.889.276H8.828A8.828 8.828 0 0 0 0 9.103v36.21L154.974 168 0 290.69v36.206a8.829 8.829 0 0 0 8.828 8.828h48.056L224.147 203.31H512v-70.62H224.148L56.889.276z"
+      />
+      <path fill="#F5F5F5" d="M85.333.276H56.889L224.148 132.69H512v-17.656H230.291z" />
+      <path fill="#FFE15A" d="M0 45.313v22.518L126.53 168 0 268.173v22.517L154.974 168z" />
+      <path fill="#F5F5F5" d="M224.147 203.31 56.884 335.724h28.445l144.96-114.758H512V203.31z" />
+    </g>
+  </svg>
+);
+export default SvgZa;

package/src/country-selector/icons/Zm.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgZm = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 336" {...props}>
+    <g fill="none">
+      <path
+        fill="#73AF00"
+        d="M503.172.276H8.828A8.828 8.828 0 0 0 0 9.103v317.793a8.829 8.829 0 0 0 8.828 8.828h494.345a8.829 8.829 0 0 0 8.828-8.828V9.103a8.83 8.83 0 0 0-8.829-8.827z"
+      />
+      <path fill="#FF4B55" d="M326.621 115.034h61.793v220.69h-61.793z" />
+      <path fill="#464655" d="M388.414 115.034h61.793v220.69h-61.793z" />
+      <path
+        fill="#FF9B55"
+        d="M450.207 115.034H512v220.69h-61.793zm46.745-74.176a.956.956 0 0 0-1.385-1.22 73.624 73.624 0 0 1-5.37 3.239c5.746-4.749 6.551-8.873 6.603-9.173a.956.956 0 0 0-1.478-.952c-6.207 4.21-12.419 7.215-17.775 9.33 7.193-4.545 10.044-9.182 10.218-9.475a.955.955 0 0 0-1.313-1.308c-5.743 3.462-12.545 6.191-19.046 8.294.863-1.332 1.478-2.828.926-3.669-.513-.779-1.449-.779-2.786.003-2.706 1.586-23.211 6.813-31.157 8.76-8.098-1.463-14.808.612-16.899 1.379-.557-.663-.811-1.305-.918-1.807-.174-.817-.047-1.647.339-2.222.63-.937 1.932-1.027 3.081-1.106.5-.034.946-.065 1.336-.163.25.074.556.218.551.33a.954.954 0 0 0 1.765.554c.058-.094 1.409-2.305.363-4.188-.761-1.369-2.508-2.089-5.194-2.141-1.102-.769-5.267-3.273-10.399-1.338-5.198 1.961-7.505 7.299-8.268 9.555-4.045-.562-22.617-3.396-32.714-9.323-.491-.223-2.166-.881-3.102.011-.575.545-.642 1.391-.202 2.516.234.596.593 1.178 1.069 1.75-5.405-2.481-12.691-5.946-18.198-9.027-.862-.399-2.425-.941-3.232-.096-.505.532-.498 1.304.023 2.298.11.21.219.444.337.701.536 1.155 1.267 2.73 3.053 4.548-1.335-.729-2.538-1.479-3.502-2.229-4.834-3.761-5.489-4.129-6.355-3.545-.746.502-.505 1.351-.25 2.25l.067.237c.21.747.553 1.951 1.492 3.403-.749-.51-1.393-.614-1.9-.26-.302.209-.757.729-.407 1.875.841 2.741 6.65 9.958 17.702 12.083a27.91 27.91 0 0 1-3.407.305.955.955 0 0 0-.457 1.782c.202.116 4.108 2.302 11.27 2.118-1.071.27-2.286.478-3.63.558a.956.956 0 0 0-.437 1.771c.213.129 4.369 2.573 10.804 2.212l-.561.345a.953.953 0 0 0 .238 1.732c.201.057 3.828 1.067 8.346.589l-.794.565a.953.953 0 0 0 .422 1.724c.082.012.666.087 1.602.087.617 0 1.387-.034 2.265-.141-.02.228.007.455.082.681.452 1.361 2.456 1.69 3.123 1.699l.121.001c.807 0 1.66-.114 2.529-.287 1.393 1.301 3.936 1.182 6.403.608a2.735 2.735 0 0 0-.327.663c-.142.451-.034.911.289 1.233.314.311 1.071 1.064 7.967-.876l-.086.066c-.917.71-.859 1.443-.742 1.817.423 1.356 3.465 2.225 8.985 2.595.122 3.07-.73 6.404-.74 6.441a.955.955 0 0 0 1.377 1.082c.319-.172.637-.394.937-.633l-.026 1.015a.952.952 0 0 0 .955.98c.038 0 .073-.013.11-.018-.103.865-.454 1.898-1.562 2.141-.503.11-1.037.164-1.553.217-2.35.241-5.013.514-5.434 5.899a.956.956 0 0 0 1.648.731l1.023-1.088c.602.148 1.561.3 2.588.134-.258 1.246-.182 2.78 1.065 4.081a.957.957 0 0 0 1.645-.661v-.69a5.38 5.38 0 0 0 2.124-1.018c.436.941 1.268 2.045 2.852 2.977a.957.957 0 0 0 1.381-1.152l-.499-1.372c.348-.343.8-.834 1.195-1.358a.945.945 0 0 0 .873.413.956.956 0 0 0 .803-.616l.351-.935c.207-.057.405-.126.594-.203.235 2.069 1.826 3.791 1.922 3.893a.958.958 0 0 0 1.62-.407l.532-1.986c1.41-.715 1.548-2.008 1.634-2.814.017-.158.041-.377.045-.488.551.271 1.719 1.583 2.6 2.944.175.27.476.436.798.437.328-.023.623-.159.802-.428 0 0 .746-1.13 1.109-1.789 1.54-2.795-.793-4.469-1.914-5.273-.275-.198-.652-.468-.713-.543-.211-.512-.137-.989.002-1.359.935.644 1.997 1.187 3.175 1.464a.955.955 0 0 0 1.017-1.454c-.021-.033-1.778-2.735-2.91-6.058 1.828 1.073 4.303 2.368 5.587 2.368.881 0 1.217-.548 1.322-.783.061-.138.171-.388.084-.856 1.699.918 3.616 1.63 5.073 1.254.43-.11 1.439-.371 1.592-1.276.077-.458-.077-.829-.415-1.194 1.578.383 3.279.574 4.948.353 1.391-.183 1.802-.858 1.9-1.393.063-.342.175-.999-1.066-2.241 2.397-.131 4.537-.655 4.713-2.101.015-.13-.009-.248-.02-.37 7.704-.84 13.566-5.658 13.825-5.875a.93.93 0 0 0 .177-.22c4.664-.583 9.962-1.636 14.251-3.564 8.094-3.639 12.193-8.552 11.459-10.335-.213-.519-.825-.894-1.58-.612-.212.079-.641.253-1.203.481 4.793-3.893 6.668-7.503 6.847-7.863z"
+      />
+      <path
+        fill="#464655"
+        d="M496.952 40.858a.956.956 0 0 0-1.385-1.22 73.484 73.484 0 0 1-5.37 3.239c5.746-4.749 6.552-8.873 6.603-9.173a.955.955 0 0 0-1.478-.952c-6.207 4.21-12.419 7.215-17.775 9.33 7.194-4.545 10.044-9.181 10.218-9.474a.956.956 0 0 0-1.313-1.308c-5.743 3.462-12.545 6.191-19.046 8.295.863-1.332 1.478-2.828.926-3.669-.513-.78-1.449-.78-2.786.003-2.706 1.586-23.211 6.813-31.156 8.76-8.098-1.463-14.808.612-16.899 1.379-.556-.663-.811-1.305-.919-1.806-.174-.817-.047-1.647.339-2.222.63-.937 1.932-1.026 3.081-1.106.499-.034.945-.065 1.336-.162.25.073.556.218.552.329a.954.954 0 0 0 1.766.554c.059-.093 1.408-2.305.363-4.188-.761-1.369-2.507-2.089-5.195-2.141-1.103-.769-5.267-3.273-10.399-1.338-5.197 1.96-7.505 7.299-8.268 9.555-4.045-.562-22.617-3.396-32.714-9.323-.49-.223-2.165-.879-3.102.011-.575.545-.642 1.391-.202 2.516.234.596.593 1.178 1.069 1.75-5.405-2.481-12.69-5.946-18.199-9.027-.861-.399-2.425-.942-3.231-.096-.505.532-.499 1.305.023 2.298.11.21.218.444.337.701.536 1.155 1.266 2.73 3.053 4.55-1.334-.729-2.538-1.479-3.502-2.229-4.834-3.761-5.49-4.129-6.355-3.545-.746.503-.505 1.351-.25 2.25l.067.237c.21.747.552 1.951 1.492 3.403-.749-.51-1.393-.614-1.9-.26-.302.207-.757.729-.406 1.875.84 2.741 6.65 9.956 17.702 12.083a27.892 27.892 0 0 1-3.407.305.955.955 0 0 0-.457 1.782c.202.116 4.108 2.302 11.27 2.116a19.52 19.52 0 0 1-3.631.558.955.955 0 0 0-.436 1.771c.213.129 4.369 2.574 10.804 2.212l-.561.345a.955.955 0 0 0 .238 1.732c.201.057 3.828 1.066 8.346.589l-.794.565a.954.954 0 0 0 .422 1.724c.082.012.667.088 1.603.088.617 0 1.387-.034 2.265-.141-.02.228.007.456.082.681.452 1.361 2.456 1.69 3.123 1.699h.121c.807 0 1.658-.114 2.529-.287 1.393 1.301 3.936 1.182 6.403.608a2.764 2.764 0 0 0-.328.664c-.142.451-.034.911.289 1.233.315.311 1.071 1.063 7.968-.876l-.086.067c-.917.71-.859 1.443-.742 1.817.423 1.356 3.465 2.225 8.985 2.595.122 3.07-.732 6.404-.74 6.441a.955.955 0 0 0 1.377 1.082 6.4 6.4 0 0 0 .937-.633l-.026 1.014a.951.951 0 0 0 .956.98c.038 0 .073-.014.11-.019-.103.865-.454 1.898-1.564 2.141-.503.11-1.036.164-1.553.217-2.35.241-5.013.514-5.434 5.9a.957.957 0 0 0 1.647.73l1.023-1.088c.601.148 1.562.299 2.588.134-.258 1.246-.182 2.78 1.065 4.081a.955.955 0 0 0 1.644-.661v-.69a5.38 5.38 0 0 0 2.124-1.018c.436.941 1.268 2.046 2.852 2.977a.958.958 0 0 0 1.095-.089.953.953 0 0 0 .287-1.06l-.499-1.373c.348-.343.801-.833 1.195-1.357a.945.945 0 0 0 .873.413.957.957 0 0 0 .804-.616l.351-.935c.207-.057.405-.126.594-.203.235 2.069 1.826 3.791 1.922 3.893a.953.953 0 0 0 1.618-.407l.532-1.986c1.41-.714 1.548-2.008 1.634-2.814.017-.158.041-.377.045-.488.551.271 1.719 1.583 2.6 2.944.175.27.476.436.798.437.328-.023.623-.16.802-.429 0 0 .746-1.129 1.109-1.789 1.54-2.795-.793-4.469-1.914-5.273-.275-.198-.652-.468-.713-.543-.21-.512-.137-.989.001-1.359.935.644 1.998 1.187 3.175 1.464a.955.955 0 0 0 1.017-1.454c-.021-.033-1.778-2.735-2.91-6.058 1.83 1.071 4.303 2.368 5.587 2.368.881 0 1.217-.548 1.321-.783.062-.138.171-.388.084-.856 1.7.919 3.616 1.63 5.073 1.254.43-.111 1.439-.372 1.592-1.276.077-.459-.077-.828-.415-1.194 1.578.383 3.279.574 4.947.353 1.391-.184 1.802-.858 1.901-1.393.063-.342.175-.999-1.066-2.241 2.397-.131 4.537-.655 4.713-2.101.017-.13-.008-.248-.02-.37 7.704-.84 13.566-5.658 13.825-5.875a.93.93 0 0 0 .177-.22c4.664-.582 9.962-1.635 14.251-3.563 8.094-3.639 12.193-8.552 11.459-10.335-.213-.519-.825-.895-1.58-.612a59.38 59.38 0 0 0-1.202.482c4.794-3.9 6.669-7.51 6.848-7.87zm-14.069-5.423c-3.518 3.442-10.146 8.392-21.077 11.264a.92.92 0 0 0-.256.124c-2.298-.179-5.204-.598-7.752-1.55 8.078-1.832 19.427-4.988 29.085-9.838zm-48.64 11.167a.977.977 0 0 0 .403-.011c1.137-.278 27.449-6.731 31.673-8.91-.491.968-1.434 2.324-2.206 2.89-.022.015-.032.04-.052.057-11.33 3.363-20.945 4.781-21.103 4.803a.955.955 0 0 0 .271 1.891c.087-.013 3.007-.442 7.49-1.378 2.321 1.331 5.174 2.065 7.772 2.462-3.881.328-7.473.14-7.532.137-.452-.017-.893.298-.988.761a.954.954 0 0 0 .607 1.089l3.613 1.324c-5.08 1.081-9.978.066-10.036.054a.955.955 0 1 0-.965 1.506c.69.92 2.636 1.887 4.334 2.6-6.984 1.322-11.79-2.959-12.017-3.165a.954.954 0 0 0-1.298 1.402c5.517 5.163 15.799 7.362 20.414 8.119-.683.404-1.507.785-2.37.939-3.542.629-11.72-3.261-17.474-6.408l-4.608-2.659a.955.955 0 0 0-.978 1.641c.221.136 2.028 1.242 4.596 2.653l11.215 6.473c-3.441.425-7.071-.345-7.116-.355-.028-.006-.054.002-.082-.001-2.625-1.846-6.861-4.954-13.221-10.228-1.024-3.654-2.942-5.259-5.343-6.784 2.715-.833 8.439-2.132 15.001-.902zm6.932 20.255c-.006.002-.01.007-.017.009l-.013-.01.03.001zm-62.221-4.332 2.185-1.555a.955.955 0 0 0-.875-1.678c-3.609 1.289-7.264 1.158-9.551.864l2.53-1.557a.955.955 0 0 0-.744-1.738c-4.605 1.209-8.44.707-10.951.014 3.991-.932 6.308-2.698 6.431-2.792a.956.956 0 0 0 .286-1.148.961.961 0 0 0-1.048-.546c-5.261.991-9.323.664-12.051.1a45.841 45.841 0 0 0 5.197-1.188c.017-.004.028-.018.043-.023.065-.023.119-.06.177-.095.049-.031.098-.056.14-.094.046-.042.078-.092.116-.142.036-.049.074-.093.1-.147.024-.052.035-.109.051-.164.018-.065.036-.126.041-.194 0-.015.009-.029.009-.045 0-.05-.02-.094-.028-.142-.007-.047.001-.095-.013-.143-.004-.015-.017-.025-.022-.04-.023-.064-.059-.118-.094-.175-.031-.05-.056-.102-.095-.145-.041-.045-.09-.077-.139-.114-.05-.038-.095-.077-.151-.104-.051-.024-.108-.035-.163-.05-.065-.019-.127-.038-.195-.042-.017-.001-.029-.01-.045-.01-12.271-.115-19.043-6.57-21.212-9.864 3.823 2.664 8.846 4.925 12.504 6.223h.003c4.865 1.879 10.929 3.076 11.186 3.126a.956.956 0 0 0 .367-1.875c-.062-.012-6.177-1.218-10.891-3.043-10.166-3.934-12.226-8.195-12.913-10.347 1.099.781 2.575 1.93 3.366 2.545 5.951 4.628 19.797 9.005 20.384 9.19a.957.957 0 0 0 .594-1.817c-14.317-4.877-16.467-9.514-17.622-12.004-.1-.216-.194-.418-.287-.606a5.2 5.2 0 0 1 .557.207c7.937 4.441 19.602 9.7 24.011 11.652-.793.382-1.625.701-2.176.732a.954.954 0 0 0-.654 1.597c.059.064.994 1.067 2.812 1.46l-1.29.841a.956.956 0 0 0 .195 1.698 16.47 16.47 0 0 0 3.51.756l-1.074.783a.954.954 0 0 0 .158 1.637c.125.058 1.593.725 3.949.614l-.081.056a.956.956 0 0 0 .347 1.716c.146.031 1.95.402 4.538.108l-.588.392a.956.956 0 0 0 .287 1.719c.278.072 4.458 1.112 9.944-.628-1.15.757-2.222 1.306-3.108 1.505a.956.956 0 0 0-.164 1.812c.025.011.119.047.244.092-2.931 1.94-5.928 2.614-8.037 2.816zm-4.622-17.33a.951.951 0 0 0-1.103-.548c-1.106.27-2.001.243-2.691.097a19.312 19.312 0 0 0 2.271-1.214.945.945 0 0 0 .183-.154c1.7.684 3.629 1.341 5.793 1.969l-3.667 2.676c-1.228.13-2.446.013-3.417-.161l2.276-1.484a.958.958 0 0 0 .355-1.181zm8.583 19.656c-.363-.004-1.033-.19-1.282-.367.063-.1.222-.297.575-.577a18.99 18.99 0 0 0 7.327-3.699c2.604.189 6.699-.43 10.872-4.623.154.279.316.562.503.85-.452.341-11.236 8.476-17.995 8.416zm7.452-6.523c3.089-1.859 6.545-5.092 8.701-7.253.033.79.186 1.697.529 2.692-.074.044-.151.084-.214.15-3.424 3.611-6.755 4.407-9.016 4.411zm17.944 12.366c-3.145-.215-6.073-.704-7.143-1.176 2.602-2.031 3.348-2.927 3.426-3.026a.956.956 0 0 0-1.04-1.505c-3.428 1.108-7.433 2.189-9.411 2.467.908-.815 2.524-1.845 3.982-2.575a.956.956 0 0 0-.833-1.719c-2.6 1.223-6.322 2.455-8.651 2.436 6.34-2.283 12.804-7.166 13.419-7.637a19.307 19.307 0 0 0 1.674 1.773c5.705 5.304 5.08 9.465 4.577 10.962zm1.574 5.824a6.842 6.842 0 0 1-.209.242c.207-1.414.355-3.188.22-4.875.525-1.155 1.589-4.579-1.165-9.121 1.816.264 5.985 1.138 7.789 3.762.239.348.477.734.712 1.134l-.002.003c-.089.211-1.896 4.586-1.319 10.055a6.269 6.269 0 0 1-1.097-1.823.953.953 0 0 0-.789-.61.963.963 0 0 0-.903.425 43.003 43.003 0 0 1-1.565 2.212l.02-.772a.954.954 0 0 0-1.692-.632zm6.159 11.892c-.19.569-1.209 1.668-1.871 2.265a1.059 1.059 0 0 0-.067.067c-.499-.825-.481-1.478-.48-1.514a.957.957 0 0 0-1.787-.538 3.388 3.388 0 0 1-2.689 1.738c.049-1.151.713-2.197.756-2.261a.954.954 0 0 0-1.44-1.233c-1.402 1.269-3.629.448-3.649.441a.993.993 0 0 0-.281-.063c.617-1.342 1.696-1.452 3.187-1.604.569-.058 1.158-.119 1.767-.253 2.94-.643 3.287-3.893 3.059-5.522-.007-.045-.031-.082-.044-.124.46-.566.919-1.186 1.3-1.721.186.285.386.542.587.785.006.697.045 2.846.287 3.977.192.898.849 1.503 1.479 1.891a2.925 2.925 0 0 0-.248.649c-.225.925-.034 1.942.252 2.814-.044.069-.093.129-.118.206zm.503-5.958c-.092-.426-.149-1.096-.186-1.77.267.184.455.295.482.309a.955.955 0 0 0 1.391-1.066c-1.009-4.035-.333-7.81.227-9.878 1.645 3.615 2.825 8.076 2.417 11.018a.956.956 0 0 0 .629 1.033.944.944 0 0 0 .271.045c-.01.1-.02.206-.032.299-.967-.03-2.559.118-4.102.921-.442-.186-1.014-.524-1.097-.911zm12.58 4.938c-.076.138-.17.297-.27.461-1.14-1.51-2.706-3.063-4.046-2.557-1.08.412-1.191 1.451-1.265 2.14-.088.831-.151 1.177-.844 1.415a.958.958 0 0 0-.614.655l-.107.397c-.364-.802-.557-1.77-.014-2.595a.953.953 0 0 0-.23-1.29.958.958 0 0 0-1.304.156c-.009.01-.874 1.028-2.132 1.207a.97.97 0 0 0-.362.13c-.183-.584-.288-1.195-.173-1.668a.936.936 0 0 1 .451-.621c1.913-1.158 4.146-.829 4.165-.825a.945.945 0 0 0 1.082-.724c.052-.218.461-2.081.162-3.641l1.236-2.076a17.006 17.006 0 0 0 1.781 1.951c-.406.744-.802 1.946-.237 3.317.227.552.755.93 1.366 1.367 1.558 1.119 1.971 1.681 1.355 2.801zm-3.517-11.681c-.175-.287-.523-.442-.821-.459a.957.957 0 0 0-.817.466l-1.241 2.086c-.524-4.224-2.514-9.27-4.637-12.359-2.76-4.015-9.585-4.776-10.872-4.771a23.662 23.662 0 0 0-2.188-2.339c-5.665-5.266-3.802-9.475-3.712-9.671.008-.017.006-.034.013-.051a.892.892 0 0 0 .047-.188c.011-.058.025-.115.025-.174 0-.061-.014-.117-.024-.177-.012-.061-.021-.12-.043-.179-.022-.053-.054-.098-.086-.148-.035-.057-.069-.113-.118-.161-.013-.013-.018-.031-.032-.044-.034-.031-.076-.043-.114-.068-.039-.026-.066-.063-.109-.084-.018-.009-.036-.007-.054-.014a.958.958 0 0 0-.189-.05c-.06-.011-.116-.025-.174-.025-.061 0-.117.013-.177.024-.062.011-.121.02-.179.043-.053.021-.099.054-.149.085-.057.036-.113.07-.161.118-.013.013-.031.019-.043.032l-.001.001c-6.482 7.081-13.266 7.923-16.781 7.775l4.077-2.719c.801-.448 1.61-.981 2.414-1.612a.955.955 0 0 0-1.119-1.545l-2.239 1.492a16.082 16.082 0 0 1-7.293 2.002l2.124-1.489c1.632-.789 3.413-1.974 5.289-3.72a.955.955 0 0 0-1.199-1.482l-5.064 3.55c-2.406 1.133-4.376 1.272-5.699 1.151l7.241-5.286a.956.956 0 0 0-.318-1.695c-11.804-3.142-14.641-6.349-15.281-7.982a2.819 2.819 0 0 1-.115-.348c.238.036.557.126.763.213 11.565 6.796 33.231 9.518 34.147 9.632a.963.963 0 0 0 1.036-.693c.327-1.176 2.216-7.14 7.349-9.077 4.841-1.823 8.653 1.126 8.811 1.249.17.136.38.21.597.21 2.057 0 3.421.41 3.839 1.156.134.239.173.513.159.787a3.51 3.51 0 0 0-1.065-.338.949.949 0 0 0-.486.054c-.188.073-.663.106-1.081.135-1.347.093-3.383.233-4.535 1.946-.68 1.011-.906 2.355-.621 3.687.178.831.623 1.917 1.638 2.977.1.198.259.342.448.43.348.309.736.614 1.199.904 2.254 1.409 3.908 2.71 4.787 5.899.007.113.036.22.082.323.36 1.44.575 3.241.623 5.585a.956.956 0 0 0 .954.936h.021a.957.957 0 0 0 .936-.975 34.534 34.534 0 0 0-.243-3.511c7.115 5.812 11.316 8.7 13.423 10.145.297.204.579.397.825.57-2.144.195-5.539-1.762-8.194-3.786a35.513 35.513 0 0 0-2.145-1.781.954.954 0 0 0-1.225 1.464c.242.221 1.012.91 2.094 1.747 1.251 1.137 2.217 2.21 2.52 2.828-1.487-.313-5.566-2.739-8.883-5.107a.956.956 0 0 0-1.214 1.47c2.29 2.174 3.7 4.16 4.597 8.416.511 2.428 1.501 4.732 2.346 6.402-2.227-1.521-3.663-3.85-3.683-3.882zm21.786-2.65c-5.056.664-10.777-3.19-10.834-3.229a.952.952 0 0 0-1.273.18.952.952 0 0 0 .06 1.284c1.656 1.656 3.345 2.781 4.577 3.601.179.119.371.247.555.373-1.838-.092-5.032-2.164-6.793-3.606a.956.956 0 0 0-1.311 1.383c.713.781 1.389 1.654 1.799 2.292-1.396-.51-3.751-1.85-5.452-2.938-.393-1.743-.877-3.161-1.473-4.363 5.549 3.305 6.483 2.19 6.834 1.77.204-.245.433-.666.363-1.286v-.007c2.265 1.146 4.693 1.822 6.556.951.195-.092.476-.237.701-.468 3.438 1.921 5.237 3.359 5.784 4.049l-.093.014zm-1.298-3.629c-1.055-.716-2.406-1.54-4.182-2.504-.036-.02-.077-.021-.115-.035.313.012.633.021.962.021.918 0 1.885-.063 2.845-.203.073.047.143.099.231.127 2.959.93 4.74 1.637 5.31 2.11-.761.33-2.945.545-5.051.484zm5.629-2.38s-.011.003-.017.003c-.768-.447-1.86-.886-3.25-1.365.05-.1.088-.207.099-.323a.963.963 0 0 0-.175-.652c1.623.388 3.074.541 4.206.34 1.425-.254 2.716-.956 3.651-1.587h.001c.959 0 3.682-.034 7.171-.321-2.519 1.557-6.815 3.692-11.686 3.905zm38.528-16.323c-1.3 1.635-4.252 4.311-9.613 6.721-7.321 3.292-18.133 3.948-22.639 4.075a.87.87 0 0 0-.04-.213.958.958 0 0 0-.8-.643c-.085-.009-4.922-.572-10.302-2.194 3.225.305 6.269.456 9.117.456 8.043 0 14.613-1.121 19.956-2.801.028-.004.055.002.083-.004 2.944-.771 9.96-3.645 13.728-5.188l.51-.209zm-5.095-.912c-6.215 3.847-17.053 7.957-34.197 7.039a.948.948 0 0 0-.105-1.758 40.059 40.059 0 0 1-2.564-.973c2.624.077 6.04-.168 9.287-1.419a.954.954 0 0 0-.016-1.788l-1.248-.457c3.167-.132 7.05-.547 9.758-1.687a.955.955 0 0 0 .561-1.09c-.006-.023-.02-.042-.026-.065 5.721-1.433 16.255-4.74 27.129-11.553-2.342 3.892-9.145 11.129-28.403 15.68a.953.953 0 0 0 .363 1.873c.143-.022 13.235-2.078 26.752-9.815-1.602 1.781-3.968 3.956-7.291 6.013z"
+      />
+    </g>
+  </svg>
+);
+export default SvgZm;

package/src/country-selector/icons/Zw.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgZw = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 336" {...props}>
+    <g fill="none">
+      <path
+        fill="#73AF00"
+        d="M512.001 48.198H0V9.103A8.829 8.829 0 0 1 8.828.275h494.345a8.829 8.829 0 0 1 8.828 8.828v39.095z"
+      />
+      <path fill="#FFE15A" d="M0 48.199h512v47.923H0z" />
+      <path fill="#FF4B55" d="M0 96.121h512v47.923H0z" />
+      <path
+        fill="#73AF00"
+        d="M0 287.802h512v39.094a8.829 8.829 0 0 1-8.828 8.828H8.828A8.829 8.829 0 0 1 0 326.896v-39.094z"
+      />
+      <path fill="#FFE15A" d="M0 239.879h512v47.923H0z" />
+      <path fill="#FF4B55" d="M0 191.956h512v47.923H0z" />
+      <path
+        fill="#464655"
+        d="M512 144.04H195.818L14.222.276H8.828c-2.278 0-4.309.92-5.875 2.338v330.773c1.566 1.417 3.597 2.337 5.875 2.337h5.395L195.818 191.96H512v-47.92z"
+      />
+      <path
+        fill="#F5F5F5"
+        d="M2.953 333.386 211.862 168 2.953 2.614C1.167 4.23 0 6.506 0 9.103v317.793c0 2.598 1.167 4.874 2.953 6.49z"
+      />
+      <path
+        fill="#FF4B55"
+        d="m86.065 103.448 18.603 37.693 41.596 6.045-30.1 29.339 7.106 41.428-37.205-19.56-37.205 19.56 7.106-41.428-30.1-29.339 41.597-6.045z"
+      />
+      <path
+        fill="#FFE15A"
+        d="m134.328 172.803-49.436-38.27c-5.784-13.554-14.005-22.296-20.984-22.296-5.929 0-8.828 5.495-9.658 8.797-4.27 1.977-5.272 5.912-5.314 6.083a.95.95 0 0 0 .92 1.172l.885-.017c3.972-.092 10.59-.266 12.282 12.352 1.056 7.879-.512 21.992-5.497 32.629-3.484 7.432-2.333 13.442-2.282 13.694.095.474.536.786 1.028.756.076-.008.26-.015.494-.023l4 22.614a.947.947 0 0 0 .932.782h59.683a.947.947 0 0 0 .92-.723l6.667-27.384c.002-.008.011-.012.013-.02.004-.015-.001-.03.002-.045l2.118-8.698c1.567.185 2.499.282 2.551.288.452.059.82-.199.975-.59a.95.95 0 0 0-.299-1.101z"
+      />
+      <g fill="#464655">
+        <path d="m134.328 172.803-49.436-38.27c-5.784-13.554-14.005-22.296-20.984-22.296-5.929 0-8.828 5.495-9.658 8.797-4.27 1.977-5.272 5.912-5.314 6.083a.95.95 0 0 0 .92 1.172l.885-.017c3.972-.092 10.59-.266 12.282 12.352 1.056 7.879-.512 21.992-5.497 32.629-3.484 7.432-2.333 13.442-2.282 13.694.095.474.536.786 1.028.756.076-.008.26-.015.494-.023l4 22.614a.947.947 0 0 0 .932.782h59.683a.947.947 0 0 0 .92-.723l6.667-27.384c.002-.008.011-.012.013-.02.004-.015-.001-.03.002-.045l2.118-8.698c1.567.185 2.499.282 2.551.288.452.059.82-.199.975-.59a.95.95 0 0 0-.299-1.101zm-75.089 1.256c4.512-9.624 6.945-24.106 5.661-33.685-1.832-13.662-9.5-14.091-13.641-14.008a8.027 8.027 0 0 1 4.164-3.778.946.946 0 0 0 .569-.687c.066-.317 1.678-7.768 7.914-7.768 6.159 0 13.93 8.588 19.338 21.368.063.15.164.281.292.38l46.95 36.345c-8.275-1.004-29.898-3.983-42.706-9.03-6.695-2.637-8.221-6.65-9.567-10.191a.949.949 0 0 0-1.771.675c1.338 3.518 3.171 8.338 10.644 11.282 1.523.6 3.167 1.171 4.896 1.713-.301.913-2.217 5.566-10.712 8.618-6.884 2.474-11.783 6.644-12.452 10.411-2.516-.01-4.761-.006-6.647.006v-2.735c0-2.078 2.002-5.087 4.121-8.274 2.953-4.44 6.3-9.473 6.3-14.621a.949.949 0 0 0-1.896 0c0 4.575-3.179 9.355-5.983 13.571-2.382 3.581-4.438 6.674-4.438 9.323v2.751c-1.43.015-2.551.034-3.282.055-.169-1.783-.266-6.363 2.246-11.721zm37.571-6.001c-1.096 3.046-4.34 4.077-6.745 4.407 2.607-2.317 3.487-4.46 3.734-5.244.982.29 1.99.567 3.011.837zm1.826.471c1.043.262 2.095.514 3.158.758-.967 1.967-3.551 2.932-6.375 3.336 1.4-.888 2.586-2.198 3.217-4.094zm26.783 21.01c-9.604-2.959-37.32-3.716-54.69-3.827.588-2.152 3.314-4.978 7.93-7.243.047.008.09.029.139.029 25.93.092 43.979 3.938 48.114 4.907l-1.493 6.134zm-1.223 5.021-3.788-4.226c1.806.314 3.345.664 4.562 1.053l-.774 3.173zm-49.004.668 1.842 1.734c-.567-.004-1.126-.01-1.706-.013-.05-.556-.092-1.145-.136-1.721zm47.871 3.985-4.813-5.274a.941.941 0 0 0-1.226-.148l-5.652 3.784-4.253-4.661a.95.95 0 0 0-1.276-.113l-5.109 3.917-4.636-4.577a.948.948 0 0 0-1.276-.051l-4.991 4.198-4.676-4.339a.953.953 0 0 0-1.269-.018l-4.878 4.287-4.011-3.774c-.07-1.126-.132-2.286-.186-3.479l3.591 3.526a.95.95 0 0 0 1.281.042l5.023-4.324 4.589 4.519a.951.951 0 0 0 1.272.053l5.039-4.199 4.835 4.555a.944.944 0 0 0 1.226.062l5.057-3.879 4.231 4.855a.95.95 0 0 0 1.265.148l5.625-4.008 5.592 6.238c.067.074.151.12.233.168l-.607 2.492zm-2.843-.305a146.152 146.152 0 0 0-6.466-.647l3.648-2.442 2.818 3.089zm-11.087-.977c-1.902-.12-4.035-.236-6.417-.345l3.59-2.752 2.827 3.097zm-10.384-.511a584.532 584.532 0 0 0-7.057-.221l3.69-3.104 3.367 3.325zm-10.813-.308a799.533 799.533 0 0 0-6.946-.111l3.507-3.08 3.439 3.191zm-11.741-9.442c1.966.025 4.014.061 6.109.105l-3.198 2.753-2.911-2.858zm10.889.22c2.036.056 4.093.125 6.146.202l-3.218 2.681-2.928-2.883zm10.988.411c2.174.105 4.32.222 6.401.356l-3.319 2.546-3.082-2.902zm10.877.685c2.338.19 4.55.405 6.586.648l-3.715 2.647-2.871-3.295zm-50.268-1.345c2.847-.042 7.95-.065 14.175-.009.355 9.004 1.142 16.237 2.337 21.55H62.492l-3.811-21.541zm61.956 21.542H77.132c-.665-2.849-1.204-6.31-1.617-10.338 31.69.209 43.729 1.782 46.738 2.274a.92.92 0 0 0 .298.202l-1.914 7.862zm6.723-27.618c-4.006-.937-20.542-4.446-44.395-4.904 1.681-.67 3.114-1.395 4.321-2.145.564.071 2.225.254 4.307.254 4.323 0 10.396-.818 12.073-5.064 9.846 2.155 19.938 3.57 25.542 4.27l-1.848 7.589z" />
+        <path d="M66.592 120.606a3.161 3.161 0 0 0-3.158-3.158 3.161 3.161 0 0 0-3.158 3.158 3.161 3.161 0 0 0 3.158 3.158 3.162 3.162 0 0 0 3.158-3.158zm-3.158 1.263a1.264 1.264 0 1 1 .001-2.527 1.264 1.264 0 0 1-.001 2.527zm26.473 57.452a3.108 3.108 0 0 0-3.105 3.105 3.109 3.109 0 0 0 3.105 3.105 3.11 3.11 0 0 0 3.106-3.105 3.11 3.11 0 0 0-3.106-3.105zm0 4.316a1.211 1.211 0 1 1 .002-2.422 1.211 1.211 0 0 1-.002 2.422zm9.283-3.786a3.11 3.11 0 0 0-3.106 3.106 3.11 3.11 0 0 0 3.106 3.105 3.108 3.108 0 0 0 3.105-3.105 3.109 3.109 0 0 0-3.105-3.106zm0 4.316a1.213 1.213 0 0 1-1.212-1.21 1.212 1.212 0 1 1 1.212 1.21z" />
+      </g>
+    </g>
+  </svg>
+);
+export default SvgZw;

package/src/country-selector/icons/index.ts

@@ -0,0 +1,223 @@
+export { default as Ad } from "./Ad";
+export { default as Ae } from "./Ae";
+export { default as Af } from "./Af";
+export { default as Ag } from "./Ag";
+export { default as Ai } from "./Ai";
+export { default as Al } from "./Al";
+export { default as Am } from "./Am";
+export { default as Ao } from "./Ao";
+export { default as Ar } from "./Ar";
+export { default as As } from "./As";
+export { default as At } from "./At";
+export { default as Au } from "./Au";
+export { default as Aw } from "./Aw";
+export { default as Az } from "./Az";
+export { default as Ba } from "./Ba";
+export { default as Bb } from "./Bb";
+export { default as Bd } from "./Bd";
+export { default as Be } from "./Be";
+export { default as Bf } from "./Bf";
+export { default as Bg } from "./Bg";
+export { default as Bh } from "./Bh";
+export { default as Bi } from "./Bi";
+export { default as Bj } from "./Bj";
+export { default as Bm } from "./Bm";
+export { default as Bo } from "./Bo";
+export { default as Br } from "./Br";
+export { default as Bs } from "./Bs";
+export { default as Bt } from "./Bt";
+export { default as Bw } from "./Bw";
+export { default as By } from "./By";
+export { default as Bz } from "./Bz";
+export { default as Ca } from "./Ca";
+export { default as Cd } from "./Cd";
+export { default as Cf } from "./Cf";
+export { default as Cg } from "./Cg";
+export { default as Ch } from "./Ch";
+export { default as Ci } from "./Ci";
+export { default as Ck } from "./Ck";
+export { default as Cl } from "./Cl";
+export { default as Cm } from "./Cm";
+export { default as Cn } from "./Cn";
+export { default as Co } from "./Co";
+export { default as Cr } from "./Cr";
+export { default as Cu } from "./Cu";
+export { default as Cv } from "./Cv";
+export { default as Cw } from "./Cw";
+export { default as Cy } from "./Cy";
+export { default as Cz } from "./Cz";
+export { default as De } from "./De";
+export { default as Dj } from "./Dj";
+export { default as Dk } from "./Dk";
+export { default as Dm } from "./Dm";
+export { default as Do } from "./Do";
+export { default as Dz } from "./Dz";
+export { default as Ec } from "./Ec";
+export { default as Ee } from "./Ee";
+export { default as Eg } from "./Eg";
+export { default as Er } from "./Er";
+export { default as Es } from "./Es";
+export { default as Et } from "./Et";
+export { default as Fi } from "./Fi";
+export { default as Fj } from "./Fj";
+export { default as Fk } from "./Fk";
+export { default as Fm } from "./Fm";
+export { default as Fo } from "./Fo";
+export { default as Fr } from "./Fr";
+export { default as Ga } from "./Ga";
+export { default as Gb } from "./Gb";
+export { default as Gd } from "./Gd";
+export { default as Ge } from "./Ge";
+export { default as Gg } from "./Gg";
+export { default as Gh } from "./Gh";
+export { default as Gi } from "./Gi";
+export { default as Gl } from "./Gl";
+export { default as Gm } from "./Gm";
+export { default as Gn } from "./Gn";
+export { default as Gq } from "./Gq";
+export { default as Gr } from "./Gr";
+export { default as Gt } from "./Gt";
+export { default as Gu } from "./Gu";
+export { default as Gw } from "./Gw";
+export { default as Hk } from "./Hk";
+export { default as Hn } from "./Hn";
+export { default as Hr } from "./Hr";
+export { default as Ht } from "./Ht";
+export { default as Hu } from "./Hu";
+export { default as Id } from "./Id";
+export { default as Ie } from "./Ie";
+export { default as Il } from "./Il";
+export { default as Im } from "./Im";
+export { default as In } from "./In";
+export { default as Io } from "./Io";
+export { default as Iq } from "./Iq";
+export { default as Ir } from "./Ir";
+export { default as Is } from "./Is";
+export { default as It } from "./It";
+export { default as Je } from "./Je";
+export { default as Jm } from "./Jm";
+export { default as Jo } from "./Jo";
+export { default as Jp } from "./Jp";
+export { default as Ke } from "./Ke";
+export { default as Kg } from "./Kg";
+export { default as Kh } from "./Kh";
+export { default as Ki } from "./Ki";
+export { default as Km } from "./Km";
+export { default as Kn } from "./Kn";
+export { default as Kp } from "./Kp";
+export { default as Kr } from "./Kr";
+export { default as Kw } from "./Kw";
+export { default as Ky } from "./Ky";
+export { default as Kz } from "./Kz";
+export { default as La } from "./La";
+export { default as Lb } from "./Lb";
+export { default as Li } from "./Li";
+export { default as Lk } from "./Lk";
+export { default as Lr } from "./Lr";
+export { default as Ls } from "./Ls";
+export { default as Lt } from "./Lt";
+export { default as Lu } from "./Lu";
+export { default as Lv } from "./Lv";
+export { default as Ly } from "./Ly";
+export { default as Ma } from "./Ma";
+export { default as Mc } from "./Mc";
+export { default as Md } from "./Md";
+export { default as Me } from "./Me";
+export { default as Mg } from "./Mg";
+export { default as Mh } from "./Mh";
+export { default as Mk } from "./Mk";
+export { default as Ml } from "./Ml";
+export { default as Mm } from "./Mm";
+export { default as Mn } from "./Mn";
+export { default as Mo } from "./Mo";
+export { default as Mp } from "./Mp";
+export { default as Mq } from "./Mq";
+export { default as Mr } from "./Mr";
+export { default as Ms } from "./Ms";
+export { default as Mt } from "./Mt";
+export { default as Mu } from "./Mu";
+export { default as Mv } from "./Mv";
+export { default as Mw } from "./Mw";
+export { default as Mx } from "./Mx";
+export { default as My } from "./My";
+export { default as Mz } from "./Mz";
+export { default as Na } from "./Na";
+export { default as Nato } from "./Nato";
+export { default as Ne } from "./Ne";
+export { default as Nf } from "./Nf";
+export { default as Ng } from "./Ng";
+export { default as Ni } from "./Ni";
+export { default as Nl } from "./Nl";
+export { default as No } from "./No";
+export { default as Np } from "./Np";
+export { default as Nr } from "./Nr";
+export { default as Nu } from "./Nu";
+export { default as Nz } from "./Nz";
+export { default as Om } from "./Om";
+export { default as Pa } from "./Pa";
+export { default as Pe } from "./Pe";
+export { default as Pf } from "./Pf";
+export { default as Pg } from "./Pg";
+export { default as Ph } from "./Ph";
+export { default as Pk } from "./Pk";
+export { default as Pl } from "./Pl";
+export { default as Pn } from "./Pn";
+export { default as Pr } from "./Pr";
+export { default as Ps } from "./Ps";
+export { default as Pt } from "./Pt";
+export { default as Pw } from "./Pw";
+export { default as Py } from "./Py";
+export { default as Qa } from "./Qa";
+export { default as Ro } from "./Ro";
+export { default as Rs } from "./Rs";
+export { default as Ru } from "./Ru";
+export { default as Rw } from "./Rw";
+export { default as Sa } from "./Sa";
+export { default as Sb } from "./Sb";
+export { default as Sc } from "./Sc";
+export { default as Sd } from "./Sd";
+export { default as Se } from "./Se";
+export { default as Sg } from "./Sg";
+export { default as Si } from "./Si";
+export { default as Sk } from "./Sk";
+export { default as Sl } from "./Sl";
+export { default as Sm } from "./Sm";
+export { default as Sn } from "./Sn";
+export { default as So } from "./So";
+export { default as Sq } from "./Sq";
+export { default as Sr } from "./Sr";
+export { default as Ss } from "./Ss";
+export { default as St } from "./St";
+export { default as Sv } from "./Sv";
+export { default as Sx } from "./Sx";
+export { default as Sy } from "./Sy";
+export { default as Sz } from "./Sz";
+export { default as Tc } from "./Tc";
+export { default as Td } from "./Td";
+export { default as Tg } from "./Tg";
+export { default as Th } from "./Th";
+export { default as Tibet } from "./Tibet";
+export { default as Tj } from "./Tj";
+export { default as Tk } from "./Tk";
+export { default as Tm } from "./Tm";
+export { default as Tn } from "./Tn";
+export { default as To } from "./To";
+export { default as Tr } from "./Tr";
+export { default as Tt } from "./Tt";
+export { default as Tv } from "./Tv";
+export { default as Tw } from "./Tw";
+export { default as Tz } from "./Tz";
+export { default as Ua } from "./Ua";
+export { default as Ug } from "./Ug";
+export { default as Us } from "./Us";
+export { default as Uy } from "./Uy";
+export { default as Uz } from "./Uz";
+export { default as Ve } from "./Ve";
+export { default as Vi } from "./Vi";
+export { default as Vn } from "./Vn";
+export { default as Vu } from "./Vu";
+export { default as Ws } from "./Ws";
+export { default as Ye } from "./Ye";
+export { default as Za } from "./Za";
+export { default as Zm } from "./Zm";
+export { default as Zw } from "./Zw";

package/src/country-selector/index.ts

@@ -0,0 +1,2 @@
+export * from "./country-selector";
+export * from "./country-selector.types";

package/src/index.ts

@@ -0,0 +1,17 @@
+export * from "./breadcrumb";
+export * from "./use-breadcrumb";
+export * from "./country-selector";
+export * from "./input";
+export * from "./loader";
+export * from "./use-match-device";
+export * from "./use-match-resolution";
+export * from "./modal";
+export * from "./mount-react-hook";
+export * from "./pagination";
+export * from "./use-outside-alerter";
+export * from "./use-pagination";
+export * from "./use-scroll-to";
+export * from "./select";
+export * from "./table";
+export * from "./use-visible";
+export * from "./wizard";

package/src/input/index.ts

@@ -0,0 +1,2 @@
+export * from "./input";
+export * from "./input.types";

package/src/input/input.module.css

@@ -0,0 +1,71 @@
+.container {
+  --success-color: green;
+  --warning-color: orange;
+  --error-color: red;
+  --focus-color: blue;
+
+  position: relative;
+}
+
+.input-container {
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+}
+
+.input {
+  padding: 10px;
+  width: 100%;
+  border: 0;
+  background-color: transparent;
+  outline: none;
+  z-index: 1;
+  color: black;
+
+  &:focus + .fieldset {
+    border-width: 2px;
+
+    &:not(:global(.success), :global(.warning), :global(.error)) {
+      border-color: var(--focus-color);
+    }
+  }
+}
+
+.fieldset {
+  border: 1px solid black;
+  border-radius: 5px;
+  position: absolute;
+  inset: -8.5px 0 0;
+  font-size: 15px;
+  margin: 0;
+
+  :global(&.success) {
+    border-color: var(--success-color);
+    color: var(--success-color);
+  }
+
+  :global(&.warning) {
+    border-color: var(--warning-color);
+    color: var(--warning-color);
+  }
+
+  :global(&.error) {
+    border-color: var(--error-color);
+    color: var(--error-color);
+  }
+}
+
+.legend {
+  padding: 0 5px;
+}
+
+.message-container {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 5px;
+}
+
+.message {
+  font-size: 14px;
+}

package/src/input/input.tsx

@@ -0,0 +1,38 @@
+import React, { CSSProperties } from "react";
+import clsx from "clsx";
+import { InputType, InputColors, InputStatus } from "./input.types";
+import styles from "./input.module.css";
+
+type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+  label: string;
+  type: InputType;
+  colors?: InputColors;
+  status?: InputStatus;
+  message?: string;
+};
+
+export const Input = ({ label, message, colors, status, ...rest }: Props) => {
+  const CSSVariables = {
+    "--success-color": colors?.success,
+    "--warning-color": colors?.warning,
+    "--error-color": colors?.error,
+    "--focus-color": colors?.focus,
+  } as CSSProperties;
+
+  return (
+    <div className={styles.container} style={CSSVariables}>
+      <div className={styles["input-container"]}>
+        <input className={clsx(styles.input, status)} {...rest} />
+        <fieldset className={clsx(styles.fieldset, status)}>
+          <legend className={styles.legend}>{label}</legend>
+        </fieldset>
+      </div>
+
+      {message && (
+        <div className={styles["message-container"]}>
+          <span className={styles.message}>{message}</span>
+        </div>
+      )}
+    </div>
+  );
+};

package/src/input/input.types.ts

@@ -0,0 +1,10 @@
+export type InputType = "text" | "password";
+
+export type InputColors = {
+  focus: string;
+  success: string;
+  error: string;
+  warning: string;
+};
+
+export type InputStatus = "success" | "warning" | "error";

package/src/loader/index.ts

@@ -0,0 +1 @@
+export * from "./loader";

package/src/loader/loader.module.css

@@ -0,0 +1,40 @@
+.overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  overflow-y: auto;
+  z-index: 2;
+}
+
+.container {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, 0);
+  width: 50%;
+  color: #f9fbff;
+}
+
+.image-container {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+}
+
+@keyframes loading {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.image {
+  animation: loading 3s linear infinite;
+  margin-bottom: 2rem;
+}

package/src/loader/loader.tsx

@@ -0,0 +1,30 @@
+import React, { ReactNode } from "react";
+import styles from "./loader.module.css";
+
+type LoaderProps = {
+  children: ReactNode;
+};
+
+type LoaderWithImageProps = {
+  src: string;
+  text: string;
+};
+
+export const Loader = (props: LoaderProps | LoaderWithImageProps) => {
+  const Root = ({ children }: LoaderProps) => (
+    <div className={styles.overlay}>
+      <div className={styles.container}>{children}</div>
+    </div>
+  );
+
+  const LoaderWithImage = ({ src, text }: LoaderWithImageProps) => (
+    <Root>
+      <div className={styles["image-container"]}>
+        <img className={styles.image} src={src} alt="loader-image"></img>
+        <span>{text}</span>
+      </div>
+    </Root>
+  );
+
+  return "children" in props ? Root(props) : LoaderWithImage(props);
+};

package/src/modal/index.ts

@@ -0,0 +1 @@
+export * from "./modal";

package/src/modal/modal.module.css

@@ -0,0 +1,22 @@
+.container {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+  background-color: #f9fbff;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  z-index: 1;
+  margin: 5rem 0 5rem 0;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  overflow-y: auto;
+  z-index: 1;
+}

package/src/modal/modal.tsx

@@ -0,0 +1,27 @@
+import React, { ReactNode, useEffect, useRef } from "react";
+import styles from "./modal.module.css";
+import { useOutsideAlerter } from "..";
+
+type Props = {
+  children: ReactNode;
+  onClickedOutside?: () => void;
+};
+
+export const Modal = ({ children, onClickedOutside }: Props) => {
+  const ref = useRef(null);
+  const { hasClickedOutside } = useOutsideAlerter(ref);
+
+  useEffect(() => {
+    if (onClickedOutside && hasClickedOutside) {
+      onClickedOutside();
+    }
+  }, [hasClickedOutside]);
+
+  return (
+    <div className={styles.overlay}>
+      <div className={styles.container} ref={ref}>
+        {children}
+      </div>
+    </div>
+  );
+};

package/src/mount-react-hook/index.ts

@@ -0,0 +1,2 @@
+export * from "./mount-react-hook";
+export * from "./mount-react-hook.types";