From 41a75d50c52475c6a401a460e110c50a88e7eac8 Mon Sep 17 00:00:00 2001
From: jmderby <jonathan.temp@paella.dev>
Date: Tue, 29 Oct 2024 10:50:47 -0700
Subject: [PATCH] removed preflight styles, updated powered by

---
 .../react-ui/src/components/auth/AuthForm.tsx |  5 +-
 .../methods/farcaster/FarcasterSignIn.tsx     |  2 +-
 .../react-ui/src/components/common/Dialog.tsx |  2 +-
 .../components/common/PoweredByCrossmint.tsx  | 12 +--
 .../ui/react-ui/src/icons/poweredByLeaf.tsx   | 78 ++++++++++++++++++-
 .../client/ui/react-ui/src/twind.config.ts    |  6 --
 6 files changed, 84 insertions(+), 21 deletions(-)

diff --git a/packages/client/ui/react-ui/src/components/auth/AuthForm.tsx b/packages/client/ui/react-ui/src/components/auth/AuthForm.tsx
index 4f75cca3..6ab57651 100644
--- a/packages/client/ui/react-ui/src/components/auth/AuthForm.tsx
+++ b/packages/client/ui/react-ui/src/components/auth/AuthForm.tsx
@@ -43,7 +43,10 @@ export function AuthForm({ className }: { className?: string }) {
             ) : null}
 
             {step === "initial" || step === "otp" ? (
-                <PoweredByCrossmint className="justify-center" color={appearance?.colors?.textSecondary ?? "#A4AFB2"} />
+                <PoweredByCrossmint
+                    className="mt-5 justify-center"
+                    color={appearance?.colors?.textSecondary ?? "#A4AFB2"}
+                />
             ) : null}
         </div>
     );
