diff --git a/examples/starknet-react-next/package.json b/examples/starknet-react-next/package.json
index c7fd55b6a..6cac75445 100644
--- a/examples/starknet-react-next/package.json
+++ b/examples/starknet-react-next/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@cartridge/connector": "workspace:^",
+    "@cartridge/ui-next": "workspace:^",
     "@starknet-react/chains": "^0.1.3",
     "@starknet-react/core": "^2.1.5",
     "next": "^13.4.19",
@@ -24,8 +25,12 @@
     "@types/node": "^20.6.0",
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
+    "autoprefixer": "^10.4.18",
     "eslint": "^8.23.0",
     "eslint-config-next": "^12.2.5",
+    "postcss": "^8.4.35",
+    "postcss-import": "^16.1.0",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5"
   }
 }
diff --git a/examples/starknet-react-next/postcss.config.js b/examples/starknet-react-next/postcss.config.js
new file mode 100644
index 000000000..a5a6ff858
--- /dev/null
+++ b/examples/starknet-react-next/postcss.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    "postcss-import": {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/examples/starknet-react-next/src/components/ConnectWallet.tsx b/examples/starknet-react-next/src/components/ConnectWallet.tsx
index 3dc7bf064..8790ba887 100644
--- a/examples/starknet-react-next/src/components/ConnectWallet.tsx
+++ b/examples/starknet-react-next/src/components/ConnectWallet.tsx
@@ -1,6 +1,7 @@
 import { useAccount, useConnect, useDisconnect } from "@starknet-react/core";
 import CartridgeConnector from "@cartridge/connector";
 import { useEffect, useState } from "react";
+import { Button } from "@cartridge/ui-next";
 
 export function ConnectWallet() {
   const { connect, connectors } = useConnect();
@@ -16,7 +17,7 @@ export function ConnectWallet() {
   }, [address, connector]);
 
   return (
-    <>
+    <div>
       {address && (
         <>
           <p>Account: {address} </p>
@@ -24,15 +25,13 @@ export function ConnectWallet() {
         </>
       )}
 
-      <div style={{ display: "flex", gap: "10px" }}>
-        <button
-          onClick={() => {
-            address ? disconnect() : connect({ connector });
-          }}
-        >
-          {address ? "Disconnect" : "Connect"}
-        </button>
-      </div>
-    </>
+      <Button
+        onClick={() => {
+          address ? disconnect() : connect({ connector });
+        }}
+      >
+        {address ? "Disconnect" : "Connect"}
+      </Button>
+    </div>
   );
 }
diff --git a/examples/starknet-react-next/src/components/DelegateAccount.tsx b/examples/starknet-react-next/src/components/DelegateAccount.tsx
index b09b6e514..d09c21335 100644
--- a/examples/starknet-react-next/src/components/DelegateAccount.tsx
+++ b/examples/starknet-react-next/src/components/DelegateAccount.tsx
@@ -2,6 +2,7 @@ import { useAccount } from "@starknet-react/core";
 import { useCallback, useEffect, useState } from "react";
 import { constants } from "starknet";
 import CartridgeConnector from "@cartridge/connector";
+import { Button, Input } from "@cartridge/ui-next";
 
 export const DelegateAccount = () => {
   const [chainId] = useState<constants.StarknetChainId>(
@@ -57,28 +58,31 @@ export const DelegateAccount = () => {
   }
 
   return (
-    <>
+    <div className="flex flex-col gap-2">
       <h2>Delegate account</h2>
       {isDelegateSupported ? (
         <>
           <p>
             Address: {delegateAddress}
-            <button onClick={() => load()}>Load</button>
+            <Button onClick={() => load()}>Load</Button>
           </p>
 
-          <input
-            type="text"
-            min-width="420px"
-            value={delegateAddressInput}
-            onChange={(e) => setDelegateAddressInput(e.target.value)}
-          />
-          <button onClick={() => execute()} disabled={submitted}>
-            Set Delegate
-          </button>
+          <div className="flex gap-2">
+            <Input
+              className="max-w-40"
+              type="text"
+              min-width="420px"
+              value={delegateAddressInput}
+              onChange={(e) => setDelegateAddressInput(e.target.value)}
+            />
+            <Button onClick={() => execute()} disabled={submitted}>
+              Set Delegate
+            </Button>
+          </div>
         </>
       ) : (
         <p>Not supported!</p>
       )}
-    </>
+    </div>
   );
 };
diff --git a/examples/starknet-react-next/src/components/DojoSpawnAndMove.tsx b/examples/starknet-react-next/src/components/DojoSpawnAndMove.tsx
index 964935cf7..265bcb7bc 100644
--- a/examples/starknet-react-next/src/components/DojoSpawnAndMove.tsx
+++ b/examples/starknet-react-next/src/components/DojoSpawnAndMove.tsx
@@ -1,3 +1,4 @@
+import { Button } from "@cartridge/ui-next";
 import {
   useAccount,
   useContractWrite,
@@ -38,11 +39,11 @@ export function DojoSpawnAndMove() {
   }
 
   return (
-    <>
+    <div>
       <h2>Spawn And Move (Dojo example)</h2>
       <p>Actions Address: {DOJO_ACTION_ADDRESS}</p>
-      <div style={{ display: "flex", flexDirection: "row", gap: "10px" }}>
-        <button
+      <div className="flex gap-2">
+        <Button
           onClick={async () => {
             setTxnHash(undefined);
             setSubmitted(true);
@@ -54,8 +55,8 @@ export function DojoSpawnAndMove() {
           disabled={submitted}
         >
           Spawn
-        </button>
-        <button
+        </Button>
+        <Button
           onClick={async () => {
             setTxnHash(undefined);
             setSubmitted(true);
@@ -67,7 +68,7 @@ export function DojoSpawnAndMove() {
           disabled={submitted}
         >
           Move Left
-        </button>
+        </Button>
       </div>
       <div>
         {txnHash && (
@@ -83,6 +84,6 @@ export function DojoSpawnAndMove() {
           </p>
         )}
       </div>
-    </>
+    </div>
   );
 }
diff --git a/examples/starknet-react-next/src/components/InvalidTxn.tsx b/examples/starknet-react-next/src/components/InvalidTxn.tsx
index d72bd602c..3d1edab39 100644
--- a/examples/starknet-react-next/src/components/InvalidTxn.tsx
+++ b/examples/starknet-react-next/src/components/InvalidTxn.tsx
@@ -1,3 +1,4 @@
+import { Button } from "@cartridge/ui-next";
 import { useAccount, useContractWrite } from "@starknet-react/core";
 
 export function InvalidTxn() {
@@ -18,11 +19,11 @@ export function InvalidTxn() {
   }
 
   return (
-    <>
+    <div>
       <h2>Invalid Entry Point</h2>
       <div>
-        <button onClick={() => write()}>Invalid Entrypoint</button>
+        <Button onClick={() => write()}>Invalid Entrypoint</Button>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/examples/starknet-react-next/src/components/SignMessage.tsx b/examples/starknet-react-next/src/components/SignMessage.tsx
index 40d0e9bd7..f909b6843 100644
--- a/examples/starknet-react-next/src/components/SignMessage.tsx
+++ b/examples/starknet-react-next/src/components/SignMessage.tsx
@@ -1,3 +1,4 @@
+import { Button, Textarea } from "@cartridge/ui-next";
 import { useAccount, useSignTypedData } from "@starknet-react/core";
 import { useCallback, useState } from "react";
 import {
@@ -76,27 +77,25 @@ export function SignMessage() {
   if (!account || !address) return <></>;
 
   return (
-    <div style={{ marginTop: "10px" }}>
+    <div className="flex flex-col gap-2">
       <h2>Sign Message</h2>
-      <textarea
-        style={{ height: "200px", width: "500px" }}
+      <Textarea
+        className="h-96"
         value={JSON.stringify(message, null, 2)}
         onChange={(e) => setMessage(JSON.parse(e.target.value))}
       />
-      <div style={{ display: "flex", flexDirection: "row", gap: "10px" }}>
-        <button
+      <div className="flex gap-2">
+        <Button
           onClick={() => {
             setIsValid(null);
             signTypedData(message);
           }}
         >
           Sign Message
-        </button>
+        </Button>
 
         {signature && (
-          <button style={{ paddingLeft: "8px" }} onClick={onValidateSig}>
-            Validate Signature
-          </button>
+          <Button onClick={onValidateSig}>Validate Signature</Button>
         )}
       </div>
 
diff --git a/examples/starknet-react-next/src/components/TransferEth.tsx b/examples/starknet-react-next/src/components/TransferEth.tsx
index e84effc9d..1a635d3e7 100644
--- a/examples/starknet-react-next/src/components/TransferEth.tsx
+++ b/examples/starknet-react-next/src/components/TransferEth.tsx
@@ -1,3 +1,4 @@
+import { Button } from "@cartridge/ui-next";
 import { useAccount, useExplorer } from "@starknet-react/core";
 import { useCallback, useState } from "react";
 
@@ -40,13 +41,13 @@ export const TransferEth = () => {
   }
 
   return (
-    <>
+    <div>
       <h2>Transfer Eth</h2>
       <p>Address: {ETH_CONTRACT}</p>
 
-      <button onClick={() => execute()} disabled={submitted}>
+      <Button onClick={() => execute()} disabled={submitted}>
         Transfer 0.005 ETH to self
-      </button>
+      </Button>
       {txnHash && (
         <p>
           Transaction hash:{" "}
@@ -59,6 +60,6 @@ export const TransferEth = () => {
           </a>
         </p>
       )}
-    </>
+    </div>
   );
 };
diff --git a/examples/starknet-react-next/src/globals.css b/examples/starknet-react-next/src/globals.css
new file mode 100644
index 000000000..6f3cf1660
--- /dev/null
+++ b/examples/starknet-react-next/src/globals.css
@@ -0,0 +1,7 @@
+@import "@cartridge/ui-next/dist/themes/default.css";
+@import "@cartridge/ui-next/dist/themes/dark.css";
+@import "@cartridge/ui-next/dist/themes/fonts.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/examples/starknet-react-next/src/pages/_app.tsx b/examples/starknet-react-next/src/pages/_app.tsx
index fc2fce930..758ae7a98 100644
--- a/examples/starknet-react-next/src/pages/_app.tsx
+++ b/examples/starknet-react-next/src/pages/_app.tsx
@@ -2,6 +2,8 @@ import type { AppProps } from "next/app";
 import NextHead from "next/head";
 import { StarknetProvider } from "components/StarknetProvider";
 
+import "../globals.css";
+
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <StarknetProvider>
diff --git a/examples/starknet-react-next/src/pages/index.tsx b/examples/starknet-react-next/src/pages/index.tsx
index 55b2029aa..7b739445e 100644
--- a/examples/starknet-react-next/src/pages/index.tsx
+++ b/examples/starknet-react-next/src/pages/index.tsx
@@ -1,4 +1,3 @@
-import type { NextPage } from "next";
 import { TransferEth } from "components/TransferEth";
 import { ConnectWallet } from "components/ConnectWallet";
 import { InvalidTxn } from "components/InvalidTxn";
@@ -6,10 +5,12 @@ import { SignMessage } from "components/SignMessage";
 import { DojoSpawnAndMove } from "components/DojoSpawnAndMove";
 import { DelegateAccount } from "components/DelegateAccount";
 
-const Home: NextPage = () => {
+export default function Home() {
   return (
-    <div>
-      <h2>Wallet</h2>
+    <div className="flex flex-col p-4 gap-4">
+      <h2 className="text-3xl font-bold underline text-primary">
+        Controller Example
+      </h2>
       <ConnectWallet />
       <DojoSpawnAndMove />
       <TransferEth />
@@ -18,6 +19,4 @@ const Home: NextPage = () => {
       <SignMessage />
     </div>
   );
-};
-
-export default Home;
+}
diff --git a/examples/starknet-react-next/src/pages/token.tsx b/examples/starknet-react-next/src/pages/token.tsx
index 8150709b9..61e406b09 100644
--- a/examples/starknet-react-next/src/pages/token.tsx
+++ b/examples/starknet-react-next/src/pages/token.tsx
@@ -3,13 +3,13 @@ import {
   useContractRead,
   useContractWrite,
 } from "@starknet-react/core";
-import type { NextPage } from "next";
 import { useCallback, useMemo, useState } from "react";
 import { cairo, uint256 } from "starknet";
 import { ConnectWallet } from "components/ConnectWallet";
 import { useTokenContract } from "hooks/token";
 import { Abi } from "starknet";
 import Erc20Abi from "abi/erc20.json";
+import { Button, Input } from "@cartridge/ui-next";
 
 function UserBalance() {
   const { account } = useAccount();
@@ -95,14 +95,14 @@ function MintToken() {
       <h2>Mint token</h2>
       <p>
         <span>Amount: </span>
-        <input
+        <Input
           type="number"
           onChange={(evt) => updateAmount(evt.target.value)}
         />
       </p>
-      <button disabled={mintButtonDisabled} onClick={onMint}>
+      <Button disabled={mintButtonDisabled} onClick={onMint}>
         {isPending ? "Submitting" : "Mint"}
-      </button>
+      </Button>
       {error && (
         <p>
           <>Error: {error}</>
@@ -112,7 +112,7 @@ function MintToken() {
   );
 }
 
-const TokenPage: NextPage = () => {
+export default function TokenPage() {
   const { address } = useAccount();
 
   if (!address) {
@@ -130,6 +130,4 @@ const TokenPage: NextPage = () => {
       <MintToken />
     </div>
   );
-};
-
-export default TokenPage;
+}
diff --git a/examples/starknet-react-next/tailwind.config.ts b/examples/starknet-react-next/tailwind.config.ts
new file mode 100644
index 000000000..ea7ab9cc6
--- /dev/null
+++ b/examples/starknet-react-next/tailwind.config.ts
@@ -0,0 +1,12 @@
+import { cartridgeTWPreset } from "@cartridge/ui-next/preset";
+import { Config } from "tailwindcss";
+
+const config = {
+  content: [
+    "./src/**/*.{ts,tsx}",
+    "./node_modules/@cartridge/ui-next/**/*.{js,jsx}",
+  ],
+  presets: [cartridgeTWPreset],
+} satisfies Config;
+
+export default config;
diff --git a/packages/ui-next/package.json b/packages/ui-next/package.json
index 4f803336f..a0868118c 100644
--- a/packages/ui-next/package.json
+++ b/packages/ui-next/package.json
@@ -11,13 +11,19 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.js"
     },
-    "./themes/*": "./dist/themes/*.css"
+    "./preset": {
+      "require": "./dist/preset.js",
+      "types": "./dist/preset.d.js"
+    },
+    "./themes/default.css": "./dist/themes/default.css",
+    "./themes/dark.css": "./dist/themes/dark.css",
+    "./themes/fonts.css": "./dist/themes/fonts.css"
   },
   "scripts": {
-    "dev": "tsc && pnpm copyThemes",
-    "build": "tsc && pnpm copyThemes",
+    "dev": "pnpm build",
+    "build": "tsc && tsc-alias && pnpm copyThemes",
     "copyThemes": "cp -R src/themes dist/themes",
     "format": "prettier ./src --write",
     "lint": "eslint . --ext ts,tsx",
@@ -82,7 +88,7 @@
     "postcss": "^8.4.35",
     "storybook": "^8.0.5",
     "tailwindcss": "^3.4.3",
-    "ts-patch": "^3.2.1",
+    "tsc-alias": "^1.8.10",
     "typescript": "^5.4.3",
     "typescript-transform-paths": "^3.4.7",
     "vite": "^5.1.4"
diff --git a/packages/ui-next/src/components/primitives/index.ts b/packages/ui-next/src/components/primitives/index.ts
index ba795bc91..6dc499a87 100644
--- a/packages/ui-next/src/components/primitives/index.ts
+++ b/packages/ui-next/src/components/primitives/index.ts
@@ -1,4 +1,5 @@
 export * from "./alert-dialog";
+export * from "./button";
 export * from "./input";
 export * from "./label";
 export * from "./menubar";
diff --git a/packages/ui-next/src/index.ts b/packages/ui-next/src/index.ts
index ab6fe6bcc..89e38c8b6 100644
--- a/packages/ui-next/src/index.ts
+++ b/packages/ui-next/src/index.ts
@@ -1,3 +1,2 @@
 export * from "./components";
-export * from "./preset";
 export * from "./utils";
diff --git a/packages/ui-next/tailwind.config.ts b/packages/ui-next/tailwind.config.ts
index b7e3b8bc7..dcbfc00fb 100644
--- a/packages/ui-next/tailwind.config.ts
+++ b/packages/ui-next/tailwind.config.ts
@@ -1,10 +1,9 @@
 import type { Config } from "tailwindcss";
-import { cartridgeTWPreset } from "./src";
+import { cartridgeTWPreset } from "./src/preset";
 
 const config = {
   darkMode: "class",
   content: ["./src/**/*.{ts,tsx}", "./.storybook/**/*.{ts,tsx}"],
-  prefix: "",
   presets: [cartridgeTWPreset],
 } satisfies Config;
 
diff --git a/packages/ui-next/tsconfig.json b/packages/ui-next/tsconfig.json
index 54d3630ba..5ff3b5689 100644
--- a/packages/ui-next/tsconfig.json
+++ b/packages/ui-next/tsconfig.json
@@ -9,11 +9,10 @@
       "@/*": ["./src/*"]
     },
   },
-  "plugins": [
-    { "transform": "typescript-transform-paths" }
-  ],
   "include": [
     "src/components/**/*",
+    "src/index.ts",
+    "src/preset.ts",
     "src/utils.ts",
   ]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 54bb3200f..aaa76d17d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,9 @@ importers:
       '@cartridge/connector':
         specifier: workspace:^
         version: link:../../packages/connector
+      '@cartridge/ui-next':
+        specifier: workspace:^
+        version: link:../../packages/ui-next
       '@starknet-react/chains':
         specifier: ^0.1.3
         version: 0.1.7
@@ -91,12 +94,24 @@ importers:
       '@types/react-dom':
         specifier: ^18.2.7
         version: 18.3.0
+      autoprefixer:
+        specifier: ^10.4.18
+        version: 10.4.19(postcss@8.4.38)
       eslint:
         specifier: ^8.23.0
         version: 8.57.0
       eslint-config-next:
         specifier: ^12.2.5
         version: 12.3.4(eslint@8.57.0)(typescript@5.4.5)
+      postcss:
+        specifier: ^8.4.35
+        version: 8.4.38
+      postcss-import:
+        specifier: ^16.1.0
+        version: 16.1.0(postcss@8.4.38)
+      tailwindcss:
+        specifier: ^3.4.3
+        version: 3.4.3(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.4.5))
       typescript:
         specifier: ^5.4.5
         version: 5.4.5
@@ -581,9 +596,9 @@ importers:
       tailwindcss:
         specifier: ^3.4.3
         version: 3.4.3(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.4.5))
-      ts-patch:
-        specifier: ^3.2.1
-        version: 3.2.1
+      tsc-alias:
+        specifier: ^1.8.10
+        version: 1.8.10
       typescript:
         specifier: ^5.4.3
         version: 5.4.5
@@ -9495,6 +9510,10 @@ packages:
   mute-stream@0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
 
+  mylas@2.1.13:
+    resolution: {integrity: sha512-+MrqnJRtxdF+xngFfUUkIMQrUUL0KsxbADUkn23Z/4ibGg192Q+z+CQyiYwvWTsYjJygmMR8+w3ZDa98Zh6ESg==}
+    engines: {node: '>=12.0.0'}
+
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
@@ -10004,6 +10023,10 @@ packages:
     resolution: {integrity: sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==}
     engines: {node: '>=8'}
 
+  plimit-lit@1.6.1:
+    resolution: {integrity: sha512-B7+VDyb8Tl6oMJT9oSO2CW8XC/T4UcJGrwOVoNGwOQsQYhlpfajmrMj5xeejqaASq3V/EqThyOeATEOMuSEXiA==}
+    engines: {node: '>=12'}
+
   pngjs@5.0.0:
     resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
     engines: {node: '>=10.13.0'}
@@ -10076,6 +10099,12 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
 
+  postcss-import@16.1.0:
+    resolution: {integrity: sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
   postcss-js@4.0.1:
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
@@ -10459,6 +10488,10 @@ packages:
   querystringify@2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
 
+  queue-lit@1.5.2:
+    resolution: {integrity: sha512-tLc36IOPeMAubu8BkW8YDBV+WyIgKlYU7zUNs0J5Vk9skSZ4JfGlPOqplP0aHdfv7HL0B2Pg6nwiq60Qc6M2Hw==}
+    engines: {node: '>=12'}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -11766,10 +11799,6 @@ packages:
       '@swc/wasm':
         optional: true
 
-  ts-patch@3.2.1:
-    resolution: {integrity: sha512-hlR43v+GUIUy8/ZGFP1DquEqPh7PFKQdDMTAmYt671kCCA6AkDQMoeFaFmZ7ObPLYOmpMgyKUqL1C+coFMf30w==}
-    hasBin: true
-
   ts-pnp@1.2.0:
     resolution: {integrity: sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==}
     engines: {node: '>=6'}
@@ -11779,6 +11808,10 @@ packages:
       typescript:
         optional: true
 
+  tsc-alias@1.8.10:
+    resolution: {integrity: sha512-Ibv4KAWfFkFdKJxnWfVtdOmB0Zi1RJVxcbPGiCDsFpCQSsmpWyuzHG3rQyI5YkobWwxFPEyQfu1hdo4qLG2zPw==}
+    hasBin: true
+
   tsconfig-paths-webpack-plugin@4.1.0:
     resolution: {integrity: sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==}
     engines: {node: '>=10.13.0'}
@@ -21782,8 +21815,7 @@ snapshots:
 
   commander@8.3.0: {}
 
-  commander@9.5.0:
-    optional: true
+  commander@9.5.0: {}
 
   common-path-prefix@3.0.0: {}
 
@@ -25545,6 +25577,8 @@ snapshots:
 
   mute-stream@0.0.8: {}
 
+  mylas@2.1.13: {}
+
   mz@2.7.0:
     dependencies:
       any-promise: 1.3.0
@@ -26080,6 +26114,10 @@ snapshots:
     dependencies:
       find-up: 3.0.0
 
+  plimit-lit@1.6.1:
+    dependencies:
+      queue-lit: 1.5.2
+
   pngjs@5.0.0: {}
 
   pnp-webpack-plugin@1.7.0(typescript@5.4.5):
@@ -26149,12 +26187,19 @@ snapshots:
       read-cache: 1.0.0
       resolve: 1.22.8
 
+  postcss-import@16.1.0(postcss@8.4.38):
+    dependencies:
+      postcss: 8.4.38
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
+
   postcss-js@4.0.1(postcss@8.4.38):
     dependencies:
       camelcase-css: 2.0.1
       postcss: 8.4.38
 
-  postcss-load-config@4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.4.5)):
+  postcss-load-config@4.0.2(postcss@8.4.38)(ts-node@10.9.2(@swc/core@1.4.17)(typescript@5.4.5)):
     dependencies:
       lilconfig: 3.1.1
       yaml: 2.4.2
@@ -26551,6 +26596,8 @@ snapshots:
 
   querystringify@2.2.0: {}
 
+  queue-lit@1.5.2: {}
+
   queue-microtask@1.2.3: {}
 
   queue-tick@1.0.1: {}
@@ -27914,7 +27961,7 @@ snapshots:
       postcss: 8.4.38
       postcss-import: 15.1.0(postcss@8.4.38)
       postcss-js: 4.0.1(postcss@8.4.38)
-      postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.4.5))
+      postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@swc/core@1.4.17)(typescript@5.4.5))
       postcss-nested: 6.0.1(postcss@8.4.38)
       postcss-selector-parser: 6.0.16
       resolve: 1.22.8
@@ -28138,19 +28185,19 @@ snapshots:
     optionalDependencies:
       '@swc/core': 1.4.17(@swc/helpers@0.5.2)
 
-  ts-patch@3.2.1:
-    dependencies:
-      chalk: 4.1.2
-      global-prefix: 3.0.0
-      minimist: 1.2.8
-      resolve: 1.22.8
-      semver: 7.6.0
-      strip-ansi: 6.0.1
-
   ts-pnp@1.2.0(typescript@5.4.5):
     optionalDependencies:
       typescript: 5.4.5
 
+  tsc-alias@1.8.10:
+    dependencies:
+      chokidar: 3.6.0
+      commander: 9.5.0
+      globby: 11.1.0
+      mylas: 2.1.13
+      normalize-path: 3.0.0
+      plimit-lit: 1.6.1
+
   tsconfig-paths-webpack-plugin@4.1.0:
     dependencies:
       chalk: 4.1.2
@@ -28188,7 +28235,7 @@ snapshots:
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.4.5))
+      postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@swc/core@1.4.17)(typescript@5.4.5))
       resolve-from: 5.0.0
       rollup: 4.17.2
       source-map: 0.8.0-beta.0