@syscore/ui-library 1.1.12 → 1.1.13

package/client/components/icons/ProviderSeals.tsx

@@ -14,25 +14,25 @@ export const SealProviders = ({ className }: { className?: string }) => {
         d="M27.5 0.75C42.2736 0.75 54.25 12.7264 54.25 27.5C54.25 42.2736 42.2736 54.25 27.5 54.25C12.7264 54.25 0.75 42.2736 0.75 27.5C0.75 12.7264 12.7264 0.75 27.5 0.75Z"
         fill="white"
         stroke="#EEDEC9"
-        stroke-width="1.5"
+        strokeWidth="1.5"
       />
       <path
         d="M43.3533 27.4994C43.3533 28.9184 43.1666 30.2945 42.8171 31.6037C42.4549 32.9587 41.918 34.2417 41.2317 35.4276C40.5356 36.6304 39.6865 37.7338 38.71 38.7097C37.7334 39.6855 36.6307 40.5353 35.4279 41.2314C34.242 41.9177 32.959 42.4546 31.604 42.8168C30.249 43.179 28.9194 43.353 27.4997 43.353C26.0799 43.353 24.7045 43.1663 23.3953 42.8168C22.0404 42.4546 20.7573 41.9177 19.5714 41.2314C18.3687 40.5353 17.2652 39.6862 16.2894 38.7097C15.3135 37.7338 14.4637 36.6304 13.7676 35.4276C13.0813 34.2417 12.5444 32.9587 12.1822 31.6037C11.832 30.2945 11.646 28.9191 11.646 27.4994C11.646 26.0796 11.8327 24.7042 12.1822 23.395C12.5444 22.0401 13.0813 20.757 13.7676 19.5711C14.4637 18.3684 15.3128 17.2649 16.2894 16.2891"
         stroke="#CBCDD2"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M6.94081 33.0085C6.47154 31.2512 6.2207 29.4051 6.2207 27.4998C6.2207 25.5946 6.47084 23.7478 6.94081 21.9912C7.42699 20.1726 8.1478 18.4506 9.06872 16.8589C10.003 15.2446 11.1431 13.7642 12.4537 12.4537C13.7642 11.1431 15.2446 10.003 16.8589 9.06872C18.4506 8.1478 20.1733 7.42699 21.9912 6.94081C23.7485 6.47154 25.5946 6.2207 27.4998 6.2207"
         stroke="#CBCDD2"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M45.9309 38.1416C44.9966 39.7559 43.8565 41.2362 42.546 42.5468C41.2354 43.8574 39.755 44.9974 38.1408 45.9317C36.5491 46.8527 34.8263 47.5735 33.0084 48.0596C31.2511 48.5289 29.405 48.7798 27.4998 48.7798C25.5945 48.7798 23.7478 48.5296 21.9912 48.0596C20.1726 47.5735 18.4505 46.8527 16.8588 45.9317C15.2446 44.9974 13.7642 43.8574 12.4536 42.5468"
         stroke="#CBCDD2"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M16.2898 18.2622C17.3794 18.2622 18.2627 17.3789 18.2627 16.2893C18.2627 15.1997 17.3794 14.3164 16.2898 14.3164C15.2002 14.3164 14.3169 15.1997 14.3169 16.2893C14.3169 17.3789 15.2002 18.2622 16.2898 18.2622Z"
@@ -76,25 +76,25 @@ export const SealProductProvider = ({ className }: { className?: string }) => {
         d="M27.5 0.75C42.2736 0.75 54.25 12.7264 54.25 27.5C54.25 42.2736 42.2736 54.25 27.5 54.25C12.7264 54.25 0.75 42.2736 0.75 27.5C0.75 12.7264 12.7264 0.75 27.5 0.75Z"
         fill="#16ADCF"
         stroke="#95E2F4"
-        stroke-width="1.5"
+        strokeWidth="1.5"
       />
       <path
         d="M43.3533 27.4994C43.3533 28.9184 43.1666 30.2945 42.8171 31.6037C42.4549 32.9587 41.918 34.2417 41.2317 35.4276C40.5356 36.6304 39.6865 37.7338 38.71 38.7097C37.7334 39.6855 36.6307 40.5353 35.4279 41.2314C34.242 41.9177 32.959 42.4546 31.604 42.8168C30.249 43.179 28.9194 43.353 27.4997 43.353C26.0799 43.353 24.7045 43.1663 23.3953 42.8168C22.0404 42.4546 20.7573 41.9177 19.5714 41.2314C18.3687 40.5353 17.2652 39.6862 16.2894 38.7097C15.3135 37.7338 14.4637 36.6304 13.7676 35.4276C13.0813 34.2417 12.5444 32.9587 12.1822 31.6037C11.832 30.2945 11.646 28.9191 11.646 27.4994C11.646 26.0796 11.8327 24.7042 12.1822 23.395C12.5444 22.0401 13.0813 20.757 13.7676 19.5711C14.4637 18.3684 15.3128 17.2649 16.2894 16.2891"
         stroke="#95E2F4"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M6.94081 33.0085C6.47154 31.2512 6.2207 29.4051 6.2207 27.4998C6.2207 25.5946 6.47084 23.7478 6.94081 21.9912C7.42699 20.1726 8.1478 18.4506 9.06872 16.8589C10.003 15.2446 11.1431 13.7642 12.4537 12.4537C13.7642 11.1431 15.2446 10.003 16.8589 9.06872C18.4506 8.1478 20.1733 7.42699 21.9912 6.94081C23.7485 6.47154 25.5946 6.2207 27.4998 6.2207"
         stroke="#95E2F4"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M45.9309 38.1416C44.9966 39.7559 43.8565 41.2362 42.546 42.5468C41.2354 43.8574 39.755 44.9974 38.1408 45.9317C36.5491 46.8527 34.8263 47.5735 33.0084 48.0596C31.2511 48.5289 29.405 48.7798 27.4998 48.7798C25.5945 48.7798 23.7478 48.5296 21.9912 48.0596C20.1726 47.5735 18.4505 46.8527 16.8588 45.9317C15.2446 44.9974 13.7642 43.8574 12.4536 42.5468"
         stroke="#95E2F4"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M16.2898 18.2622C17.3794 18.2622 18.2627 17.3789 18.2627 16.2893C18.2627 15.1997 17.3794 14.3164 16.2898 14.3164C15.2002 14.3164 14.3169 15.1997 14.3169 16.2893C14.3169 17.3789 15.2002 18.2622 16.2898 18.2622Z"
@@ -142,25 +142,25 @@ export const SealEnterpriseProvider = ({
         d="M27.5 0.75C42.2736 0.75 54.25 12.7264 54.25 27.5C54.25 42.2736 42.2736 54.25 27.5 54.25C12.7264 54.25 0.75 42.2736 0.75 27.5C0.75 12.7264 12.7264 0.75 27.5 0.75Z"
         fill="#3481C1"
         stroke="#CBE0F1"
-        stroke-width="1.5"
+        strokeWidth="1.5"
       />
       <path
         d="M43.3533 27.4994C43.3533 28.9184 43.1666 30.2945 42.8171 31.6037C42.4549 32.9587 41.918 34.2417 41.2317 35.4276C40.5356 36.6304 39.6865 37.7338 38.71 38.7097C37.7334 39.6855 36.6307 40.5353 35.4279 41.2314C34.242 41.9177 32.959 42.4546 31.604 42.8168C30.249 43.179 28.9194 43.353 27.4997 43.353C26.0799 43.353 24.7045 43.1663 23.3953 42.8168C22.0404 42.4546 20.7573 41.9177 19.5714 41.2314C18.3687 40.5353 17.2652 39.6862 16.2894 38.7097C15.3135 37.7338 14.4637 36.6304 13.7676 35.4276C13.0813 34.2417 12.5444 32.9587 12.1822 31.6037C11.832 30.2945 11.646 28.9191 11.646 27.4994C11.646 26.0796 11.8327 24.7042 12.1822 23.395C12.5444 22.0401 13.0813 20.757 13.7676 19.5711C14.4637 18.3684 15.3128 17.2649 16.2894 16.2891"
         stroke="#CBE0F1"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M6.94081 33.0085C6.47154 31.2512 6.2207 29.4051 6.2207 27.4998C6.2207 25.5946 6.47084 23.7478 6.94081 21.9912C7.42699 20.1726 8.1478 18.4506 9.06872 16.8589C10.003 15.2446 11.1431 13.7642 12.4537 12.4537C13.7642 11.1431 15.2446 10.003 16.8589 9.06872C18.4506 8.1478 20.1733 7.42699 21.9912 6.94081C23.7485 6.47154 25.5946 6.2207 27.4998 6.2207"
         stroke="#CBE0F1"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M45.9309 38.1416C44.9966 39.7559 43.8565 41.2362 42.546 42.5468C41.2354 43.8574 39.755 44.9974 38.1408 45.9317C36.5491 46.8527 34.8263 47.5735 33.0084 48.0596C31.2511 48.5289 29.405 48.7798 27.4998 48.7798C25.5945 48.7798 23.7478 48.5296 21.9912 48.0596C20.1726 47.5735 18.4505 46.8527 16.8588 45.9317C15.2446 44.9974 13.7642 43.8574 12.4536 42.5468"
         stroke="#CBE0F1"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M16.2898 18.2622C17.3794 18.2622 18.2627 17.3789 18.2627 16.2893C18.2627 15.1997 17.3794 14.3164 16.2898 14.3164C15.2002 14.3164 14.3169 15.1997 14.3169 16.2893C14.3169 17.3789 15.2002 18.2622 16.2898 18.2622Z"
@@ -208,25 +208,25 @@ export const SealPerformanceTestingProvider = ({
         d="M27.5 0.75C42.2736 0.75 54.25 12.7264 54.25 27.5C54.25 42.2736 42.2736 54.25 27.5 54.25C12.7264 54.25 0.75 42.2736 0.75 27.5C0.75 12.7264 12.7264 0.75 27.5 0.75Z"
         fill="#ED896F"
         stroke="#F8DFD8"
-        stroke-width="1.5"
+        strokeWidth="1.5"
       />
       <path
         d="M43.3533 27.4994C43.3533 28.9184 43.1666 30.2945 42.8171 31.6037C42.4549 32.9587 41.918 34.2417 41.2317 35.4276C40.5356 36.6304 39.6865 37.7338 38.71 38.7097C37.7334 39.6855 36.6307 40.5353 35.4279 41.2314C34.242 41.9177 32.959 42.4546 31.604 42.8168C30.249 43.179 28.9194 43.353 27.4997 43.353C26.0799 43.353 24.7045 43.1663 23.3953 42.8168C22.0404 42.4546 20.7573 41.9177 19.5714 41.2314C18.3687 40.5353 17.2652 39.6862 16.2894 38.7097C15.3135 37.7338 14.4637 36.6304 13.7676 35.4276C13.0813 34.2417 12.5444 32.9587 12.1822 31.6037C11.832 30.2945 11.646 28.9191 11.646 27.4994C11.646 26.0796 11.8327 24.7042 12.1822 23.395C12.5444 22.0401 13.0813 20.757 13.7676 19.5711C14.4637 18.3684 15.3128 17.2649 16.2894 16.2891"
         stroke="#F8DFD8"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M6.94081 33.0085C6.47154 31.2512 6.2207 29.4051 6.2207 27.4998C6.2207 25.5946 6.47084 23.7478 6.94081 21.9912C7.42699 20.1726 8.1478 18.4506 9.06872 16.8589C10.003 15.2446 11.1431 13.7642 12.4537 12.4537C13.7642 11.1431 15.2446 10.003 16.8589 9.06872C18.4506 8.1478 20.1733 7.42699 21.9912 6.94081C23.7485 6.47154 25.5946 6.2207 27.4998 6.2207"
         stroke="#F8DFD8"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M45.9309 38.1416C44.9966 39.7559 43.8565 41.2362 42.546 42.5468C41.2354 43.8574 39.755 44.9974 38.1408 45.9317C36.5491 46.8527 34.8263 47.5735 33.0084 48.0596C31.2511 48.5289 29.405 48.7798 27.4998 48.7798C25.5945 48.7798 23.7478 48.5296 21.9912 48.0596C20.1726 47.5735 18.4505 46.8527 16.8588 45.9317C15.2446 44.9974 13.7642 43.8574 12.4536 42.5468"
         stroke="#F8DFD8"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M16.2898 18.2622C17.3794 18.2622 18.2627 17.3789 18.2627 16.2893C18.2627 15.1997 17.3794 14.3164 16.2898 14.3164C15.2002 14.3164 14.3169 15.1997 14.3169 16.2893C14.3169 17.3789 15.2002 18.2622 16.2898 18.2622Z"
@@ -270,25 +270,25 @@ export const SealSurveyProvider = ({ className }: { className?: string }) => {
         d="M27.5 0.75C42.2736 0.75 54.25 12.7264 54.25 27.5C54.25 42.2736 42.2736 54.25 27.5 54.25C12.7264 54.25 0.75 42.2736 0.75 27.5C0.75 12.7264 12.7264 0.75 27.5 0.75Z"
         fill="#52545D"
         stroke="#9FA2AB"
-        stroke-width="1.5"
+        strokeWidth="1.5"
       />
       <path
         d="M43.3533 27.4994C43.3533 28.9184 43.1666 30.2945 42.8171 31.6037C42.4549 32.9587 41.918 34.2417 41.2317 35.4276C40.5356 36.6304 39.6865 37.7338 38.71 38.7097C37.7334 39.6855 36.6307 40.5353 35.4279 41.2314C34.242 41.9177 32.959 42.4546 31.604 42.8168C30.249 43.179 28.9194 43.353 27.4997 43.353C26.0799 43.353 24.7045 43.1663 23.3953 42.8168C22.0404 42.4546 20.7573 41.9177 19.5714 41.2314C18.3687 40.5353 17.2652 39.6862 16.2894 38.7097C15.3135 37.7338 14.4637 36.6304 13.7676 35.4276C13.0813 34.2417 12.5444 32.9587 12.1822 31.6037C11.832 30.2945 11.646 28.9191 11.646 27.4994C11.646 26.0796 11.8327 24.7042 12.1822 23.395C12.5444 22.0401 13.0813 20.757 13.7676 19.5711C14.4637 18.3684 15.3128 17.2649 16.2894 16.2891"
         stroke="#9FA2AB"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M6.94081 33.0085C6.47154 31.2512 6.2207 29.4051 6.2207 27.4998C6.2207 25.5946 6.47084 23.7478 6.94081 21.9912C7.42699 20.1726 8.1478 18.4506 9.06872 16.8589C10.003 15.2446 11.1431 13.7642 12.4537 12.4537C13.7642 11.1431 15.2446 10.003 16.8589 9.06872C18.4506 8.1478 20.1733 7.42699 21.9912 6.94081C23.7485 6.47154 25.5946 6.2207 27.4998 6.2207"
         stroke="#9FA2AB"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M45.9309 38.1416C44.9966 39.7559 43.8565 41.2362 42.546 42.5468C41.2354 43.8574 39.755 44.9974 38.1408 45.9317C36.5491 46.8527 34.8263 47.5735 33.0084 48.0596C31.2511 48.5289 29.405 48.7798 27.4998 48.7798C25.5945 48.7798 23.7478 48.5296 21.9912 48.0596C20.1726 47.5735 18.4505 46.8527 16.8588 45.9317C15.2446 44.9974 13.7642 43.8574 12.4536 42.5468"
         stroke="#9FA2AB"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
       />
       <path
         d="M16.2898 18.2622C17.3794 18.2622 18.2627 17.3789 18.2627 16.2893C18.2627 15.1997 17.3794 14.3164 16.2898 14.3164C15.2002 14.3164 14.3169 15.1997 14.3169 16.2893C14.3169 17.3789 15.2002 18.2622 16.2898 18.2622Z"

package/client/components/icons/StandardLogo.tsx

@@ -0,0 +1,47 @@
+import { cn } from "@/lib/utils";
+
+export const StandardLogo = ({ className = "" }: { className?: string }) => {
+  return (
+    <svg
+      width="93"
+      height="18"
+      viewBox="0 0 93 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={cn("text-gray-700", className)}
+    >
+      <path
+        d="M87.4833 17.1541C84.5265 17.1541 82.2737 14.8309 82.2737 11.7333C82.2737 8.63573 84.5265 6.31253 87.4833 6.31253C89.4779 6.31253 91.1675 7.36853 92.0358 9.0112V0.281599C92.0358 0.117333 92.1531 0 92.3174 0H92.599C92.7633 0 92.8806 0.117333 92.8806 0.281599V16.7317C92.8806 16.896 92.7633 17.0133 92.599 17.0133H92.3174C92.1531 17.0133 92.0358 16.896 92.0358 16.7317V14.4555C91.1675 16.0981 89.4779 17.1541 87.4833 17.1541ZM87.5771 7.1808C85.0662 7.1808 83.1419 9.12853 83.1419 11.7333C83.1419 14.3381 85.0662 16.3093 87.5771 16.3093C90.0881 16.3093 91.9889 14.3381 91.9889 11.7333C91.9889 9.12853 90.0881 7.1808 87.5771 7.1808Z"
+        fill="currentColor"
+      />
+      <path
+        d="M75.8349 17.0133C75.6706 17.0133 75.5298 16.896 75.5298 16.7317V6.73493C75.5298 6.57067 75.6706 6.45333 75.8349 6.45333H76.1165C76.2807 6.45333 76.3981 6.57067 76.3981 6.73493V8.63573C76.8674 7.8144 78.0642 6.4064 80.7629 6.31253C80.9037 6.31253 81.0445 6.42987 81.0445 6.59413V6.94613C81.0445 7.1104 80.9271 7.20427 80.7629 7.20427C80.6925 7.1808 80.6455 7.1808 80.5751 7.1808C78.2285 7.1808 76.3981 8.77653 76.3981 10.8885V16.7317C76.3981 16.896 76.2807 17.0133 76.1165 17.0133H75.8349Z"
+        fill="currentColor"
+      />
+      <path
+        d="M66.4457 17.1541C63.4889 17.1541 61.2361 14.8309 61.2361 11.7333C61.2361 8.63573 63.4889 6.31253 66.4457 6.31253C68.4403 6.31253 70.13 7.36853 70.9982 9.0112V6.73493C70.9982 6.57067 71.1156 6.45333 71.2798 6.45333H71.5849C71.7257 6.45333 71.8665 6.57067 71.8665 6.73493V16.7317C71.8665 16.896 71.7257 17.0133 71.5849 17.0133H71.2798C71.1156 17.0133 70.9982 16.896 70.9982 16.7317V14.4555C70.13 16.0981 68.4403 17.1541 66.4457 17.1541ZM66.5396 7.1808C64.0286 7.1808 62.1044 9.12853 62.1044 11.7333C62.1044 14.3381 64.0286 16.3093 66.5396 16.3093C69.0505 16.3093 70.9513 14.3381 70.9513 11.7333C70.9513 9.12853 69.0505 7.1808 66.5396 7.1808Z"
+        fill="currentColor"
+      />
+      <path
+        d="M52.8561 17.1541C49.8993 17.1541 47.6465 14.8309 47.6465 11.7333C47.6465 8.63573 49.8993 6.31253 52.8561 6.31253C54.8507 6.31253 56.5404 7.36853 57.4086 9.0112V0.281599C57.4086 0.117333 57.526 0 57.6902 0H57.9718C58.1361 0 58.2534 0.117333 58.2534 0.281599V16.7317C58.2534 16.896 58.1361 17.0133 57.9718 17.0133H57.6902C57.526 17.0133 57.4086 16.896 57.4086 16.7317V14.4555C56.5404 16.0981 54.8507 17.1541 52.8561 17.1541ZM52.95 7.1808C50.439 7.1808 48.5148 9.12853 48.5148 11.7333C48.5148 14.3381 50.439 16.3093 52.95 16.3093C55.4609 16.3093 57.3617 14.3381 57.3617 11.7333C57.3617 9.12853 55.4609 7.1808 52.95 7.1808Z"
+        fill="currentColor"
+      />
+      <path
+        d="M35.5473 17.0133C35.383 17.0133 35.2422 16.896 35.2422 16.7317V6.73493C35.2422 6.57067 35.383 6.45333 35.5473 6.45333H35.8289C35.9931 6.45333 36.1105 6.57067 36.1105 6.73493V8.75307C36.5329 7.90827 37.7297 6.31253 40.4518 6.31253C42.9393 6.31253 44.7697 8.14293 44.7697 10.6304V16.7317C44.7697 16.896 44.6523 17.0133 44.4881 17.0133H44.2065C44.0422 17.0133 43.9249 16.896 43.9249 16.7317V10.7712C43.9249 8.70613 42.3526 7.13387 40.2875 7.13387C37.9409 7.13387 36.1105 8.75307 36.1105 10.8416V16.7317C36.1105 16.896 35.9931 17.0133 35.8289 17.0133H35.5473Z"
+        fill="currentColor"
+      />
+      <path
+        d="M26.1583 17.1541C23.2015 17.1541 20.9487 14.8309 20.9487 11.7333C20.9487 8.63573 23.2015 6.31253 26.1583 6.31253C28.153 6.31253 29.8426 7.36853 30.7109 9.0112V6.73493C30.7109 6.57067 30.8282 6.45333 30.9925 6.45333H31.2975C31.4383 6.45333 31.5791 6.57067 31.5791 6.73493V16.7317C31.5791 16.896 31.4383 17.0133 31.2975 17.0133H30.9925C30.8282 17.0133 30.7109 16.896 30.7109 16.7317V14.4555C29.8426 16.0981 28.153 17.1541 26.1583 17.1541ZM26.2522 7.1808C23.7413 7.1808 21.817 9.12853 21.817 11.7333C21.817 14.3381 23.7413 16.3093 26.2522 16.3093C28.7631 16.3093 30.6639 14.3381 30.6639 11.7333C30.6639 9.12853 28.7631 7.1808 26.2522 7.1808Z"
+        fill="currentColor"
+      />
+      <path
+        d="M13.285 7.2512C13.1208 7.2512 13.0034 7.13387 13.0034 6.9696V6.73493C13.0034 6.57067 13.1208 6.45333 13.285 6.45333H14.9277V4.41173C14.9277 4.24747 15.045 4.13013 15.2093 4.13013H15.4909C15.6552 4.13013 15.7725 4.24747 15.7725 4.41173V6.45333H18.7997C18.964 6.45333 19.0813 6.57067 19.0813 6.73493V6.9696C19.0813 7.13387 18.964 7.2512 18.7997 7.2512H15.7725V14.08C15.7725 15.2768 16.5234 16.1685 17.5325 16.1685H18.7762C18.9405 16.1685 19.0578 16.2859 19.0578 16.4501V16.7317C19.0578 16.896 18.9405 17.0133 18.7762 17.0133H17.4856C16.0306 17.0133 14.9277 15.7696 14.9277 14.1504V7.2512H13.285Z"
+        fill="currentColor"
+      />
+      <path
+        d="M9.84461 4.576C9.46915 3.0272 7.73262 1.9008 5.55022 1.9008C3.10968 1.9008 1.25581 3.28533 1.25581 5.2096C1.25581 7.29813 3.46168 7.90827 5.83182 8.47147C8.38968 9.0112 11.1587 9.83253 11.1587 12.6955C11.1587 15.3237 8.78862 17.1776 5.59715 17.1776C2.73422 17.1776 0.551815 15.6992 0.0120816 13.6576C-0.0348519 13.5168 0.0590148 13.376 0.223281 13.3291L0.598748 13.1883C0.622215 13.1883 0.645682 13.1883 0.645682 13.1883C0.763015 13.1883 0.856881 13.2587 0.903815 13.376C1.32621 15.0656 3.18008 16.2859 5.59715 16.2859C8.24888 16.2859 10.2435 14.8075 10.2435 12.7424C10.2435 10.6069 8.08462 9.90294 5.64408 9.38667C3.20355 8.82347 0.364081 8.07253 0.364081 5.23307C0.364081 2.7456 2.54648 1.03253 5.52675 1.03253C8.17848 1.03253 10.2201 2.3936 10.7598 4.2944C10.8067 4.4352 10.7129 4.576 10.5486 4.62294L10.1497 4.76373C10.0323 4.7872 9.91501 4.7168 9.84461 4.576Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};

package/client/components/icons/UtilityChevronDown.tsx

@@ -12,7 +12,7 @@ export const UtilityChevronDown: React.FC<UtilityChevronDownProps> = ({
     <div
       className={cn(
         "size-4 flex items-center justify-center text-gray-500",
-        className,
+        className
       )}
     >
       <svg

package/client/components/icons/UtilityClearRegular.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+interface UtilityClearRegularProps {
+  className?: string;
+}
+
+export const UtilityClearRegular: React.FC<UtilityClearRegularProps> = ({
+  className,
+}) => {
+  return (
+    <div
+      className={cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 14 14"
+        fill="none"
+        className={cn("size-[14px] text-inherit")}
+      >
+        <path
+          d="M6.65039 12.65L0.650391 6.65L6.65039 0.65"
+          stroke="currentColor"
+          strokeWidth="1.3"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12.6504 6.65H0.650391"
+          stroke="currentColor"
+          strokeWidth="1.3"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </div>
+  );
+};

package/client/components/icons/UtilityCompare.tsx

@@ -0,0 +1,71 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+interface UtilityCompareProps {
+  className?: string;
+}
+
+export const UtilityCompare: React.FC<UtilityCompareProps> = ({
+  className,
+}) => {
+  return (
+    <div
+      className={cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="15"
+        height="16"
+        viewBox="0 0 15 16"
+        fill="none"
+        className={cn("size-[14px] text-inherit")}
+      >
+        <path
+          d="M4.95001 2.85001C4.95001 4.00981 4.0098 4.95001 2.85 4.95001C1.6902 4.95001 0.75 4.00981 0.75 2.85001C0.75 1.6902 1.6902 0.75 2.85 0.75C4.0098 0.75 4.95001 1.6902 4.95001 2.85001Z"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M2.84961 7.75002L2.84961 11.25C2.84961 11.6213 2.99711 11.9774 3.25966 12.24C3.52221 12.5025 3.87831 12.65 4.24961 12.65L9.14962 12.65"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M4.95001 9.85002L2.85 7.75002L0.75 9.85002"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M13.3504 12.65C13.3504 13.8098 12.4102 14.75 11.2504 14.75C10.0906 14.75 9.15039 13.8098 9.15039 12.65C9.15039 11.4902 10.0906 10.55 11.2504 10.55C12.4102 10.55 13.3504 11.4902 13.3504 12.65Z"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M11.2492 7.74993L11.2492 4.24992C11.2492 3.87861 11.1017 3.52252 10.8392 3.25997C10.5766 2.99741 10.2205 2.84991 9.84923 2.84991L4.94922 2.84991"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M9.15039 5.6501L11.2504 7.75011L13.3504 5.6501"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </div>
+  );
+};

package/client/components/icons/UtilityHome.tsx

@@ -0,0 +1,26 @@
+import { cn } from "@/lib/utils";
+
+export function UtilityHome({ className }: { className?: string }) {
+  return (
+    <div
+      className={cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 14 14"
+        fill="none"
+        className={cn("text-inherit")}
+      >
+        <path
+          d="M13.13 3.8375L8.17 0.3675C7.47 -0.1225 6.54 -0.1225 5.83 0.3675L0.87 3.8375C0.33 4.2175 0 4.8375 0 5.5075V11.5075C0 12.6275 0.91 13.5475 2.04 13.5475H3.95C4.39 13.5475 4.75 13.1875 4.75 12.7475V8.9575C4.75 7.7675 5.61 6.6575 6.8 6.5575C8.13 6.4375 9.25 7.4875 9.25 8.7975V12.7475C9.25 13.1875 9.61 13.5475 10.05 13.5475H11.96C13.08 13.5475 14 12.6375 14 11.5075V5.5075C14 4.8475 13.68 4.2175 13.13 3.8375Z"
+          fill="currentColor"
+        />
+      </svg>
+    </div>
+  );
+}

package/client/components/icons/UtilityReset.tsx

@@ -10,7 +10,7 @@ export const UtilityReset: React.FC<UtilityResetProps> = ({ className }) => {
     <div
       className={cn(
         "size-4 flex items-center justify-center text-gray-500",
-        className,
+        className
       )}
     >
       <svg
@@ -24,16 +24,16 @@ export const UtilityReset: React.FC<UtilityResetProps> = ({ className }) => {
         <path
           d="M14.75 7.75C14.75 9.13447 14.3395 10.4878 13.5703 11.639C12.8011 12.7901 11.7079 13.6873 10.4288 14.2172C9.1497 14.747 7.74224 14.8856 6.38437 14.6155C5.0265 14.3454 3.77922 13.6787 2.80026 12.6997C1.82129 11.7208 1.1546 10.4735 0.884506 9.11563C0.61441 7.75776 0.753033 6.3503 1.28285 5.07122C1.81266 3.79213 2.70987 2.69888 3.86101 1.92971C5.01215 1.16054 6.36553 0.75 7.75 0.75C9.71 0.75 11.5844 1.52778 12.9922 2.88111L14.75 4.63889"
           stroke="currentColor"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
         <path
           d="M14.7502 0.75V4.63889H10.8613"
           stroke="currentColor"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
       </svg>
     </div>

package/client/components/icons/UtilitySave.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+interface UtilitySaveProps {
+  className?: string;
+}
+
+export const UtilitySave: React.FC<UtilitySaveProps> = ({ className }) => {
+  return (
+    <div
+      className={cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="13"
+        height="16"
+        viewBox="0 0 13 16"
+        fill="none"
+        className={cn("size-[14px] text-inherit")}
+      >
+        <path
+          d="M11.75 14.75L6.25 11.6389L0.75 14.75V2.30556C0.75 1.893 0.915561 1.49733 1.21026 1.20561C1.50496 0.913888 1.90466 0.75 2.32143 0.75H10.1786C10.5953 0.75 10.995 0.913888 11.2897 1.20561C11.5844 1.49733 11.75 1.893 11.75 2.30556V14.75Z"
+          fill="#F7F2F6"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </div>
+  );
+};

package/client/components/icons/UtilityScopeLarge.tsx

@@ -0,0 +1,86 @@
+import { cn } from "@/lib/utils";
+
+export function UtilityScopeLarge({ className }: { className?: string }) {
+  return (
+    <div
+      className={cn(
+        "size-8 flex items-center justify-center text-inherit",
+        className
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="18"
+        height="18"
+        viewBox="0 0 18 18"
+        fill="none"
+      >
+        <path
+          d="M8.75 16.75C13.1683 16.75 16.75 13.1683 16.75 8.75C16.75 4.33172 13.1683 0.75 8.75 0.75C4.33172 0.75 0.75 4.33172 0.75 8.75C0.75 13.1683 4.33172 16.75 8.75 16.75Z"
+          fill="#F7F2F6"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10.5977 5.55078L15.1897 13.5028L10.5977 5.55078Z"
+          fill="#F7F2F6"
+        />
+        <path
+          d="M10.5977 5.55078L15.1897 13.5028"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path d="M6.90234 5.55078H16.0863H6.90234Z" fill="#F7F2F6" />
+        <path
+          d="M6.90234 5.55078H16.0863"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M5.05469 8.74888L9.64669 0.796875L5.05469 8.74888Z"
+          fill="#F7F2F6"
+        />
+        <path
+          d="M5.05469 8.74887L9.64669 0.796875"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M6.90255 11.95L2.31055 3.99805L6.90255 11.95Z"
+          fill="#F7F2F6"
+        />
+        <path
+          d="M6.90255 11.95L2.31055 3.99805"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path d="M10.5981 11.9492H1.41406H10.5981Z" fill="#F7F2F6" />
+        <path
+          d="M10.5981 11.9492H1.41406"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path d="M12.4455 8.75L7.85352 16.702L12.4455 8.75Z" fill="#F7F2F6" />
+        <path
+          d="M12.4455 8.75L7.85352 16.702"
+          stroke="#905C84"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </div>
+  );
+}

package/client/components/icons/UtilityShow.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+interface UtilityShowProps {
+  className?: string;
+}
+
+export const UtilityShow: React.FC<UtilityShowProps> = ({ className }) => {
+  return (
+    <div
+      className={cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="16"
+        height="12"
+        viewBox="0 0 16 12"
+        fill="none"
+        className={cn("size-[14px] text-inherit")}
+      >
+        <path
+          d="M0.793752 5.89291C0.735416 5.73576 0.735416 5.56289 0.793752 5.40573C1.36191 4.0281 2.32633 2.85019 3.56475 2.02133C4.80317 1.19248 6.25981 0.75 7.75 0.75C9.24019 0.75 10.6968 1.19248 11.9352 2.02133C13.1737 2.85019 14.1381 4.0281 14.7062 5.40573C14.7646 5.56289 14.7646 5.73576 14.7062 5.89291C14.1381 7.27054 13.1737 8.44845 11.9352 9.27731C10.6968 10.1062 9.24019 10.5486 7.75 10.5486C6.25981 10.5486 4.80317 10.1062 3.56475 9.27731C2.32633 8.44845 1.36191 7.27054 0.793752 5.89291Z"
+          stroke="#71747D"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M7.75039 7.74945C8.91019 7.74945 9.85039 6.80924 9.85039 5.64945C9.85039 4.48965 8.91019 3.54945 7.75039 3.54945C6.59059 3.54945 5.65039 4.48965 5.65039 5.64945C5.65039 6.80924 6.59059 7.74945 7.75039 7.74945Z"
+          stroke="#71747D"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </div>
+  );
+};

package/client/components/icons/UtilityTarget.tsx

@@ -0,0 +1,21 @@
+export function UtilityTarget({ className, ...props }: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" className={className} {...props}>
+      <path
+        d="M20.75 10.75C20.75 16.2728 16.2728 20.75 10.75 20.75C5.22715 20.75 0.75 16.2728 0.75 10.75C0.75 5.22715 5.22715 0.75 10.75 0.75C16.2728 0.75 20.75 5.22715 20.75 10.75Z"
+        stroke="#CBCDD2"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15.75 10.75C15.75 13.5114 13.5114 15.75 10.75 15.75C7.98858 15.75 5.75 13.5114 5.75 10.75C5.75 7.98858 7.98858 5.75 10.75 5.75C13.5114 5.75 15.75 7.98858 15.75 10.75Z"
+        fill="#D6F4FB"
+        stroke="#CBCDD2"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/client/components/icons/UtilityTargetActive.tsx

@@ -0,0 +1,34 @@
+export function UtilityTargetActive({ className, ...props }: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="27" height="22" viewBox="0 0 27 22" fill="none" className={className} {...props}>
+      <path
+        d="M25.584 10.75C25.584 16.2728 21.1068 20.75 15.584 20.75C10.0611 20.75 5.58398 16.2728 5.58398 10.75C5.58398 5.22715 10.0611 0.75 15.584 0.75C21.1068 0.75 25.584 5.22715 25.584 10.75Z"
+        fill="#D6F4FB"
+        stroke="#128BA6"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M20.584 10.75C20.584 13.5114 18.3454 15.75 15.584 15.75C12.8226 15.75 10.584 13.5114 10.584 10.75C10.584 7.98858 12.8226 5.75 15.584 5.75C18.3454 5.75 20.584 7.98858 20.584 10.75Z"
+        fill="white"
+        stroke="#128BA6"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3.25 10.75L15.5833 10.75"
+        stroke="#171820"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+      <path
+        d="M0.75 8.25L3.25 10.75L0.75 13.25"
+        stroke="#171820"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}