diff --git a/packages/client/ui/react-ui/src/components/auth/methods/farcaster/FarcasterSignIn.tsx b/packages/client/ui/react-ui/src/components/auth/methods/farcaster/FarcasterSignIn.tsx
index bc8ac972..41d1ba24 100644
--- a/packages/client/ui/react-ui/src/components/auth/methods/farcaster/FarcasterSignIn.tsx
+++ b/packages/client/ui/react-ui/src/components/auth/methods/farcaster/FarcasterSignIn.tsx
@@ -32,7 +32,7 @@ export function FarcasterSignIn() {
                         className="font-medium"
                         style={{ margin: "0px 32px", color: appearance?.colors?.textPrimary }}
                     >
-                        Sing in with Farcaster
+                        Sign in with Farcaster
                     </span>
                     <span className="sr-only">Sign in with Farcaster</span>
                 </button>
diff --git a/packages/client/ui/react-ui/src/components/common/Dialog.tsx b/packages/client/ui/react-ui/src/components/common/Dialog.tsx
index f8743d7d..e5db3818 100644
--- a/packages/client/ui/react-ui/src/components/common/Dialog.tsx
+++ b/packages/client/ui/react-ui/src/components/common/Dialog.tsx
@@ -42,7 +42,7 @@ const DialogContent = React.forwardRef<React.ElementRef<typeof DialogPrimitive.C
                     "inset-x-0 bottom-0 w-full border-t rounded-t-xl",
                     "data-[state=closed]:animate-slide-out-to-bottom data-[state=open]:animate-slide-in-from-bottom",
                     // Regular viewport styles (centered modal)
-                    "min-[480px]:inset-auto !min-[480px]:p-10 !min-[480px]:pb-8 min-[480px]:left-[50%] min-[480px]:top-[50%] min-[480px]:translate-x-[-50%] min-[480px]:translate-y-[-50%]",
+                    "min-[480px]:inset-auto !min-[480px]:p-10 !min-[480px]:pb-8 min-[480px]:left-[50%] min-[480px]:top-[50%] min-[480px]:translate-x-[-50%] min-[480px]:translate-y-[-52%]",
                     "min-[480px]:max-w-[448px] min-[480px]:rounded-xl",
                     "min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=closed]:animate-zoom-out-95",
                     "min-[480px]:data-[state=open]:animate-fade-in min-[480px]:data-[state=open]:animate-zoom-in-95",
diff --git a/packages/client/ui/react-ui/src/components/common/PoweredByCrossmint.tsx b/packages/client/ui/react-ui/src/components/common/PoweredByCrossmint.tsx
index cc65f1b1..8403b98a 100644
--- a/packages/client/ui/react-ui/src/components/common/PoweredByCrossmint.tsx
+++ b/packages/client/ui/react-ui/src/components/common/PoweredByCrossmint.tsx
@@ -1,16 +1,10 @@
 import { PoweredByLeaf } from "@/icons/poweredByLeaf";
 import { classNames } from "@/utils/classNames";
 
-export function PoweredByCrossmint({ color, className }: { color?: string; className?: string }) {
+export function PoweredByCrossmint({ color = "#A4AFB2", className }: { color?: string; className?: string }) {
     return (
-        <p
-            className={classNames("flex text-[13px] mt-4 font-semibold items-center", className)}
-            style={{ color: color || "#A4AFB2" }}
-        >
-            <span className="flex self-center pr-1.5 gap-1 items-center font-semibold">
-                <PoweredByLeaf color={color ?? "#A4AFB2"} />
-            </span>
-            Powered by Crossmint
+        <p className={classNames("flex", className)}>
+            <PoweredByLeaf color={color} />
         </p>
     );
 }
diff --git a/packages/client/ui/react-ui/src/icons/poweredByLeaf.tsx b/packages/client/ui/react-ui/src/icons/poweredByLeaf.tsx
index 95ffd09f..c00d3f6d 100644
--- a/packages/client/ui/react-ui/src/icons/poweredByLeaf.tsx
+++ b/packages/client/ui/react-ui/src/icons/poweredByLeaf.tsx
@@ -1,11 +1,83 @@
-export const PoweredByLeaf = ({ color, size = "16" }: { color: string; size?: string }) => {
+export const PoweredByLeaf = ({ color }: { color: string }) => {
     return (
-        <svg width={size} height={size} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg width="152" height="15" viewBox="0 0 152 15" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path
                 opacity="0.6"
                 fillRule="evenodd"
                 clipRule="evenodd"
-                d="M12.7163 8.93283C11.4583 8.28896 9.77972 8.07259 8.79388 7.9993C10.1357 7.89984 12.7617 7.53515 13.8609 6.18808C15.5813 4.90033 15.4993 0.543282 15.4993 0.543282C15.4993 0.543282 11.371 0.0878596 9.56859 2.14337C8.4484 3.25837 8.10117 5.19522 7.99997 6.54404C7.89877 5.19697 7.55155 3.25837 6.43135 2.14337C4.62892 0.0861147 0.500604 0.543282 0.500604 0.543282C0.500604 0.543282 0.450003 3.26011 1.27532 5.03818C1.68187 5.91413 2.42517 6.6278 3.28364 7.06751C4.54168 7.71139 6.22022 7.92776 7.20607 8.00104C6.22022 8.07433 4.54168 8.2907 3.28364 8.93457C2.42517 9.37429 1.68187 10.088 1.27532 10.9639C0.450003 12.7402 0.500604 15.4571 0.500604 15.4571C0.500604 15.4571 4.62892 15.9125 6.43135 13.857C7.55155 12.742 7.89877 10.8034 7.99997 9.4563C8.10117 10.8034 8.4484 12.742 9.56859 13.857C11.371 15.9125 15.4993 15.4571 15.4993 15.4571C15.4993 15.4571 15.5517 12.7402 14.7246 10.9622C14.3181 10.0862 13.5748 9.37255 12.7163 8.93283ZM12.8541 12.7437C12.8332 12.7385 10.6783 12.1243 7.91273 8.43029C7.10137 9.0637 5.06339 10.7388 3.12311 13.0264L3.03587 13.1293L3.07077 12.9985C3.076 12.9758 3.70764 10.7563 7.55504 7.9295C7.18338 7.37811 6.30921 6.10956 2.93467 3.12052L2.85964 3.05421L2.9591 3.06817C3.03064 3.07864 4.76502 3.35085 7.93367 7.43395C7.93367 7.43395 7.9738 7.48978 8.04708 7.5875C8.49376 7.27865 9.7867 6.36083 12.6936 3.0769L12.7599 3.00187L12.746 3.10133C12.7355 3.17287 12.4633 4.89859 8.40652 8.05514C9.17251 9.02182 10.7568 10.8889 12.8821 12.6896L12.9868 12.7786L12.8559 12.7437H12.8541Z"
+                d="M13.019 8.43283C11.761 7.78896 10.0825 7.57259 9.09661 7.4993C10.4384 7.39984 13.0644 7.03515 14.1637 5.68808C15.8841 4.40033 15.8021 0.0432821 15.8021 0.0432821C15.8021 0.0432821 11.6738 -0.41214 9.87133 1.64337C8.75113 2.75837 8.40391 4.69522 8.30271 6.04404C8.2015 4.69697 7.85428 2.75837 6.73409 1.64337C4.93166 -0.413885 0.803338 0.0432821 0.803338 0.0432821C0.803338 0.0432821 0.752737 2.76011 1.57805 4.53818C1.9846 5.41413 2.72791 6.1278 3.58637 6.56751C4.84441 7.21139 6.52296 7.42776 7.5088 7.50104C6.52296 7.57433 4.84441 7.7907 3.58637 8.43457C2.72791 8.87429 1.9846 9.58796 1.57805 10.4639C0.752737 12.2402 0.803338 14.9571 0.803338 14.9571C0.803338 14.9571 4.93166 15.4125 6.73409 13.357C7.85428 12.242 8.2015 10.3034 8.30271 8.9563C8.40391 10.3034 8.75113 12.242 9.87133 13.357C11.6738 15.4125 15.8021 14.9571 15.8021 14.9571C15.8021 14.9571 15.8544 12.2402 15.0274 10.4622C14.6208 9.58622 13.8775 8.87255 13.019 8.43283ZM13.1569 12.2437C13.1359 12.2385 10.9811 11.6243 8.21546 7.93029C7.40411 8.5637 5.36612 10.2388 3.42585 12.5264L3.33861 12.6293L3.3735 12.4985C3.37874 12.4758 4.01037 10.2563 7.85777 7.4295C7.48612 6.87811 6.61195 5.60956 3.2374 2.62052L3.16238 2.55421L3.26183 2.56817C3.33337 2.57864 5.06775 2.85085 8.2364 6.93395C8.2364 6.93395 8.27653 6.98978 8.34982 7.0875C8.7965 6.77865 10.0894 5.86083 12.9964 2.5769L13.0627 2.50187L13.0487 2.60133C13.0382 2.67287 12.766 4.39859 8.70926 7.55514C9.47525 8.52182 11.0596 10.3889 13.1848 12.1896L13.2895 12.2786L13.1586 12.2437H13.1569Z"
+                fill={color}
+            />
+            <path
+                d="M20.8027 12.1264V2.67188H24.3482C25.0745 2.67188 25.6839 2.80729 26.1763 3.07812C26.6718 3.34896 27.0458 3.72135 27.2981 4.19531C27.5536 4.66619 27.6813 5.2017 27.6813 5.80185C27.6813 6.40814 27.5536 6.94673 27.2981 7.41761C27.0427 7.88849 26.6657 8.25935 26.1671 8.53018C25.6685 8.79794 25.0545 8.93182 24.3251 8.93182H21.9753V7.52379H24.0943C24.519 7.52379 24.8668 7.44993 25.1376 7.3022C25.4084 7.15447 25.6085 6.95135 25.7377 6.69283C25.8701 6.4343 25.9363 6.13731 25.9363 5.80185C25.9363 5.46638 25.8701 5.17093 25.7377 4.91548C25.6085 4.66004 25.4069 4.46153 25.133 4.31996C24.8622 4.17531 24.5128 4.10298 24.085 4.10298H22.5154V12.1264H20.8027Z"
+                fill={color}
+            />
+            <path
+                d="M31.5666 12.2649C30.8741 12.2649 30.2739 12.1126 29.7661 11.8079C29.2583 11.5032 28.8644 11.0769 28.5843 10.5291C28.3073 9.9813 28.1688 9.34115 28.1688 8.60866C28.1688 7.87618 28.3073 7.23449 28.5843 6.68359C28.8644 6.13269 29.2583 5.7049 29.7661 5.40021C30.2739 5.09553 30.8741 4.94318 31.5666 4.94318C32.259 4.94318 32.8592 5.09553 33.367 5.40021C33.8748 5.7049 34.2672 6.13269 34.5442 6.68359C34.8243 7.23449 34.9643 7.87618 34.9643 8.60866C34.9643 9.34115 34.8243 9.9813 34.5442 10.5291C34.2672 11.0769 33.8748 11.5032 33.367 11.8079C32.8592 12.1126 32.259 12.2649 31.5666 12.2649ZM31.5758 10.9261C31.9513 10.9261 32.2652 10.823 32.5176 10.6168C32.7699 10.4076 32.9577 10.1275 33.0808 9.77663C33.2069 9.42578 33.27 9.03492 33.27 8.60405C33.27 8.1701 33.2069 7.7777 33.0808 7.42685C32.9577 7.07292 32.7699 6.79131 32.5176 6.58203C32.2652 6.37275 31.9513 6.26811 31.5758 6.26811C31.1911 6.26811 30.871 6.37275 30.6156 6.58203C30.3632 6.79131 30.1739 7.07292 30.0477 7.42685C29.9246 7.7777 29.8631 8.1701 29.8631 8.60405C29.8631 9.03492 29.9246 9.42578 30.0477 9.77663C30.1739 10.1275 30.3632 10.4076 30.6156 10.6168C30.871 10.823 31.1911 10.9261 31.5758 10.9261Z"
+                fill={color}
+            />
+            <path
+                d="M37.123 12.1264L35.1194 5.03551H36.8229L38.0694 10.0213H38.134L39.4082 5.03551H41.0932L42.3673 9.99361H42.4366L43.6645 5.03551H45.3726L43.3645 12.1264H41.6241L40.2945 7.33452H40.1976L38.868 12.1264H37.123Z"
+                fill={color}
+            />
+            <path
+                d="M48.9555 12.2649C48.2446 12.2649 47.6306 12.1172 47.1136 11.8217C46.5996 11.5232 46.2041 11.1016 45.9271 10.5568C45.6501 10.009 45.5116 9.36423 45.5116 8.62251C45.5116 7.89311 45.6501 7.25296 45.9271 6.70206C46.2072 6.14808 46.5981 5.71721 47.0997 5.40945C47.6014 5.0986 48.1907 4.94318 48.8678 4.94318C49.3049 4.94318 49.7173 5.01397 50.105 5.15554C50.4959 5.29403 50.8406 5.50947 51.1391 5.80185C51.4407 6.09422 51.6777 6.46662 51.8501 6.91903C52.0224 7.36837 52.1086 7.90388 52.1086 8.52557V9.038H46.2964V7.91158H50.5067C50.5036 7.5915 50.4343 7.30682 50.2989 7.05753C50.1635 6.80516 49.9742 6.60665 49.7311 6.462C49.491 6.31735 49.211 6.24503 48.8909 6.24503C48.5493 6.24503 48.2492 6.32812 47.9907 6.49432C47.7322 6.65743 47.5306 6.87287 47.3859 7.14062C47.2444 7.4053 47.172 7.69614 47.169 8.01314V8.99645C47.169 9.40885 47.2444 9.76278 47.3952 10.0582C47.546 10.3506 47.7568 10.5753 48.0276 10.7322C48.2985 10.8861 48.6155 10.9631 48.9786 10.9631C49.2218 10.9631 49.4418 10.9292 49.6388 10.8615C49.8357 10.7907 50.0066 10.6876 50.1512 10.5522C50.2959 10.4168 50.4051 10.2491 50.479 10.049L52.0393 10.2244C51.9409 10.6368 51.7531 10.9969 51.4761 11.3047C51.2022 11.6094 50.8514 11.8464 50.4236 12.0156C49.9958 12.1818 49.5064 12.2649 48.9555 12.2649Z"
+                fill={color}
+            />
+            <path
+                d="M53.0024 12.1264V5.03551H54.6228V6.21733H54.6966C54.8259 5.808 55.0475 5.49254 55.3614 5.27095C55.6784 5.04628 56.04 4.93395 56.4463 4.93395C56.5386 4.93395 56.6417 4.93857 56.7556 4.9478C56.8725 4.95395 56.9695 4.96473 57.0464 4.98011V6.5174C56.9756 6.49278 56.8633 6.47124 56.7094 6.45277C56.5586 6.43123 56.4124 6.42045 56.2709 6.42045C55.9662 6.42045 55.6923 6.48662 55.4491 6.61896C55.2091 6.74822 55.0198 6.92827 54.8813 7.15909C54.7428 7.38991 54.6735 7.65613 54.6735 7.95774V12.1264H53.0024Z"
+                fill={color}
+            />
+            <path
+                d="M60.4839 12.2649C59.773 12.2649 59.159 12.1172 58.6419 11.8217C58.128 11.5232 57.7325 11.1016 57.4555 10.5568C57.1785 10.009 57.04 9.36423 57.04 8.62251C57.04 7.89311 57.1785 7.25296 57.4555 6.70206C57.7356 6.14808 58.1264 5.71721 58.6281 5.40945C59.1297 5.0986 59.7191 4.94318 60.3962 4.94318C60.8332 4.94318 61.2456 5.01397 61.6334 5.15554C62.0243 5.29403 62.369 5.50947 62.6675 5.80185C62.9691 6.09422 63.2061 6.46662 63.3784 6.91903C63.5508 7.36837 63.637 7.90388 63.637 8.52557V9.038H57.8248V7.91158H62.035C62.032 7.5915 61.9627 7.30682 61.8273 7.05753C61.6919 6.80516 61.5026 6.60665 61.2595 6.462C61.0194 6.31735 60.7393 6.24503 60.4193 6.24503C60.0776 6.24503 59.7776 6.32812 59.5191 6.49432C59.2605 6.65743 59.0589 6.87287 58.9143 7.14062C58.7727 7.4053 58.7004 7.69614 58.6973 8.01314V8.99645C58.6973 9.40885 58.7727 9.76278 58.9235 10.0582C59.0743 10.3506 59.2852 10.5753 59.556 10.7322C59.8268 10.8861 60.1438 10.9631 60.507 10.9631C60.7501 10.9631 60.9702 10.9292 61.1671 10.8615C61.3641 10.7907 61.5349 10.6876 61.6796 10.5522C61.8242 10.4168 61.9335 10.2491 62.0073 10.049L63.5677 10.2244C63.4692 10.6368 63.2815 10.9969 63.0045 11.3047C62.7306 11.6094 62.3797 11.8464 61.9519 12.0156C61.5241 12.1818 61.0348 12.2649 60.4839 12.2649Z"
+                fill={color}
+            />
+            <path
+                d="M67.1621 12.2511C66.6051 12.2511 66.1065 12.108 65.6664 11.8217C65.2263 11.5355 64.8785 11.12 64.6231 10.5753C64.3676 10.0305 64.2399 9.36884 64.2399 8.5902C64.2399 7.80232 64.3692 7.13755 64.6277 6.59588C64.8893 6.05114 65.2417 5.64027 65.6849 5.36328C66.128 5.08322 66.622 4.94318 67.1668 4.94318C67.5822 4.94318 67.9239 5.01397 68.1916 5.15554C68.4594 5.29403 68.6717 5.46177 68.8287 5.65874C68.9856 5.85263 69.1072 6.03575 69.1934 6.2081H69.2626V2.67188H70.9384V12.1264H69.295V11.0092H69.1934C69.1072 11.1816 68.9826 11.3647 68.8195 11.5586C68.6563 11.7494 68.4409 11.9125 68.1731 12.0479C67.9054 12.1834 67.5684 12.2511 67.1621 12.2511ZM67.6284 10.88C67.9823 10.88 68.2839 10.7846 68.5332 10.5938C68.7825 10.3999 68.9718 10.1306 69.1011 9.78587C69.2303 9.44117 69.295 9.03954 69.295 8.58097C69.295 8.1224 69.2303 7.72384 69.1011 7.3853C68.9749 7.04676 68.7871 6.78362 68.5378 6.59588C68.2916 6.40814 67.9885 6.31428 67.6284 6.31428C67.256 6.31428 66.9452 6.41122 66.6959 6.60511C66.4466 6.79901 66.2588 7.06676 66.1327 7.40838C66.0065 7.75 65.9434 8.14086 65.9434 8.58097C65.9434 9.02415 66.0065 9.41963 66.1327 9.7674C66.2619 10.1121 66.4512 10.3845 66.7005 10.5845C66.9529 10.7815 67.2622 10.88 67.6284 10.88Z"
+                fill={color}
+            />
+            <path
+                d="M74.9777 12.1264V2.67188H76.6489V6.2081H76.7181C76.8043 6.03575 76.9258 5.85263 77.0828 5.65874C77.2398 5.46177 77.4521 5.29403 77.7199 5.15554C77.9876 5.01397 78.3293 4.94318 78.7447 4.94318C79.2926 4.94318 79.7865 5.08322 80.2266 5.36328C80.6698 5.64027 81.0207 6.05114 81.2792 6.59588C81.5408 7.13755 81.6716 7.80232 81.6716 8.5902C81.6716 9.36884 81.5439 10.0305 81.2884 10.5753C81.033 11.12 80.6852 11.5355 80.2451 11.8217C79.805 12.108 79.3064 12.2511 78.7494 12.2511C78.3431 12.2511 78.0061 12.1834 77.7383 12.0479C77.4706 11.9125 77.2552 11.7494 77.092 11.5586C76.932 11.3647 76.8074 11.1816 76.7181 11.0092H76.6212V12.1264H74.9777ZM76.6165 8.58097C76.6165 9.03954 76.6812 9.44117 76.8104 9.78587C76.9428 10.1306 77.1321 10.3999 77.3783 10.5938C77.6276 10.7846 77.9292 10.88 78.2831 10.88C78.6524 10.88 78.9617 10.7815 79.211 10.5845C79.4603 10.3845 79.648 10.1121 79.7742 9.7674C79.9035 9.41963 79.9681 9.02415 79.9681 8.58097C79.9681 8.14086 79.905 7.75 79.7788 7.40838C79.6526 7.06676 79.4649 6.79901 79.2156 6.60511C78.9663 6.41122 78.6555 6.31428 78.2831 6.31428C77.9261 6.31428 77.6229 6.40814 77.3736 6.59588C77.1244 6.78362 76.9351 7.04676 76.8058 7.3853C76.6796 7.72384 76.6165 8.1224 76.6165 8.58097Z"
+                fill={color}
+            />
+            <path
+                d="M83.3698 14.7855C83.1421 14.7855 82.9312 14.767 82.7373 14.7301C82.5465 14.6963 82.3942 14.6563 82.2803 14.6101L82.6681 13.3082C82.9112 13.379 83.1282 13.4129 83.319 13.4098C83.5098 13.4067 83.6776 13.3467 83.8222 13.2298C83.9699 13.1159 84.0946 12.9251 84.1962 12.6573L84.3393 12.2741L81.7679 5.03551H83.5406L85.1749 10.3906H85.2487L86.8876 5.03551H88.6649L85.8258 12.9851C85.6934 13.3606 85.518 13.6822 85.2995 13.9499C85.081 14.2208 84.8132 14.427 84.4962 14.5685C84.1823 14.7132 83.8068 14.7855 83.3698 14.7855Z"
+                fill={color}
+            />
+            <path
+                d="M100.172 5.86186H98.4459C98.3967 5.57872 98.3059 5.32789 98.1736 5.10938C98.0412 4.88778 97.8766 4.70005 97.6796 4.54616C97.4826 4.39228 97.258 4.27687 97.0056 4.19993C96.7563 4.11991 96.487 4.0799 96.1977 4.0799C95.6837 4.0799 95.2282 4.20916 94.8312 4.46768C94.4342 4.72313 94.1234 5.0986 93.8987 5.59411C93.674 6.08653 93.5617 6.68821 93.5617 7.39915C93.5617 8.1224 93.674 8.73177 93.8987 9.22727C94.1264 9.7197 94.4373 10.0921 94.8312 10.3445C95.2282 10.5938 95.6822 10.7184 96.1931 10.7184C96.4762 10.7184 96.7409 10.6815 96.9871 10.6076C97.2364 10.5307 97.4595 10.4183 97.6565 10.2706C97.8566 10.1229 98.0243 9.94129 98.1597 9.72585C98.2982 9.51042 98.3936 9.2642 98.4459 8.98722L100.172 8.99645C100.108 9.44579 99.9678 9.86742 99.7524 10.2614C99.54 10.6553 99.2615 11.0031 98.9168 11.3047C98.5721 11.6032 98.1689 11.8371 97.7073 12.0064C97.2456 12.1726 96.7332 12.2557 96.17 12.2557C95.339 12.2557 94.5973 12.0633 93.9449 11.6786C93.2924 11.2939 92.7784 10.7384 92.403 10.0121C92.0275 9.28575 91.8397 8.41477 91.8397 7.39915C91.8397 6.38045 92.029 5.50947 92.4076 4.78622C92.7861 4.0599 93.3016 3.50438 93.9541 3.11967C94.6066 2.73497 95.3452 2.54261 96.17 2.54261C96.6963 2.54261 97.1856 2.61648 97.638 2.7642C98.0905 2.91193 98.4936 3.12891 98.8476 3.41513C99.2015 3.69827 99.4923 4.04605 99.7201 4.45845C99.9509 4.86778 100.102 5.33558 100.172 5.86186Z"
+                fill={color}
+            />
+            <path
+                d="M101.147 12.1264V5.03551H102.767V6.21733H102.841C102.971 5.808 103.192 5.49254 103.506 5.27095C103.823 5.04628 104.185 4.93395 104.591 4.93395C104.683 4.93395 104.786 4.93857 104.9 4.9478C105.017 4.95395 105.114 4.96473 105.191 4.98011V6.5174C105.12 6.49278 105.008 6.47124 104.854 6.45277C104.703 6.43123 104.557 6.42045 104.416 6.42045C104.111 6.42045 103.837 6.48662 103.594 6.61896C103.354 6.74822 103.164 6.92827 103.026 7.15909C102.887 7.38991 102.818 7.65613 102.818 7.95774V12.1264H101.147Z"
+                fill={color}
+            />
+            <path
+                d="M108.582 12.2649C107.89 12.2649 107.29 12.1126 106.782 11.8079C106.274 11.5032 105.88 11.0769 105.6 10.5291C105.323 9.9813 105.185 9.34115 105.185 8.60866C105.185 7.87618 105.323 7.23449 105.6 6.68359C105.88 6.13269 106.274 5.7049 106.782 5.40021C107.29 5.09553 107.89 4.94318 108.582 4.94318C109.275 4.94318 109.875 5.09553 110.383 5.40021C110.891 5.7049 111.283 6.13269 111.56 6.68359C111.84 7.23449 111.98 7.87618 111.98 8.60866C111.98 9.34115 111.84 9.9813 111.56 10.5291C111.283 11.0769 110.891 11.5032 110.383 11.8079C109.875 12.1126 109.275 12.2649 108.582 12.2649ZM108.592 10.9261C108.967 10.9261 109.281 10.823 109.533 10.6168C109.786 10.4076 109.974 10.1275 110.097 9.77663C110.223 9.42578 110.286 9.03492 110.286 8.60405C110.286 8.1701 110.223 7.7777 110.097 7.42685C109.974 7.07292 109.786 6.79131 109.533 6.58203C109.281 6.37275 108.967 6.26811 108.592 6.26811C108.207 6.26811 107.887 6.37275 107.631 6.58203C107.379 6.79131 107.19 7.07292 107.064 7.42685C106.94 7.7777 106.879 8.1701 106.879 8.60405C106.879 9.03492 106.94 9.42578 107.064 9.77663C107.19 10.1275 107.379 10.4076 107.631 10.6168C107.887 10.823 108.207 10.9261 108.592 10.9261Z"
+                fill={color}
+            />
+            <path
+                d="M118.483 6.9098L116.96 7.07599C116.916 6.92211 116.841 6.77746 116.733 6.64205C116.629 6.50663 116.487 6.39737 116.309 6.31428C116.13 6.23118 115.912 6.18963 115.653 6.18963C115.305 6.18963 115.013 6.26503 114.776 6.41584C114.542 6.56664 114.427 6.76207 114.43 7.00213C114.427 7.20833 114.502 7.37607 114.656 7.50533C114.813 7.63459 115.071 7.74077 115.431 7.82386L116.641 8.08239C117.312 8.22704 117.81 8.45632 118.137 8.77024C118.466 9.08416 118.632 9.49503 118.635 10.0028C118.632 10.4491 118.501 10.843 118.243 11.1847C117.987 11.5232 117.632 11.7879 117.176 11.9787C116.721 12.1695 116.198 12.2649 115.607 12.2649C114.739 12.2649 114.04 12.0833 113.511 11.7202C112.982 11.3539 112.666 10.8446 112.565 10.1921L114.194 10.0352C114.268 10.3552 114.425 10.5968 114.665 10.7599C114.905 10.9231 115.218 11.0046 115.602 11.0046C115.999 11.0046 116.318 10.9231 116.558 10.7599C116.801 10.5968 116.923 10.3952 116.923 10.1552C116.923 9.95206 116.844 9.78433 116.687 9.65199C116.533 9.51965 116.293 9.41809 115.967 9.3473L114.757 9.0934C114.077 8.95182 113.574 8.71331 113.248 8.37784C112.922 8.0393 112.76 7.61151 112.763 7.09446C112.76 6.65743 112.879 6.27888 113.119 5.95881C113.362 5.63565 113.699 5.38636 114.13 5.21094C114.564 5.03243 115.064 4.94318 115.63 4.94318C116.461 4.94318 117.115 5.12015 117.592 5.47408C118.072 5.82801 118.369 6.30658 118.483 6.9098Z"
+                fill={color}
+            />
+            <path
+                d="M125.098 6.9098L123.574 7.07599C123.531 6.92211 123.456 6.77746 123.348 6.64205C123.243 6.50663 123.102 6.39737 122.923 6.31428C122.745 6.23118 122.526 6.18963 122.268 6.18963C121.92 6.18963 121.628 6.26503 121.391 6.41584C121.157 6.56664 121.041 6.76207 121.044 7.00213C121.041 7.20833 121.117 7.37607 121.271 7.50533C121.428 7.63459 121.686 7.74077 122.046 7.82386L123.256 8.08239C123.927 8.22704 124.425 8.45632 124.751 8.77024C125.081 9.08416 125.247 9.49503 125.25 10.0028C125.247 10.4491 125.116 10.843 124.858 11.1847C124.602 11.5232 124.247 11.7879 123.791 11.9787C123.336 12.1695 122.813 12.2649 122.222 12.2649C121.354 12.2649 120.655 12.0833 120.126 11.7202C119.596 11.3539 119.281 10.8446 119.179 10.1921L120.809 10.0352C120.883 10.3552 121.04 10.5968 121.28 10.7599C121.52 10.9231 121.832 11.0046 122.217 11.0046C122.614 11.0046 122.933 10.9231 123.173 10.7599C123.416 10.5968 123.537 10.3952 123.537 10.1552C123.537 9.95206 123.459 9.78433 123.302 9.65199C123.148 9.51965 122.908 9.41809 122.582 9.3473L121.372 9.0934C120.692 8.95182 120.189 8.71331 119.863 8.37784C119.536 8.0393 119.375 7.61151 119.378 7.09446C119.375 6.65743 119.493 6.27888 119.733 5.95881C119.977 5.63565 120.314 5.38636 120.744 5.21094C121.178 5.03243 121.678 4.94318 122.245 4.94318C123.076 4.94318 123.73 5.12015 124.207 5.47408C124.687 5.82801 124.984 6.30658 125.098 6.9098Z"
+                fill={color}
+            />
+            <path
+                d="M126.108 12.1264V5.03551H127.705V6.24041H127.788C127.936 5.83416 128.181 5.51716 128.523 5.28942C128.864 5.05859 129.272 4.94318 129.746 4.94318C130.226 4.94318 130.631 5.06013 130.96 5.29403C131.292 5.52486 131.526 5.84032 131.662 6.24041H131.736C131.893 5.84647 132.157 5.53255 132.53 5.29865C132.905 5.06167 133.35 4.94318 133.864 4.94318C134.516 4.94318 135.049 5.14938 135.461 5.56179C135.873 5.9742 136.08 6.57588 136.08 7.36683V12.1264H134.404V7.62536C134.404 7.18525 134.287 6.86364 134.053 6.66051C133.819 6.45431 133.533 6.35121 133.194 6.35121C132.791 6.35121 132.476 6.47739 132.248 6.72976C132.023 6.97905 131.911 7.30374 131.911 7.70384V12.1264H130.272V7.55611C130.272 7.18987 130.161 6.89749 129.94 6.67898C129.721 6.46046 129.435 6.35121 129.081 6.35121C128.841 6.35121 128.623 6.41276 128.426 6.53587C128.229 6.6559 128.072 6.82671 127.955 7.0483C127.838 7.26681 127.779 7.52225 127.779 7.81463V12.1264H126.108Z"
+                fill={color}
+            />
+            <path
+                d="M137.255 12.1264V5.03551H138.926V12.1264H137.255ZM138.095 4.02912C137.831 4.02912 137.603 3.94141 137.412 3.76598C137.221 3.58748 137.126 3.37358 137.126 3.12429C137.126 2.87192 137.221 2.65803 137.412 2.4826C137.603 2.3041 137.831 2.21484 138.095 2.21484C138.363 2.21484 138.591 2.3041 138.779 2.4826C138.969 2.65803 139.065 2.87192 139.065 3.12429C139.065 3.37358 138.969 3.58748 138.779 3.76598C138.591 3.94141 138.363 4.02912 138.095 4.02912Z"
+                fill={color}
+            />
+            <path
+                d="M141.796 7.97159V12.1264H140.125V5.03551H141.722V6.24041H141.805C141.968 5.84339 142.228 5.52794 142.585 5.29403C142.945 5.06013 143.39 4.94318 143.919 4.94318C144.409 4.94318 144.835 5.04782 145.198 5.2571C145.564 5.46638 145.848 5.76953 146.048 6.16655C146.251 6.56357 146.351 7.04522 146.348 7.61151V12.1264H144.677V7.87003C144.677 7.39607 144.553 7.02521 144.307 6.75746C144.064 6.4897 143.727 6.35582 143.296 6.35582C143.004 6.35582 142.744 6.42045 142.516 6.54972C142.291 6.6759 142.114 6.85902 141.985 7.09908C141.859 7.33913 141.796 7.62997 141.796 7.97159Z"
+                fill={color}
+            />
+            <path
+                d="M151.067 5.03551V6.32812H146.991V5.03551H151.067ZM147.997 3.33665H149.669V9.99361C149.669 10.2183 149.703 10.3906 149.77 10.5107C149.841 10.6276 149.933 10.7076 150.047 10.7507C150.161 10.7938 150.287 10.8153 150.426 10.8153C150.53 10.8153 150.626 10.8076 150.712 10.7923C150.801 10.7769 150.869 10.763 150.915 10.7507L151.197 12.0572C151.107 12.088 150.98 12.1218 150.814 12.1587C150.65 12.1957 150.45 12.2172 150.213 12.2234C149.795 12.2357 149.418 12.1726 149.082 12.0341C148.747 11.8925 148.481 11.674 148.284 11.3786C148.09 11.0831 147.994 10.7138 147.997 10.2706V3.33665Z"
                 fill={color}
             />
         </svg>
diff --git a/packages/client/ui/react-ui/src/twind.config.ts b/packages/client/ui/react-ui/src/twind.config.ts
index 51eda6c0..51bc1d09 100644
--- a/packages/client/ui/react-ui/src/twind.config.ts
+++ b/packages/client/ui/react-ui/src/twind.config.ts
@@ -90,12 +90,6 @@ export default defineConfig({
                 "500": "500ms",
             },
         },
-        fontFamily: {
-            sans: ["Inter", "sans-serif"],
-        },
-    },
-    preflight: {
-        "@import": `url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap')`,
     },
     rules: [
         [