diff --git a/.github/workflows/npm-publish-api.yml b/.github/workflows/npm-publish-api.yml
new file mode 100644
index 00000000..99bf74a2
--- /dev/null
+++ b/.github/workflows/npm-publish-api.yml
@@ -0,0 +1,21 @@
+name: Publish API package to NPM
+on:
+  push:
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm ci
+      - run: npm run build
+      - run: npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/npm-publish-ui.yml b/.github/workflows/npm-publish-ui.yml
new file mode 100644
index 00000000..43e91a96
--- /dev/null
+++ b/.github/workflows/npm-publish-ui.yml
@@ -0,0 +1,21 @@
+name: Publish UI package to NPM
+on:
+  push:
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm ci
+      - run: npm run build
+      - run: npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 5d32ea50..aeeb3ff7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 /.phpunit.cache
-/node_modules
+node_modules
+dist
 /public/build
 /public/hot
 /public/storage
diff --git a/docker-compose.yml b/docker-compose.yml
index 349db8a6..389d7264 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -108,7 +108,7 @@ services:
             - sail
             - reverse-proxy
     playwright:
-        image: mcr.microsoft.com/playwright:v1.45.2-jammy
+        image: mcr.microsoft.com/playwright:v1.46.1-jammy
         command: ['npx', 'playwright', 'test', '--ui-port=8080', '--ui-host=0.0.0.0']
         working_dir: /src
         extra_hosts:
diff --git a/e2e/project-members.spec.ts b/e2e/project-members.spec.ts
index 3f9e966e..eb27288b 100644
--- a/e2e/project-members.spec.ts
+++ b/e2e/project-members.spec.ts
@@ -1,7 +1,7 @@
 import { expect, Page } from '@playwright/test';
 import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
 import { test } from '../playwright/fixtures';
-import { formatCents } from '../resources/js/utils/money';
+import { formatCents } from '../resources/js/packages/ui/src/utils/money';
 
 async function goToProjectsOverview(page: Page) {
     await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
@@ -58,6 +58,6 @@ test('test that updating project member billable rate works for existing time en
         page
             .getByRole('row')
             .first()
-            .getByText(formatCents(newBillableRate * 100))
+            .getByText(formatCents(newBillableRate * 100, 'EUR'))
     ).toBeVisible();
 });
diff --git a/e2e/projects.spec.ts b/e2e/projects.spec.ts
index 8c3c5f36..113a9a6d 100644
--- a/e2e/projects.spec.ts
+++ b/e2e/projects.spec.ts
@@ -1,7 +1,7 @@
 import { expect, Page } from '@playwright/test';
 import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
 import { test } from '../playwright/fixtures';
-import { formatCents } from '../resources/js/utils/money';
+import { formatCents } from '../resources/js/packages/ui/src/utils/money';
 
 async function goToProjectsOverview(page: Page) {
     await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
@@ -131,7 +131,7 @@ test('test that updating billable rate works with existing time entries', async
         page
             .getByRole('row')
             .first()
-            .getByText(formatCents(newBillableRate * 100))
+            .getByText(formatCents(newBillableRate * 100, 'EUR'))
     ).toBeVisible();
 });
 
diff --git a/e2e/timetracker.spec.ts b/e2e/timetracker.spec.ts
index f449fa6f..2ae2f94b 100644
--- a/e2e/timetracker.spec.ts
+++ b/e2e/timetracker.spec.ts
@@ -285,3 +285,5 @@ test('test that adding a new tag when the timer is running', async ({
 // test billable toggle
 
 // TODO: Test that project can be created in the time tracker row
+
+// Add Test that time tracker starts on enter with description
diff --git a/package-lock.json b/package-lock.json
index edde7956..141503b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1019,38 +1019,38 @@
             }
         },
         "node_modules/@floating-ui/core": {
-            "version": "1.6.6",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.6.tgz",
-            "integrity": "sha512-Vkvsw6EcpMHjvZZdMkSY+djMGFbt7CRssW99Ne8tar2WLnZ/l3dbxeTShbLQj+/s35h+Qb4cmnob+EzwtjrXGQ==",
+            "version": "1.6.7",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.7.tgz",
+            "integrity": "sha512-yDzVT/Lm101nQ5TCVeK65LtdN7Tj4Qpr9RTXJ2vPFLqtLxwOrpoxAHAJI8J3yYWUc40J0BDBheaitK5SJmno2g==",
             "license": "MIT",
             "dependencies": {
-                "@floating-ui/utils": "^0.2.6"
+                "@floating-ui/utils": "^0.2.7"
             }
         },
         "node_modules/@floating-ui/dom": {
-            "version": "1.6.9",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.9.tgz",
-            "integrity": "sha512-zB1PcI350t4tkm3rvUhSRKa9sT7vH5CrAbQxW+VaPYJXKAO0gsg4CTueL+6Ajp7XzAQC8CW4Jj1Wgqc0sB6oUQ==",
+            "version": "1.6.10",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.10.tgz",
+            "integrity": "sha512-fskgCFv8J8OamCmyun8MfjB1Olfn+uZKjOKZ0vhYF3gRmEUXcGOjxWL8bBr7i4kIuPZ2KD2S3EUIOxnjC8kl2A==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/core": "^1.6.0",
-                "@floating-ui/utils": "^0.2.6"
+                "@floating-ui/utils": "^0.2.7"
             }
         },
         "node_modules/@floating-ui/utils": {
-            "version": "0.2.6",
-            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.6.tgz",
-            "integrity": "sha512-0KI3zGxIUs1KDR/pjQPdJH4Z8nGBm0yJ5WRoRfdw1Kzeh45jkIfA0rmD0kBF6fKHH+xaH7g8y4jIXyAV5MGK3g==",
+            "version": "0.2.7",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.7.tgz",
+            "integrity": "sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA==",
             "license": "MIT"
         },
         "node_modules/@floating-ui/vue": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.3.tgz",
-            "integrity": "sha512-1YlBnfamNCwT85JZJ2HH9t5DO6DAArhQHAiDQW5l+d9MzlN8atywXw2wI9vitPkoZZSurrDJ2viMzrbhPTmLmQ==",
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.4.tgz",
+            "integrity": "sha512-ammH7T3vyCx7pmm9OF19Wc42zrGnUw0QvLoidgypWsCLJMtGXEwY7paYIHO+K+oLC3mbWpzIHzeTVienYenlNg==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.0.0",
-                "@floating-ui/utils": "^0.2.6",
+                "@floating-ui/utils": "^0.2.7",
                 "vue-demi": ">=0.13.0"
             }
         },
@@ -1365,13 +1365,13 @@
             }
         },
         "node_modules/@playwright/test": {
-            "version": "1.46.0",
-            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.46.0.tgz",
-            "integrity": "sha512-/QYft5VArOrGRP5pgkrfKksqsKA6CEFyGQ/gjNe6q0y4tZ1aaPfq4gIjudr1s3D+pXyrPRdsy4opKDrjBabE5w==",
+            "version": "1.46.1",
+            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.46.1.tgz",
+            "integrity": "sha512-Fq6SwLujA/DOIvNC2EL/SojJnkKf/rAwJ//APpJJHRyMi1PdKrY3Az+4XNQ51N4RTbItbIByQ0jgd1tayq1aeA==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "playwright": "1.46.0"
+                "playwright": "1.46.1"
             },
             "bin": {
                 "playwright": "cli.js"
@@ -1381,9 +1381,9 @@
             }
         },
         "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.20.0.tgz",
-            "integrity": "sha512-TSpWzflCc4VGAUJZlPpgAJE1+V60MePDQnBd7PPkpuEmOy8i87aL6tinFGKBFKuEDikYpig72QzdT3QPYIi+oA==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.0.tgz",
+            "integrity": "sha512-WTWD8PfoSAJ+qL87lE7votj3syLavxunWhzCnx3XFxFiI/BA/r3X7MUM8dVrH8rb2r4AiO8jJsr3ZjdaftmnfA==",
             "cpu": [
                 "arm"
             ],
@@ -1395,9 +1395,9 @@
             ]
         },
         "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.20.0.tgz",
-            "integrity": "sha512-u00Ro/nok7oGzVuh/FMYfNoGqxU5CPWz1mxV85S2w9LxHR8OoMQBuSk+3BKVIDYgkpeOET5yXkx90OYFc+ytpQ==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.0.tgz",
+            "integrity": "sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==",
             "cpu": [
                 "arm64"
             ],
@@ -1409,9 +1409,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.20.0.tgz",
-            "integrity": "sha512-uFVfvzvsdGtlSLuL0ZlvPJvl6ZmrH4CBwLGEFPe7hUmf7htGAN+aXo43R/V6LATyxlKVC/m6UsLb7jbG+LG39Q==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.0.tgz",
+            "integrity": "sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==",
             "cpu": [
                 "arm64"
             ],
@@ -1423,9 +1423,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.20.0.tgz",
-            "integrity": "sha512-xbrMDdlev53vNXexEa6l0LffojxhqDTBeL+VUxuuIXys4x6xyvbKq5XqTXBCEUA8ty8iEJblHvFaWRJTk/icAQ==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.0.tgz",
+            "integrity": "sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==",
             "cpu": [
                 "x64"
             ],
@@ -1437,9 +1437,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.20.0.tgz",
-            "integrity": "sha512-jMYvxZwGmoHFBTbr12Xc6wOdc2xA5tF5F2q6t7Rcfab68TT0n+r7dgawD4qhPEvasDsVpQi+MgDzj2faOLsZjA==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.0.tgz",
+            "integrity": "sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==",
             "cpu": [
                 "arm"
             ],
@@ -1451,9 +1451,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.20.0.tgz",
-            "integrity": "sha512-1asSTl4HKuIHIB1GcdFHNNZhxAYEdqML/MW4QmPS4G0ivbEcBr1JKlFLKsIRqjSwOBkdItn3/ZDlyvZ/N6KPlw==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.0.tgz",
+            "integrity": "sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==",
             "cpu": [
                 "arm"
             ],
@@ -1465,9 +1465,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.20.0.tgz",
-            "integrity": "sha512-COBb8Bkx56KldOYJfMf6wKeYJrtJ9vEgBRAOkfw6Ens0tnmzPqvlpjZiLgkhg6cA3DGzCmLmmd319pmHvKWWlQ==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.0.tgz",
+            "integrity": "sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==",
             "cpu": [
                 "arm64"
             ],
@@ -1479,9 +1479,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.20.0.tgz",
-            "integrity": "sha512-+it+mBSyMslVQa8wSPvBx53fYuZK/oLTu5RJoXogjk6x7Q7sz1GNRsXWjn6SwyJm8E/oMjNVwPhmNdIjwP135Q==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.0.tgz",
+            "integrity": "sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==",
             "cpu": [
                 "arm64"
             ],
@@ -1493,9 +1493,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.20.0.tgz",
-            "integrity": "sha512-yAMvqhPfGKsAxHN8I4+jE0CpLWD8cv4z7CK7BMmhjDuz606Q2tFKkWRY8bHR9JQXYcoLfopo5TTqzxgPUjUMfw==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.0.tgz",
+            "integrity": "sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==",
             "cpu": [
                 "ppc64"
             ],
@@ -1507,9 +1507,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.20.0.tgz",
-            "integrity": "sha512-qmuxFpfmi/2SUkAw95TtNq/w/I7Gpjurx609OOOV7U4vhvUhBcftcmXwl3rqAek+ADBwSjIC4IVNLiszoj3dPA==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.0.tgz",
+            "integrity": "sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==",
             "cpu": [
                 "riscv64"
             ],
@@ -1521,9 +1521,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.20.0.tgz",
-            "integrity": "sha512-I0BtGXddHSHjV1mqTNkgUZLnS3WtsqebAXv11D5BZE/gfw5KoyXSAXVqyJximQXNvNzUo4GKlCK/dIwXlz+jlg==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.0.tgz",
+            "integrity": "sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==",
             "cpu": [
                 "s390x"
             ],
@@ -1535,9 +1535,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.20.0.tgz",
-            "integrity": "sha512-y+eoL2I3iphUg9tN9GB6ku1FA8kOfmF4oUEWhztDJ4KXJy1agk/9+pejOuZkNFhRwHAOxMsBPLbXPd6mJiCwew==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.0.tgz",
+            "integrity": "sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==",
             "cpu": [
                 "x64"
             ],
@@ -1549,9 +1549,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.20.0.tgz",
-            "integrity": "sha512-hM3nhW40kBNYUkZb/r9k2FKK+/MnKglX7UYd4ZUy5DJs8/sMsIbqWK2piZtVGE3kcXVNj3B2IrUYROJMMCikNg==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.0.tgz",
+            "integrity": "sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==",
             "cpu": [
                 "x64"
             ],
@@ -1563,9 +1563,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.20.0.tgz",
-            "integrity": "sha512-psegMvP+Ik/Bg7QRJbv8w8PAytPA7Uo8fpFjXyCRHWm6Nt42L+JtoqH8eDQ5hRP7/XW2UiIriy1Z46jf0Oa1kA==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.0.tgz",
+            "integrity": "sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==",
             "cpu": [
                 "arm64"
             ],
@@ -1577,9 +1577,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.20.0.tgz",
-            "integrity": "sha512-GabekH3w4lgAJpVxkk7hUzUf2hICSQO0a/BLFA11/RMxQT92MabKAqyubzDZmMOC/hcJNlc+rrypzNzYl4Dx7A==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.0.tgz",
+            "integrity": "sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==",
             "cpu": [
                 "ia32"
             ],
@@ -1591,9 +1591,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.20.0.tgz",
-            "integrity": "sha512-aJ1EJSuTdGnM6qbVC4B5DSmozPTqIag9fSzXRNNo+humQLG89XpPgdt16Ia56ORD7s+H8Pmyx44uczDQ0yDzpg==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.0.tgz",
+            "integrity": "sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==",
             "cpu": [
                 "x64"
             ],
@@ -1648,9 +1648,9 @@
             }
         },
         "node_modules/@tailwindcss/typography": {
-            "version": "0.5.13",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.13.tgz",
-            "integrity": "sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==",
+            "version": "0.5.14",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.14.tgz",
+            "integrity": "sha512-ZvOCjUbsJBjL9CxQBn+VEnFpouzuKhxh2dH8xMIWHILL+HfOYtlAkWcyoon8LlzE53d2Yo6YO6pahKKNW3q1YQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1664,9 +1664,9 @@
             }
         },
         "node_modules/@tanstack/virtual-core": {
-            "version": "3.8.4",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.8.4.tgz",
-            "integrity": "sha512-iO5Ujgw3O1yIxWDe9FgUPNkGjyT657b1WNX52u+Wv1DyBFEpdCdGkuVaky0M3hHFqNWjAmHWTn4wgj9rTr7ZQg==",
+            "version": "3.9.0",
+            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.9.0.tgz",
+            "integrity": "sha512-Saga7/QRGej/IDCVP5BgJ1oDqlDT2d9rQyoflS3fgMS8ntJ8JGw/LBqK2GorHa06+VrNFc0tGz65XQHJQJetFQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1674,12 +1674,12 @@
             }
         },
         "node_modules/@tanstack/vue-virtual": {
-            "version": "3.8.5",
-            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.8.5.tgz",
-            "integrity": "sha512-JBHw3xFUslYgrbvNlCYtTWwFo8zjzRs7c2rs6B4JKFXWyP5yHuoeivgQgeZ34t6O6lJTNqc/K4ccmmcmKqpMPA==",
+            "version": "3.9.0",
+            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.9.0.tgz",
+            "integrity": "sha512-MVJhQh57OR3wg2pWL/25IN1/nITFNnpFaz4gOvRCqnxhsH0WRePBBKvixOaFTgiyYfmrjFbb4d0nRMTvsjZZdQ==",
             "license": "MIT",
             "dependencies": {
-                "@tanstack/virtual-core": "3.8.4"
+                "@tanstack/virtual-core": "3.9.0"
             },
             "funding": {
                 "type": "github",
@@ -1707,13 +1707,13 @@
             }
         },
         "node_modules/@types/node": {
-            "version": "20.14.14",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.14.tgz",
-            "integrity": "sha512-d64f00982fS9YoOgJkAMolK7MN8Iq3TDdVjchbYHdEmjth/DHowx82GnoA+tVUAN+7vxfYUgAzi+JXbKNd2SDQ==",
+            "version": "20.16.1",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.16.1.tgz",
+            "integrity": "sha512-zJDo7wEadFtSyNz5QITDfRcrhqDvQI1xQNQ0VoizPjM/dVAODqqIUWbJPkvsxmTI0MYRGRikcdjMPhOssnPejQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "undici-types": "~5.26.4"
+                "undici-types": "~6.19.2"
             }
         },
         "node_modules/@types/web-bluetooth": {
@@ -1929,68 +1929,68 @@
             }
         },
         "node_modules/@volar/language-core": {
-            "version": "2.4.0-alpha.18",
-            "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.0-alpha.18.tgz",
-            "integrity": "sha512-JAYeJvYQQROmVRtSBIczaPjP3DX4QW1fOqW1Ebs0d3Y3EwSNRglz03dSv0Dm61dzd0Yx3WgTW3hndDnTQqgmyg==",
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.0.tgz",
+            "integrity": "sha512-FTla+khE+sYK0qJP+6hwPAAUwiNHVMph4RUXpxf/FIPKUP61NFrVZorml4mjFShnueR2y9/j8/vnh09YwVdH7A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@volar/source-map": "2.4.0-alpha.18"
+                "@volar/source-map": "2.4.0"
             }
         },
         "node_modules/@volar/source-map": {
-            "version": "2.4.0-alpha.18",
-            "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.0-alpha.18.tgz",
-            "integrity": "sha512-MTeCV9MUwwsH0sNFiZwKtFrrVZUK6p8ioZs3xFzHc2cvDXHWlYN3bChdQtwKX+FY2HG6H3CfAu1pKijolzIQ8g==",
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.0.tgz",
+            "integrity": "sha512-2ceY8/NEZvN6F44TXw2qRP6AQsvCYhV2bxaBPWxV9HqIfkbRydSksTFObCF1DBDNBfKiZTS8G/4vqV6cvjdOIQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@volar/typescript": {
-            "version": "2.4.0-alpha.18",
-            "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.0-alpha.18.tgz",
-            "integrity": "sha512-sXh5Y8sqGUkgxpMWUGvRXggxYHAVxg0Pa1C42lQZuPDrW6vHJPR0VCK8Sr7WJsAW530HuNQT/ZIskmXtxjybMQ==",
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.0.tgz",
+            "integrity": "sha512-9zx3lQWgHmVd+JRRAHUSRiEhe4TlzL7U7e6ulWXOxHH/WNYxzKwCvZD7WYWEZFdw4dHfTD9vUR0yPQO6GilCaQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@volar/language-core": "2.4.0-alpha.18",
+                "@volar/language-core": "2.4.0",
                 "path-browserify": "^1.0.1",
                 "vscode-uri": "^3.0.8"
             }
         },
         "node_modules/@vue/compiler-core": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.35.tgz",
-            "integrity": "sha512-gKp0zGoLnMYtw4uS/SJRRO7rsVggLjvot3mcctlMXunYNsX+aRJDqqw/lV5/gHK91nvaAAlWFgdVl020AW1Prg==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.38.tgz",
+            "integrity": "sha512-8IQOTCWnLFqfHzOGm9+P8OPSEDukgg3Huc92qSG49if/xI2SAwLHQO2qaPQbjCWPBcQoO1WYfXfTACUrWV3c5A==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.24.7",
-                "@vue/shared": "3.4.35",
+                "@vue/shared": "3.4.38",
                 "entities": "^4.5.0",
                 "estree-walker": "^2.0.2",
                 "source-map-js": "^1.2.0"
             }
         },
         "node_modules/@vue/compiler-dom": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.35.tgz",
-            "integrity": "sha512-pWIZRL76/oE/VMhdv/ovZfmuooEni6JPG1BFe7oLk5DZRo/ImydXijoZl/4kh2406boRQ7lxTYzbZEEXEhj9NQ==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.38.tgz",
+            "integrity": "sha512-Osc/c7ABsHXTsETLgykcOwIxFktHfGSUDkb05V61rocEfsFDcjDLH/IHJSNJP+/Sv9KeN2Lx1V6McZzlSb9EhQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-core": "3.4.35",
-                "@vue/shared": "3.4.35"
+                "@vue/compiler-core": "3.4.38",
+                "@vue/shared": "3.4.38"
             }
         },
         "node_modules/@vue/compiler-sfc": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.35.tgz",
-            "integrity": "sha512-xacnRS/h/FCsjsMfxBkzjoNxyxEyKyZfBch/P4vkLRvYJwe5ChXmZZrj8Dsed/752H2Q3JE8kYu9Uyha9J6PgA==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.38.tgz",
+            "integrity": "sha512-s5QfZ+9PzPh3T5H4hsQDJtI8x7zdJaew/dCGgqZ2630XdzaZ3AD8xGZfBqpT8oaD/p2eedd+pL8tD5vvt5ZYJQ==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.24.7",
-                "@vue/compiler-core": "3.4.35",
-                "@vue/compiler-dom": "3.4.35",
-                "@vue/compiler-ssr": "3.4.35",
-                "@vue/shared": "3.4.35",
+                "@vue/compiler-core": "3.4.38",
+                "@vue/compiler-dom": "3.4.38",
+                "@vue/compiler-ssr": "3.4.38",
+                "@vue/shared": "3.4.38",
                 "estree-walker": "^2.0.2",
                 "magic-string": "^0.30.10",
                 "postcss": "^8.4.40",
@@ -1998,13 +1998,13 @@
             }
         },
         "node_modules/@vue/compiler-ssr": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.35.tgz",
-            "integrity": "sha512-7iynB+0KB1AAJKk/biENTV5cRGHRdbdaD7Mx3nWcm1W8bVD6QmnH3B4AHhQQ1qZHhqFwzEzMwiytXm3PX1e60A==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.38.tgz",
+            "integrity": "sha512-YXznKFQ8dxYpAz9zLuVvfcXhc31FSPFDcqr0kyujbOwNhlmaNvL2QfIy+RZeJgSn5Fk54CWoEUeW+NVBAogGaw==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.4.35",
-                "@vue/shared": "3.4.35"
+                "@vue/compiler-dom": "3.4.38",
+                "@vue/shared": "3.4.38"
             }
         },
         "node_modules/@vue/compiler-vue2": {
@@ -2088,53 +2088,53 @@
             }
         },
         "node_modules/@vue/reactivity": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.35.tgz",
-            "integrity": "sha512-Ggtz7ZZHakriKioveJtPlStYardwQH6VCs9V13/4qjHSQb/teE30LVJNrbBVs4+aoYGtTQKJbTe4CWGxVZrvEw==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.38.tgz",
+            "integrity": "sha512-4vl4wMMVniLsSYYeldAKzbk72+D3hUnkw9z8lDeJacTxAkXeDAP1uE9xr2+aKIN0ipOL8EG2GPouVTH6yF7Gnw==",
             "license": "MIT",
             "dependencies": {
-                "@vue/shared": "3.4.35"
+                "@vue/shared": "3.4.38"
             }
         },
         "node_modules/@vue/runtime-core": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.35.tgz",
-            "integrity": "sha512-D+BAjFoWwT5wtITpSxwqfWZiBClhBbR+bm0VQlWYFOadUUXFo+5wbe9ErXhLvwguPiLZdEF13QAWi2vP3ZD5tA==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.38.tgz",
+            "integrity": "sha512-21z3wA99EABtuf+O3IhdxP0iHgkBs1vuoCAsCKLVJPEjpVqvblwBnTj42vzHRlWDCyxu9ptDm7sI2ZMcWrQqlA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.4.35",
-                "@vue/shared": "3.4.35"
+                "@vue/reactivity": "3.4.38",
+                "@vue/shared": "3.4.38"
             }
         },
         "node_modules/@vue/runtime-dom": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.35.tgz",
-            "integrity": "sha512-yGOlbos+MVhlS5NWBF2HDNgblG8e2MY3+GigHEyR/dREAluvI5tuUUgie3/9XeqhPE4LF0i2wjlduh5thnfOqw==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.38.tgz",
+            "integrity": "sha512-afZzmUreU7vKwKsV17H1NDThEEmdYI+GCAK/KY1U957Ig2NATPVjCROv61R19fjZNzMmiU03n79OMnXyJVN0UA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.4.35",
-                "@vue/runtime-core": "3.4.35",
-                "@vue/shared": "3.4.35",
+                "@vue/reactivity": "3.4.38",
+                "@vue/runtime-core": "3.4.38",
+                "@vue/shared": "3.4.38",
                 "csstype": "^3.1.3"
             }
         },
         "node_modules/@vue/server-renderer": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.35.tgz",
-            "integrity": "sha512-iZ0e/u9mRE4T8tNhlo0tbA+gzVkgv8r5BX6s1kRbOZqfpq14qoIvCZ5gIgraOmYkMYrSEZgkkojFPr+Nyq/Mnw==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.38.tgz",
+            "integrity": "sha512-NggOTr82FbPEkkUvBm4fTGcwUY8UuTsnWC/L2YZBmvaQ4C4Jl/Ao4HHTB+l7WnFCt5M/dN3l0XLuyjzswGYVCA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-ssr": "3.4.35",
-                "@vue/shared": "3.4.35"
+                "@vue/compiler-ssr": "3.4.38",
+                "@vue/shared": "3.4.38"
             },
             "peerDependencies": {
-                "vue": "3.4.35"
+                "vue": "3.4.38"
             }
         },
         "node_modules/@vue/shared": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.35.tgz",
-            "integrity": "sha512-hvuhBYYDe+b1G8KHxsQ0diDqDMA8D9laxWZhNAjE83VZb5UDaXl9Xnz7cGdDSyiHM90qqI/CyGMcpBpiDy6VVQ==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.38.tgz",
+            "integrity": "sha512-q0xCiLkuWWQLzVrecPb0RMsNWyxICOjPrcrwxTUEHb1fsnvni4dcuyG7RT/Ie7VPTvnjzIaWzRMUBsrqNj/hhw==",
             "license": "MIT"
         },
         "node_modules/@vue/tsconfig": {
@@ -2145,14 +2145,14 @@
             "license": "MIT"
         },
         "node_modules/@vueuse/core": {
-            "version": "10.11.0",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.0.tgz",
-            "integrity": "sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==",
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+            "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
             "license": "MIT",
             "dependencies": {
                 "@types/web-bluetooth": "^0.0.20",
-                "@vueuse/metadata": "10.11.0",
-                "@vueuse/shared": "10.11.0",
+                "@vueuse/metadata": "10.11.1",
+                "@vueuse/shared": "10.11.1",
                 "vue-demi": ">=0.14.8"
             },
             "funding": {
@@ -2186,18 +2186,18 @@
             }
         },
         "node_modules/@vueuse/metadata": {
-            "version": "10.11.0",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.0.tgz",
-            "integrity": "sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==",
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+            "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/antfu"
             }
         },
         "node_modules/@vueuse/shared": {
-            "version": "10.11.0",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.0.tgz",
-            "integrity": "sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==",
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+            "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
             "license": "MIT",
             "dependencies": {
                 "vue-demi": ">=0.14.8"
@@ -2433,9 +2433,9 @@
             }
         },
         "node_modules/axios": {
-            "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.3.tgz",
-            "integrity": "sha512-Ar7ND9pU99eJ9GpoGQKhKf58GpUOgnzuaB7ueNQ5BMi0p+LZ5oaEnfF999fAArcTIBwXTCHAmGcHOZJaWPq9Nw==",
+            "version": "1.7.4",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
+            "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2580,9 +2580,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001649",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001649.tgz",
-            "integrity": "sha512-fJegqZZ0ZX8HOWr6rcafGr72+xcgJKI9oWfDW5DrD7ExUtgZC7a7R7ZYmZqplh7XDocFdGeIFn7roAxhOeYrPQ==",
+            "version": "1.0.30001651",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001651.tgz",
+            "integrity": "sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==",
             "dev": true,
             "funding": [
                 {
@@ -2879,9 +2879,9 @@
             }
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.5.tgz",
-            "integrity": "sha512-QR7/A7ZkMS8tZuoftC/jfqNkZLQO779SSW3YuZHP4eXpj3EffGLFcB/Xu9AAZQzLccTiCV+EmUo3ha4mQ9wnlA==",
+            "version": "1.5.11",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.11.tgz",
+            "integrity": "sha512-R1CccCDYqndR25CaXFd6hp/u9RaaMcftMkphmvuepXr5b1vfLkRml6aWVeBhXJ7rbevHkKEMJtz8XqPf7ffmew==",
             "dev": true,
             "license": "ISC"
         },
@@ -3132,9 +3132,9 @@
             }
         },
         "node_modules/eslint-plugin-vue/node_modules/postcss-selector-parser": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
-            "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
@@ -3450,9 +3450,9 @@
             }
         },
         "node_modules/foreground-child": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
-            "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==",
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
+            "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
             "license": "ISC",
             "dependencies": {
                 "cross-spawn": "^7.0.0",
@@ -3782,9 +3782,9 @@
             }
         },
         "node_modules/ignore": {
-            "version": "5.3.1",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-            "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 4"
@@ -4674,13 +4674,13 @@
             }
         },
         "node_modules/pinia": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.0.tgz",
-            "integrity": "sha512-iPrIh26GMqfpUlMOGyxuDowGmYousTecbTHFwT0xZ1zJvh23oQ+Cj99ZoPQA1TnUPhU6AuRPv6/drkTCJ0VHQA==",
+            "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.2.tgz",
+            "integrity": "sha512-ja2XqFWZC36mupU4z1ZzxeTApV7DOw44cV4dhQ9sGwun+N89v/XP7+j7q6TanS1u1tdbK4r+1BUx7heMaIdagA==",
             "license": "MIT",
             "dependencies": {
                 "@vue/devtools-api": "^6.6.3",
-                "vue-demi": "^0.14.8"
+                "vue-demi": "^0.14.10"
             },
             "funding": {
                 "url": "https://github.com/sponsors/posva"
@@ -4735,13 +4735,13 @@
             }
         },
         "node_modules/playwright": {
-            "version": "1.46.0",
-            "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.46.0.tgz",
-            "integrity": "sha512-XYJ5WvfefWONh1uPAUAi0H2xXV5S3vrtcnXe6uAOgdGi3aSpqOSXX08IAjXW34xitfuOJsvXU5anXZxPSEQiJw==",
+            "version": "1.46.1",
+            "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.46.1.tgz",
+            "integrity": "sha512-oPcr1yqoXLCkgKtD5eNUPLiN40rYEM39odNpIb6VE6S7/15gJmA1NzVv6zJYusV0e7tzvkU/utBFNa/Kpxmwng==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "playwright-core": "1.46.0"
+                "playwright-core": "1.46.1"
             },
             "bin": {
                 "playwright": "cli.js"
@@ -4754,9 +4754,9 @@
             }
         },
         "node_modules/playwright-core": {
-            "version": "1.46.0",
-            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.46.0.tgz",
-            "integrity": "sha512-9Y/d5UIwuJk8t3+lhmMSAJyNP1BUC/DqP3cQJDQQL/oWqAiuPTLgy7Q5dzglmTLwcBRdetzgNM/gni7ckfTr6A==",
+            "version": "1.46.1",
+            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.46.1.tgz",
+            "integrity": "sha512-h9LqIQaAv+CYvWzsZ+h3RsrqCStkBHlgo6/TJlFst3cOTlLghBQlJwPOZKQJTKNaD3QIB7aAVQ+gfWbN3NXB7A==",
             "dev": true,
             "license": "Apache-2.0",
             "bin": {
@@ -4903,9 +4903,9 @@
             }
         },
         "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
-            "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "license": "MIT",
             "dependencies": {
                 "cssesc": "^3.0.0",
@@ -4990,9 +4990,9 @@
             }
         },
         "node_modules/postcss-nesting/node_modules/postcss-selector-parser": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
-            "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5115,9 +5115,9 @@
             "license": "MIT"
         },
         "node_modules/radix-vue": {
-            "version": "1.9.2",
-            "resolved": "https://registry.npmjs.org/radix-vue/-/radix-vue-1.9.2.tgz",
-            "integrity": "sha512-XXwEMmXJmzcy9SebywbQdrZg8UE1jueqPMpxKK6NoquRC0CP4dvlBcuzp4lDWNSsqOgmkXa6CNbwEzdCX96umg==",
+            "version": "1.9.4",
+            "resolved": "https://registry.npmjs.org/radix-vue/-/radix-vue-1.9.4.tgz",
+            "integrity": "sha512-d950wxB+MVVU6L9h39OsNzAdk2BiGDDfhXJiHsksPAIK5pCR8W4U0RB0WLQEdjmmL9p1aXOYm4FBDq0oIo2G/w==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.6.7",
@@ -5246,9 +5246,9 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.20.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.20.0.tgz",
-            "integrity": "sha512-6rbWBChcnSGzIlXeIdNIZTopKYad8ZG8ajhl78lGRLsI2rX8IkaotQhVas2Ma+GPxJav19wrSzvRvuiv0YKzWw==",
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.21.0.tgz",
+            "integrity": "sha512-vo+S/lfA2lMS7rZ2Qoubi6I5hwZwzXeUIctILZLbHI+laNtvhhOIon2S1JksA5UEDQ7l3vberd0fxK44lTYjbQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5262,22 +5262,22 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.20.0",
-                "@rollup/rollup-android-arm64": "4.20.0",
-                "@rollup/rollup-darwin-arm64": "4.20.0",
-                "@rollup/rollup-darwin-x64": "4.20.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.20.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.20.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.20.0",
-                "@rollup/rollup-linux-arm64-musl": "4.20.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.20.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.20.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.20.0",
-                "@rollup/rollup-linux-x64-gnu": "4.20.0",
-                "@rollup/rollup-linux-x64-musl": "4.20.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.20.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.20.0",
-                "@rollup/rollup-win32-x64-msvc": "4.20.0",
+                "@rollup/rollup-android-arm-eabi": "4.21.0",
+                "@rollup/rollup-android-arm64": "4.21.0",
+                "@rollup/rollup-darwin-arm64": "4.21.0",
+                "@rollup/rollup-darwin-x64": "4.21.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.21.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.21.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.21.0",
+                "@rollup/rollup-linux-arm64-musl": "4.21.0",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.21.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.21.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.21.0",
+                "@rollup/rollup-linux-x64-gnu": "4.21.0",
+                "@rollup/rollup-linux-x64-musl": "4.21.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.21.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.21.0",
+                "@rollup/rollup-win32-x64-msvc": "4.21.0",
                 "fsevents": "~2.3.2"
             }
         },
@@ -5613,9 +5613,9 @@
             "license": "0BSD"
         },
         "node_modules/tailwind-merge": {
-            "version": "2.4.0",
-            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.4.0.tgz",
-            "integrity": "sha512-49AwoOQNKdqKPd9CViyH5wJoSKsCDjUlzL8DxuGp3P1FsGY36NJDAa18jLZcaHAUUuTj+JB8IAo8zWgBNvBF7A==",
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.2.tgz",
+            "integrity": "sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -5623,9 +5623,9 @@
             }
         },
         "node_modules/tailwindcss": {
-            "version": "3.4.7",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.7.tgz",
-            "integrity": "sha512-rxWZbe87YJb4OcSopb7up2Ba4U82BoiSGUdoDr3Ydrg9ckxFS/YWsvhN323GMcddgU65QRy7JndC7ahhInhvlQ==",
+            "version": "3.4.10",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.10.tgz",
+            "integrity": "sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==",
             "license": "MIT",
             "dependencies": {
                 "@alloc/quick-lru": "^5.2.0",
@@ -5660,9 +5660,9 @@
             }
         },
         "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
-            "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "license": "MIT",
             "dependencies": {
                 "cssesc": "^3.0.0",
@@ -5779,9 +5779,9 @@
             "license": "Apache-2.0"
         },
         "node_modules/ts-pattern": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ts-pattern/-/ts-pattern-5.2.0.tgz",
-            "integrity": "sha512-aGaSpOlDcns7ZoeG/OMftWyQG1KqPVhgplhJxNCvyIXqWrumM5uIoOSarw/hmmi/T1PnuQ/uD8NaFHvLpHicDg==",
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/ts-pattern/-/ts-pattern-5.3.1.tgz",
+            "integrity": "sha512-1RUMKa8jYQdNfmnK4jyzBK3/PS/tnjcZ1CW0v1vWDeYe5RBklc/nquw03MEoB66hVBm4BnlCfmOqDVxHyT1DpA==",
             "dev": true,
             "license": "MIT"
         },
@@ -5838,9 +5838,9 @@
             }
         },
         "node_modules/uglify-js": {
-            "version": "3.19.1",
-            "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.1.tgz",
-            "integrity": "sha512-y/2wiW+ceTYR2TSSptAhfnEtpLaQ4Ups5zrjB2d3kuVxHj16j/QJwPl5PvuGy9uARb39J0+iKxcRPvtpsx4A4A==",
+            "version": "3.19.2",
+            "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.2.tgz",
+            "integrity": "sha512-S8KA6DDI47nQXJSi2ctQ629YzwOVs+bQML6DAtvy0wgNdpi+0ySpQK0g2pxBq2xfF2z3YCscu7NNA8nXT9PlIQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "optional": true,
@@ -5852,9 +5852,9 @@
             }
         },
         "node_modules/undici-types": {
-            "version": "5.26.5",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+            "version": "6.19.6",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.6.tgz",
+            "integrity": "sha512-e/vggGopEfTKSvj4ihnOLTsqhrKRN3LeO6qSN/GxohhuRv8qH9bNQ4B8W7e/vFL+0XTnmHPB4/kegunZGA4Org==",
             "dev": true,
             "license": "MIT"
         },
@@ -5916,14 +5916,14 @@
             "license": "MIT"
         },
         "node_modules/vite": {
-            "version": "5.3.5",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.5.tgz",
-            "integrity": "sha512-MdjglKR6AQXQb9JGiS7Rc2wC6uMjcm7Go/NHNO63EwiJXfuk9PgqiP/n5IDJCziMkfw9n4Ubp7lttNwz+8ZVKA==",
+            "version": "5.4.1",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.1.tgz",
+            "integrity": "sha512-1oE6yuNXssjrZdblI9AfBbHCC41nnyoVoEZxQnID6yvQZAFBzxxkqoFLtHUMkYunL8hwOLEjgTuxpkRxvba3kA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "esbuild": "^0.21.3",
-                "postcss": "^8.4.39",
+                "postcss": "^8.4.41",
                 "rollup": "^4.13.0"
             },
             "bin": {
@@ -5943,6 +5943,7 @@
                 "less": "*",
                 "lightningcss": "^1.21.0",
                 "sass": "*",
+                "sass-embedded": "*",
                 "stylus": "*",
                 "sugarss": "*",
                 "terser": "^5.4.0"
@@ -5960,6 +5961,9 @@
                 "sass": {
                     "optional": true
                 },
+                "sass-embedded": {
+                    "optional": true
+                },
                 "stylus": {
                     "optional": true
                 },
@@ -6184,16 +6188,16 @@
             "license": "MIT"
         },
         "node_modules/vue": {
-            "version": "3.4.35",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.35.tgz",
-            "integrity": "sha512-+fl/GLmI4GPileHftVlCdB7fUL4aziPcqTudpTGXCT8s+iZWuOCeNEB5haX6Uz2IpRrbEXOgIFbe+XciCuGbNQ==",
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.38.tgz",
+            "integrity": "sha512-f0ZgN+mZ5KFgVv9wz0f4OgVKukoXtS3nwET4c2vLBGQR50aI8G0cqbFtLlX9Yiyg3LFGBitruPHt2PxwTduJEw==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.4.35",
-                "@vue/compiler-sfc": "3.4.35",
-                "@vue/runtime-dom": "3.4.35",
-                "@vue/server-renderer": "3.4.35",
-                "@vue/shared": "3.4.35"
+                "@vue/compiler-dom": "3.4.38",
+                "@vue/compiler-sfc": "3.4.38",
+                "@vue/runtime-dom": "3.4.38",
+                "@vue/server-renderer": "3.4.38",
+                "@vue/shared": "3.4.38"
             },
             "peerDependencies": {
                 "typescript": "*"
diff --git a/package.json b/package.json
index c3fa11ef..2f693426 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
         "lint:fix": "eslint --fix --ext .js,.vue,.ts --ignore-path .gitignore .",
         "type-check": "vue-tsc --noEmit",
         "test:e2e": "rm -rf test-results/.auth && npx playwright test",
-        "zod:generate": "npx openapi-zod-client http://localhost:80/docs/api.json --output openapi.json.client.ts --base-url /api"
+        "zod:generate": "npx openapi-zod-client http://localhost:80/docs/api.json --output resources/js/packages/api/src/openapi.json.client.ts --base-url /api"
     },
     "devDependencies": {
         "@inertiajs/vue3": "^1.0.0",
diff --git a/resources/js/Components/Common/Client/ClientCreateModal.vue b/resources/js/Components/Common/Client/ClientCreateModal.vue
index 7f353851..5f61bb3a 100644
--- a/resources/js/Components/Common/Client/ClientCreateModal.vue
+++ b/resources/js/Components/Common/Client/ClientCreateModal.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import type { CreateClientBody } from '@/utils/api';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type { CreateClientBody } from '@/packages/api/src';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
 import { useClientsStore } from '@/utils/useClients';
 
diff --git a/resources/js/Components/Common/Client/ClientEditModal.vue b/resources/js/Components/Common/Client/ClientEditModal.vue
index 4271466c..42d2f4f2 100644
--- a/resources/js/Components/Common/Client/ClientEditModal.vue
+++ b/resources/js/Components/Common/Client/ClientEditModal.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import type { Client, UpdateClientBody } from '@/utils/api';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type { Client, UpdateClientBody } from '@/packages/api/src';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
 import { useClientsStore } from '@/utils/useClients';
 
diff --git a/resources/js/Components/Common/Client/ClientMoreOptionsDropdown.vue b/resources/js/Components/Common/Client/ClientMoreOptionsDropdown.vue
index 4aad766b..08ad7b83 100644
--- a/resources/js/Components/Common/Client/ClientMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/Client/ClientMoreOptionsDropdown.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { PencilSquareIcon, TrashIcon } from '@heroicons/vue/20/solid';
-import type { Client } from '@/utils/api';
+import type { Client } from '@/packages/api/src';
 import { canDeleteClients, canUpdateClients } from '@/utils/permissions';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 
 const emit = defineEmits<{
     delete: [];
diff --git a/resources/js/Components/Common/Client/ClientMultiselectDropdown.vue b/resources/js/Components/Common/Client/ClientMultiselectDropdown.vue
index a775f26d..11835229 100644
--- a/resources/js/Components/Common/Client/ClientMultiselectDropdown.vue
+++ b/resources/js/Components/Common/Client/ClientMultiselectDropdown.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import MultiselectDropdown from '@/Components/Common/MultiselectDropdown.vue';
 import { storeToRefs } from 'pinia';
-import type { Client } from '@/utils/api';
+import type { Client } from '@/packages/api/src';
 import { useClientsStore } from '@/utils/useClients';
 
 const clientsStore = useClientsStore();
diff --git a/resources/js/Components/Common/Client/ClientTable.vue b/resources/js/Components/Common/Client/ClientTable.vue
index 341e154c..24e56823 100644
--- a/resources/js/Components/Common/Client/ClientTable.vue
+++ b/resources/js/Components/Common/Client/ClientTable.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { UserCircleIcon } from '@heroicons/vue/24/solid';
 import { PlusIcon } from '@heroicons/vue/16/solid';
-import { ref } from 'vue';
+import { type Component, ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useClientsStore } from '@/utils/useClients';
 import ClientTableRow from '@/Components/Common/Client/ClientTableRow.vue';
@@ -36,7 +36,7 @@ const createClient = ref(false);
                     <SecondaryButton
                         v-if="canCreateClients()"
                         @click="createClient = true"
-                        :icon="PlusIcon"
+                        :icon="PlusIcon as Component"
                         >Create your First Client
                     </SecondaryButton>
                 </div>
diff --git a/resources/js/Components/Common/Client/ClientTableRow.vue b/resources/js/Components/Common/Client/ClientTableRow.vue
index cdb71bbb..60526005 100644
--- a/resources/js/Components/Common/Client/ClientTableRow.vue
+++ b/resources/js/Components/Common/Client/ClientTableRow.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Client } from '@/utils/api';
+import type { Client } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import { CheckCircleIcon } from '@heroicons/vue/20/solid';
 import { useClientsStore } from '@/utils/useClients';
diff --git a/resources/js/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue b/resources/js/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue
index c4432950..3493968b 100644
--- a/resources/js/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { TrashIcon, ArrowPathIcon } from '@heroicons/vue/20/solid';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 const emit = defineEmits<{
     delete: [];
     resend: [];
diff --git a/resources/js/Components/Common/Invitation/InvitationTableRow.vue b/resources/js/Components/Common/Invitation/InvitationTableRow.vue
index b8f81eb4..06e65bb7 100644
--- a/resources/js/Components/Common/Invitation/InvitationTableRow.vue
+++ b/resources/js/Components/Common/Invitation/InvitationTableRow.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { Invitation } from '@/utils/api';
+import type { Invitation } from '@/packages/api/src';
 import TableRow from '@/Components/TableRow.vue';
 import { capitalizeFirstLetter } from '../../../utils/format';
 import InvitationMoreOptionsDropdown from '@/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 import { useInvitationsStore } from '@/utils/useInvitations';
diff --git a/resources/js/Components/Common/Member/MemberBillableRateModal.vue b/resources/js/Components/Common/Member/MemberBillableRateModal.vue
index 17e89d44..51c82f9d 100644
--- a/resources/js/Components/Common/Member/MemberBillableRateModal.vue
+++ b/resources/js/Components/Common/Member/MemberBillableRateModal.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { formatCents } from '../../../utils/money';
-import BillableRateModal from '@/Components/Common/BillableRateModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
+import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
+import { formatCents } from '@/packages/ui/src/utils/money';
 
 const show = defineModel('show', { default: false });
 const saving = defineModel('saving', { default: false });
@@ -25,7 +26,10 @@ defineEmits<{
             The billable rate of {{ memberName }} will be updated to
             <strong>{{
                 newBillableRate
-                    ? formatCents(newBillableRate)
+                    ? formatCents(
+                          newBillableRate,
+                          getOrganizationCurrencyString()
+                      )
                     : ' the default rate of the organization'
             }}</strong
             >.
diff --git a/resources/js/Components/Common/Member/MemberBillableSelect.vue b/resources/js/Components/Common/Member/MemberBillableSelect.vue
index 9d37f8a5..80bd5c7b 100644
--- a/resources/js/Components/Common/Member/MemberBillableSelect.vue
+++ b/resources/js/Components/Common/Member/MemberBillableSelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SelectDropdown from '@/Components/Common/SelectDropdown.vue';
-import Badge from '@/Components/Common/Badge.vue';
+import SelectDropdown from '@/packages/ui/src/Input/SelectDropdown.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 import { ChevronDownIcon } from '@heroicons/vue/20/solid';
 import type { BillableKey } from '@/types/projects';
 
diff --git a/resources/js/Components/Common/Member/MemberCombobox.vue b/resources/js/Components/Common/Member/MemberCombobox.vue
index c86cfd66..b324d720 100644
--- a/resources/js/Components/Common/Member/MemberCombobox.vue
+++ b/resources/js/Components/Common/Member/MemberCombobox.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { storeToRefs } from 'pinia';
-import ClientDropdownItem from '@/Components/Common/Client/ClientDropdownItem.vue';
+import ClientDropdownItem from '@/packages/ui/src/Client/ClientDropdownItem.vue';
 import { useMembersStore } from '@/utils/useMembers';
 import { UserIcon, XMarkIcon } from '@heroicons/vue/24/solid';
-import TextInput from '@/Components/TextInput.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import { useFocus } from '@vueuse/core';
-import type { ProjectMember } from '@/utils/api';
-import Dropdown from '@/Components/Dropdown.vue';
+import type { ProjectMember } from '@/packages/api/src';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 
 const membersStore = useMembersStore();
 const { members } = storeToRefs(membersStore);
diff --git a/resources/js/Components/Common/Member/MemberEditModal.vue b/resources/js/Components/Common/Member/MemberEditModal.vue
index 371bebf7..bbb734ff 100644
--- a/resources/js/Components/Common/Member/MemberEditModal.vue
+++ b/resources/js/Components/Common/Member/MemberEditModal.vue
@@ -1,17 +1,18 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { computed, ref } from 'vue';
-import type { Member, UpdateMemberBody } from '@/utils/api';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type { Member, UpdateMemberBody } from '@/packages/api/src';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { type MemberBillableKey, useMembersStore } from '@/utils/useMembers';
-import BillableRateInput from '@/Components/Common/BillableRateInput.vue';
-import InputLabel from '@/Components/InputLabel.vue';
+import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
 import MemberBillableRateModal from '@/Components/Common/Member/MemberBillableRateModal.vue';
 import MemberBillableSelect from '@/Components/Common/Member/MemberBillableSelect.vue';
 import { onMounted, watch } from 'vue';
 import MemberRoleSelect from '@/Components/Common/Member/MemberRoleSelect.vue';
 import MemberOwnershipTransferConfirmModal from '@/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 const { updateMember } = useMembersStore();
 const show = defineModel('show', { default: false });
@@ -154,6 +155,7 @@ const roleDescription = computed(() => {
                             <BillableRateInput
                                 focus
                                 class="w-full"
+                                :currency="getOrganizationCurrencyString()"
                                 @keydown.enter="saveWithChecks()"
                                 name="memberBillableRate"
                                 v-model="
diff --git a/resources/js/Components/Common/Member/MemberInviteModal.vue b/resources/js/Components/Common/Member/MemberInviteModal.vue
index 86391e42..0dcbaefb 100644
--- a/resources/js/Components/Common/Member/MemberInviteModal.vue
+++ b/resources/js/Components/Common/Member/MemberInviteModal.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
-import InputLabel from '@/Components/InputLabel.vue';
-import InputError from '@/Components/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
 import type { Role } from '@/types/jetstream';
 import { Link, useForm } from '@inertiajs/vue3';
 import { getCurrentOrganizationId } from '@/utils/useUser';
@@ -14,8 +14,8 @@ import { filterRoles } from '@/utils/roles';
 import { hasActiveSubscription, isBillingActivated } from '@/utils/billing';
 import { CreditCardIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
 import { canUpdateOrganization } from '@/utils/permissions';
-import { api } from '@/utils/api';
-import type { MemberRole } from '@/utils/api';
+import { api } from '@/packages/api/src';
+import type { MemberRole } from '@/packages/api/src';
 import { z } from 'zod';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/js/Components/Common/Member/MemberMoreOptionsDropdown.vue b/resources/js/Components/Common/Member/MemberMoreOptionsDropdown.vue
index f8e8e7c0..d6cc05c6 100644
--- a/resources/js/Components/Common/Member/MemberMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/Member/MemberMoreOptionsDropdown.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { TrashIcon, PencilSquareIcon } from '@heroicons/vue/20/solid';
-import type { Member } from '@/utils/api';
+import type { Member } from '@/packages/api/src';
 import { canDeleteMembers, canUpdateMembers } from '@/utils/permissions';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 
 const emit = defineEmits<{
     delete: [];
diff --git a/resources/js/Components/Common/Member/MemberMultiselectDropdown.vue b/resources/js/Components/Common/Member/MemberMultiselectDropdown.vue
index 5d332749..a20f2ec8 100644
--- a/resources/js/Components/Common/Member/MemberMultiselectDropdown.vue
+++ b/resources/js/Components/Common/Member/MemberMultiselectDropdown.vue
@@ -2,7 +2,7 @@
 import MultiselectDropdown from '@/Components/Common/MultiselectDropdown.vue';
 import { useMembersStore } from '@/utils/useMembers';
 import { storeToRefs } from 'pinia';
-import type { Member } from '@/utils/api';
+import type { Member } from '@/packages/api/src';
 
 const membersStore = useMembersStore();
 const { members } = storeToRefs(membersStore);
diff --git a/resources/js/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue b/resources/js/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue
index d2d12245..bed176ec 100644
--- a/resources/js/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue
+++ b/resources/js/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 
 const show = defineModel('show', { default: false });
 const saving = defineModel('saving', { default: false });
diff --git a/resources/js/Components/Common/Member/MemberRoleSelect.vue b/resources/js/Components/Common/Member/MemberRoleSelect.vue
index 136d96c3..6f96e2e0 100644
--- a/resources/js/Components/Common/Member/MemberRoleSelect.vue
+++ b/resources/js/Components/Common/Member/MemberRoleSelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SelectDropdown from '@/Components/Common/SelectDropdown.vue';
-import Badge from '@/Components/Common/Badge.vue';
+import SelectDropdown from '@/packages/ui/src/Input/SelectDropdown.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 import { ChevronDownIcon } from '@heroicons/vue/20/solid';
 import type { Role } from '@/types/jetstream';
 import { usePage } from '@inertiajs/vue3';
diff --git a/resources/js/Components/Common/Member/MemberTableRow.vue b/resources/js/Components/Common/Member/MemberTableRow.vue
index b871cf9c..983e5596 100644
--- a/resources/js/Components/Common/Member/MemberTableRow.vue
+++ b/resources/js/Components/Common/Member/MemberTableRow.vue
@@ -1,18 +1,19 @@
 <script setup lang="ts">
-import type { Member } from '@/utils/api';
+import type { Member } from '@/packages/api/src';
 import { CheckCircleIcon, UserCircleIcon } from '@heroicons/vue/20/solid';
 import MemberMoreOptionsDropdown from '@/Components/Common/Member/MemberMoreOptionsDropdown.vue';
 import TableRow from '@/Components/TableRow.vue';
 import { capitalizeFirstLetter } from '../../../utils/format';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import { api } from '@/utils/api';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import { api } from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 import { canInvitePlaceholderMembers } from '@/utils/permissions';
 import { useMembersStore } from '@/utils/useMembers';
 import { ref } from 'vue';
 import MemberEditModal from '@/Components/Common/Member/MemberEditModal.vue';
-import { formatCents } from '../../../utils/money';
+import { getOrganizationCurrencyString } from '@/utils/money';
+import { formatCents } from '@/packages/ui/src/utils/money';
 
 const props = defineProps<{
     member: Member;
@@ -62,7 +63,12 @@ async function invitePlaceholder(id: string) {
         </div>
         <div class="whitespace-nowrap px-3 py-4 text-sm text-muted">
             {{
-                member.billable_rate ? formatCents(member.billable_rate) : '--'
+                member.billable_rate
+                    ? formatCents(
+                          member.billable_rate,
+                          getOrganizationCurrencyString()
+                      )
+                    : '--'
             }}
         </div>
         <div
diff --git a/resources/js/Components/Common/MultiselectDropdown.vue b/resources/js/Components/Common/MultiselectDropdown.vue
index 6176cbc6..931399d4 100644
--- a/resources/js/Components/Common/MultiselectDropdown.vue
+++ b/resources/js/Components/Common/MultiselectDropdown.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts" generic="T">
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { type Component, computed, nextTick, ref, watch } from 'vue';
 import MultiselectDropdownItem from '@/Components/Common/MultiselectDropdownItem.vue';
 
diff --git a/resources/js/Components/Common/Organization/OrganizationBillableRateModal.vue b/resources/js/Components/Common/Organization/OrganizationBillableRateModal.vue
index ee05a269..d7dae803 100644
--- a/resources/js/Components/Common/Organization/OrganizationBillableRateModal.vue
+++ b/resources/js/Components/Common/Organization/OrganizationBillableRateModal.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { formatCents } from '../../../utils/money';
-import BillableRateModal from '@/Components/Common/BillableRateModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
+import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
+import { formatCents } from '@/packages/ui/src/utils/money';
 
 const show = defineModel('show', { default: false });
 const saving = defineModel('saving', { default: false });
@@ -23,7 +24,12 @@ defineEmits<{
         <p class="py-0.5 text-center">
             The organization billable rate will be updated to
             <strong>{{
-                newBillableRate ? formatCents(newBillableRate) : ' none.'
+                newBillableRate
+                    ? formatCents(
+                          newBillableRate,
+                          getOrganizationCurrencyString()
+                      )
+                    : ' none.'
             }}</strong
             >.
         </p>
diff --git a/resources/js/Components/Common/Project/ProjectDropdown.vue b/resources/js/Components/Common/Project/ProjectDropdown.vue
index 0b7d12a2..5e80111d 100644
--- a/resources/js/Components/Common/Project/ProjectDropdown.vue
+++ b/resources/js/Components/Common/Project/ProjectDropdown.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import ProjectBadge from '@/Components/Common/Project/ProjectBadge.vue';
+import ProjectBadge from '@/packages/ui/src/Project/ProjectBadge.vue';
 import { computed, nextTick, ref, watch } from 'vue';
 import { useProjectsStore } from '@/utils/useProjects';
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import {
     ComboboxAnchor,
     ComboboxContent,
@@ -12,12 +12,12 @@ import {
     ComboboxViewport,
 } from 'radix-vue';
 import { PlusCircleIcon } from '@heroicons/vue/20/solid';
-import ProjectDropdownItem from '@/Components/Common/Project/ProjectDropdownItem.vue';
 import { storeToRefs } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { usePage } from '@inertiajs/vue3';
-import { getRandomColor } from '@/utils/color';
-import type { Project } from '@/utils/api';
+import { getRandomColor } from '@/packages/ui/src/utils/color';
+import type { Project } from '@/packages/api/src';
+import ProjectDropdownItem from '@/packages/ui/src/Project/ProjectDropdownItem.vue';
 
 const searchValue = ref('');
 const searchInput = ref<HTMLElement | null>(null);
diff --git a/resources/js/Components/Common/Project/ProjectEditModal.vue b/resources/js/Components/Common/Project/ProjectEditModal.vue
index b78c8008..c7ac545a 100644
--- a/resources/js/Components/Common/Project/ProjectEditModal.vue
+++ b/resources/js/Components/Common/Project/ProjectEditModal.vue
@@ -1,21 +1,26 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { computed, ref } from 'vue';
-import type { CreateClientBody, CreateProjectBody, Project } from '@/utils/api';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type {
+    CreateClientBody,
+    CreateProjectBody,
+    Project,
+} from '@/packages/api/src';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useProjectsStore } from '@/utils/useProjects';
 import { useFocus } from '@vueuse/core';
-import ClientDropdown from '@/Components/Common/Client/ClientDropdown.vue';
-import Badge from '@/Components/Common/Badge.vue';
+import ClientDropdown from '@/packages/ui/src/Client/ClientDropdown.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 import { useClientsStore } from '@/utils/useClients';
 import { storeToRefs } from 'pinia';
-import ProjectColorSelector from '@/Components/Common/Project/ProjectColorSelector.vue';
-import ProjectEditBillableSection from '@/Components/Common/Project/ProjectEditBillableSection.vue';
+import ProjectColorSelector from '@/packages/ui/src/Project/ProjectColorSelector.vue';
 import { UserCircleIcon } from '@heroicons/vue/20/solid';
-import InputLabel from '@/Components/InputLabel.vue';
-import ProjectBillableRateModal from '@/Components/Common/Project/ProjectBillableRateModal.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import ProjectBillableRateModal from '@/packages/ui/src/Project/ProjectBillableRateModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
+import ProjectEditBillableSection from '@/packages/ui/src/Project/ProjectEditBillableSection.vue';
 
 const { updateProject } = useProjectsStore();
 const { clients } = storeToRefs(useClientsStore());
@@ -124,6 +129,7 @@ async function submitBillableRate() {
             </div>
             <ProjectEditBillableSection
                 @submit="submit"
+                :currency="getOrganizationCurrencyString()"
                 v-model:isBillable="project.is_billable"
                 v-model:billableRate="
                     project.billable_rate
@@ -143,6 +149,7 @@ async function submitBillableRate() {
     </DialogModal>
     <ProjectBillableRateModal
         v-model:show="showBillableRateModal"
+        :currency="getOrganizationCurrencyString()"
         @submit="submitBillableRate"
         :new-billable-rate="project.billable_rate"
         :project-name="project.name"></ProjectBillableRateModal>
diff --git a/resources/js/Components/Common/Project/ProjectMoreOptionsDropdown.vue b/resources/js/Components/Common/Project/ProjectMoreOptionsDropdown.vue
index dc02d558..2eac7614 100644
--- a/resources/js/Components/Common/Project/ProjectMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/Project/ProjectMoreOptionsDropdown.vue
@@ -4,9 +4,9 @@ import {
     PencilSquareIcon,
     ArchiveBoxIcon,
 } from '@heroicons/vue/20/solid';
-import type { Project } from '@/utils/api';
+import type { Project } from '@/packages/api/src';
 import { canDeleteProjects, canUpdateProjects } from '@/utils/permissions';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 const emit = defineEmits<{
     delete: [];
     edit: [];
diff --git a/resources/js/Components/Common/Project/ProjectMultiselectDropdown.vue b/resources/js/Components/Common/Project/ProjectMultiselectDropdown.vue
index 35af5632..9b4c4878 100644
--- a/resources/js/Components/Common/Project/ProjectMultiselectDropdown.vue
+++ b/resources/js/Components/Common/Project/ProjectMultiselectDropdown.vue
@@ -2,7 +2,7 @@
 import MultiselectDropdown from '@/Components/Common/MultiselectDropdown.vue';
 import { storeToRefs } from 'pinia';
 import { useProjectsStore } from '@/utils/useProjects';
-import type { Project } from '@/utils/api';
+import type { Project } from '@/packages/api/src';
 
 const projectsStore = useProjectsStore();
 const { projects } = storeToRefs(projectsStore);
diff --git a/resources/js/Components/Common/Project/ProjectTable.vue b/resources/js/Components/Common/Project/ProjectTable.vue
index 6116b621..6f87aa8f 100644
--- a/resources/js/Components/Common/Project/ProjectTable.vue
+++ b/resources/js/Components/Common/Project/ProjectTable.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { FolderPlusIcon } from '@heroicons/vue/24/solid';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import { ref } from 'vue';
-import ProjectCreateModal from '@/Components/Common/Project/ProjectCreateModal.vue';
+import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
 import ProjectTableHeading from '@/Components/Common/Project/ProjectTableHeading.vue';
 import ProjectTableRow from '@/Components/Common/Project/ProjectTableRow.vue';
 import { canCreateProjects } from '@/utils/permissions';
@@ -12,10 +12,11 @@ import type {
     Project,
     Client,
     CreateClientBody,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { useProjectsStore } from '@/utils/useProjects';
 import { useClientsStore } from '@/utils/useClients';
 import { storeToRefs } from 'pinia';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 defineProps<{
     projects: Project[];
@@ -40,6 +41,7 @@ const { clients } = storeToRefs(useClientsStore());
     <ProjectCreateModal
         :createProject
         :createClient
+        :currency="getOrganizationCurrencyString()"
         :clients="clients"
         v-model:show="showCreateProjectModal"></ProjectCreateModal>
     <div class="flow-root max-w-[100vw] overflow-x-auto">
diff --git a/resources/js/Components/Common/Project/ProjectTableRow.vue b/resources/js/Components/Common/Project/ProjectTableRow.vue
index cbffcbfb..54575cbf 100644
--- a/resources/js/Components/Common/Project/ProjectTableRow.vue
+++ b/resources/js/Components/Common/Project/ProjectTableRow.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import ProjectMoreOptionsDropdown from '@/Components/Common/Project/ProjectMoreOptionsDropdown.vue';
-import type { Project } from '@/utils/api';
+import type { Project } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import { CheckCircleIcon } from '@heroicons/vue/20/solid';
 import { useClientsStore } from '@/utils/useClients';
@@ -9,7 +9,8 @@ import { useTasksStore } from '@/utils/useTasks';
 import { useProjectsStore } from '@/utils/useProjects';
 import TableRow from '@/Components/TableRow.vue';
 import ProjectEditModal from '@/Components/Common/Project/ProjectEditModal.vue';
-import { formatCents } from '@/utils/money';
+import { formatCents } from '@/packages/ui/src/utils/money';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 const { clients } = storeToRefs(useClientsStore());
 const { tasks } = storeToRefs(useTasksStore());
@@ -43,7 +44,10 @@ function archiveProject() {
 const billableRateInfo = computed(() => {
     if (props.project.is_billable) {
         if (props.project.billable_rate) {
-            return formatCents(props.project.billable_rate);
+            return formatCents(
+                props.project.billable_rate,
+                getOrganizationCurrencyString()
+            );
         } else {
             return 'Default Rate';
         }
diff --git a/resources/js/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue b/resources/js/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue
index 79c4049f..7e1f8bc4 100644
--- a/resources/js/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue
+++ b/resources/js/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { formatCents } from '../../../utils/money';
-import BillableRateModal from '@/Components/Common/BillableRateModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
+import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
+import { formatCents } from '@/packages/ui/src/utils/money';
 
 const show = defineModel('show', { default: false });
 const saving = defineModel('saving', { default: false });
@@ -25,7 +26,10 @@ defineEmits<{
             The billable rate of {{ memberName }} will be updated to
             <strong>{{
                 newBillableRate
-                    ? formatCents(newBillableRate)
+                    ? formatCents(
+                          newBillableRate,
+                          getOrganizationCurrencyString()
+                      )
                     : ' the default rate of the project'
             }}</strong
             >.
diff --git a/resources/js/Components/Common/ProjectMember/ProjectMemberCreateModal.vue b/resources/js/Components/Common/ProjectMember/ProjectMemberCreateModal.vue
index c184d896..962def03 100644
--- a/resources/js/Components/Common/ProjectMember/ProjectMemberCreateModal.vue
+++ b/resources/js/Components/Common/ProjectMember/ProjectMemberCreateModal.vue
@@ -1,13 +1,17 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import type { CreateProjectMemberBody, ProjectMember } from '@/utils/api';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type {
+    CreateProjectMemberBody,
+    ProjectMember,
+} from '@/packages/api/src';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
 import { useProjectMembersStore } from '@/utils/useProjectMembers';
 import MemberCombobox from '@/Components/Common/Member/MemberCombobox.vue';
-import BillableRateInput from '@/Components/Common/BillableRateInput.vue';
+import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 const { createProjectMember } = useProjectMembersStore();
 const show = defineModel('show', { default: false });
 const saving = ref(false);
@@ -54,6 +58,7 @@ useFocus(projectNameInput, { initialValue: true });
                 <div class="col-span-3 sm:col-span-1 flex-1">
                     <BillableRateInput
                         name="billable_rate"
+                        :currency="getOrganizationCurrencyString()"
                         v-model="
                             projectMember.billable_rate
                         "></BillableRateInput>
diff --git a/resources/js/Components/Common/ProjectMember/ProjectMemberEditModal.vue b/resources/js/Components/Common/ProjectMember/ProjectMemberEditModal.vue
index a7610300..9d19024a 100644
--- a/resources/js/Components/Common/ProjectMember/ProjectMemberEditModal.vue
+++ b/resources/js/Components/Common/ProjectMember/ProjectMemberEditModal.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref, watch } from 'vue';
-import type { ProjectMember, UpdateProjectMemberBody } from '@/utils/api';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type {
+    ProjectMember,
+    UpdateProjectMemberBody,
+} from '@/packages/api/src';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
 import { useProjectMembersStore } from '@/utils/useProjectMembers';
-import BillableRateInput from '@/Components/Common/BillableRateInput.vue';
+import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
 import { UserIcon } from '@heroicons/vue/24/solid';
 import ProjectMemberBillableRateModal from '@/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue';
-import InputLabel from '@/Components/InputLabel.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 const { updateProjectMember } = useProjectMembersStore();
 
 const show = defineModel('show', { default: false });
@@ -87,6 +91,7 @@ useFocus(projectNameInput, { initialValue: true });
                         value="Billable Rate"></InputLabel>
                     <BillableRateInput
                         @keydown.enter="submit"
+                        :currency="getOrganizationCurrencyString()"
                         name="billable_rate"
                         v-model="
                             projectMemberBody.billable_rate
diff --git a/resources/js/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue b/resources/js/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue
index 00a17d8a..7a275a44 100644
--- a/resources/js/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { TrashIcon, PencilSquareIcon } from '@heroicons/vue/20/solid';
-import type { ProjectMember } from '@/utils/api';
+import type { ProjectMember } from '@/packages/api/src';
 import { useMembersStore } from '@/utils/useMembers';
 import { storeToRefs } from 'pinia';
 import { computed } from 'vue';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 
 const emit = defineEmits<{
     delete: [];
diff --git a/resources/js/Components/Common/ProjectMember/ProjectMemberTable.vue b/resources/js/Components/Common/ProjectMember/ProjectMemberTable.vue
index f9a0d382..26c15862 100644
--- a/resources/js/Components/Common/ProjectMember/ProjectMemberTable.vue
+++ b/resources/js/Components/Common/ProjectMember/ProjectMemberTable.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import { ref } from 'vue';
 import ProjectMemberTableRow from '@/Components/Common/ProjectMember/ProjectMemberTableRow.vue';
 import { UserGroupIcon } from '@heroicons/vue/24/solid';
 import ProjectMemberTableHeading from '@/Components/Common/ProjectMember/ProjectMemberTableHeading.vue';
 import ProjectMemberCreateModal from '@/Components/Common/ProjectMember/ProjectMemberCreateModal.vue';
-import type { ProjectMember } from '@/utils/api';
+import type { ProjectMember } from '@/packages/api/src';
 
 defineProps<{
     projectId: string;
diff --git a/resources/js/Components/Common/ProjectMember/ProjectMemberTableRow.vue b/resources/js/Components/Common/ProjectMember/ProjectMemberTableRow.vue
index 59d6b345..c07a26c3 100644
--- a/resources/js/Components/Common/ProjectMember/ProjectMemberTableRow.vue
+++ b/resources/js/Components/Common/ProjectMember/ProjectMemberTableRow.vue
@@ -1,14 +1,15 @@
 <script setup lang="ts">
-import type { ProjectMember } from '@/utils/api';
+import type { ProjectMember } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import TableRow from '@/Components/TableRow.vue';
 import { useMembersStore } from '@/utils/useMembers';
 import { useProjectMembersStore } from '@/utils/useProjectMembers';
 import ProjectMemberMoreOptionsDropdown from '@/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue';
-import { formatCents } from '@/utils/money';
+import { formatCents } from '@/packages/ui/src/utils/money';
 import { capitalizeFirstLetter } from '@/utils/format';
 import ProjectMemberEditModal from '@/Components/Common/ProjectMember/ProjectMemberEditModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 const props = defineProps<{
     projectMember: ProjectMember;
@@ -48,7 +49,10 @@ const showEditModal = ref(false);
         <div class="whitespace-nowrap px-3 py-4 text-sm text-muted">
             {{
                 projectMember.billable_rate
-                    ? formatCents(projectMember.billable_rate)
+                    ? formatCents(
+                          projectMember.billable_rate,
+                          getOrganizationCurrencyString()
+                      )
                     : '--'
             }}
         </div>
diff --git a/resources/js/Components/Common/Reporting/ReportingChart.vue b/resources/js/Components/Common/Reporting/ReportingChart.vue
index c171dc75..b492193c 100644
--- a/resources/js/Components/Common/Reporting/ReportingChart.vue
+++ b/resources/js/Components/Common/Reporting/ReportingChart.vue
@@ -6,7 +6,7 @@ import {
     formatDate,
     formatHumanReadableDuration,
     formatWeek,
-} from '@/utils/time';
+} from '@/packages/ui/src/utils/time';
 import { use } from 'echarts/core';
 import { CanvasRenderer } from 'echarts/renderers';
 import { BarChart } from 'echarts/charts';
@@ -16,7 +16,7 @@ import {
     TitleComponent,
     TooltipComponent,
 } from 'echarts/components';
-import type { AggregatedTimeEntries } from '@/utils/api';
+import type { AggregatedTimeEntries } from '@/packages/api/src';
 import { useCssVar } from '@vueuse/core';
 
 use([
diff --git a/resources/js/Components/Common/Reporting/ReportingFilterBadge.vue b/resources/js/Components/Common/Reporting/ReportingFilterBadge.vue
index 8cae01ee..5ea0ee47 100644
--- a/resources/js/Components/Common/Reporting/ReportingFilterBadge.vue
+++ b/resources/js/Components/Common/Reporting/ReportingFilterBadge.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Badge from '@/Components/Common/Badge.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 
 const props = defineProps<{
     icon: Component;
diff --git a/resources/js/Components/Common/Reporting/ReportingGroupBySelect.vue b/resources/js/Components/Common/Reporting/ReportingGroupBySelect.vue
index 1a1a0763..f1ffe9b5 100644
--- a/resources/js/Components/Common/Reporting/ReportingGroupBySelect.vue
+++ b/resources/js/Components/Common/Reporting/ReportingGroupBySelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SelectDropdown from '@/Components/Common/SelectDropdown.vue';
-import Badge from '@/Components/Common/Badge.vue';
+import SelectDropdown from '@/packages/ui/src/Input/SelectDropdown.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 import { type Component, computed } from 'vue';
 
 const model = defineModel<string | null>({ default: null });
diff --git a/resources/js/Components/Common/Reporting/ReportingPieChart.vue b/resources/js/Components/Common/Reporting/ReportingPieChart.vue
index c02aad0a..f5ab289f 100644
--- a/resources/js/Components/Common/Reporting/ReportingPieChart.vue
+++ b/resources/js/Components/Common/Reporting/ReportingPieChart.vue
@@ -11,9 +11,9 @@ import {
     TitleComponent,
     TooltipComponent,
 } from 'echarts/components';
-import { formatHumanReadableDuration } from '@/utils/time';
-import { getRandomColorWithSeed } from '@/utils/color';
-import type { GroupedDataEntries } from '@/utils/api';
+import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
+import { getRandomColorWithSeed } from '@/packages/ui/src/utils/color';
+import type { GroupedDataEntries } from '@/packages/api/src';
 import { useReportingStore } from '@/utils/useReporting';
 
 use([
diff --git a/resources/js/Components/Common/Reporting/ReportingRow.vue b/resources/js/Components/Common/Reporting/ReportingRow.vue
index 7a6c0252..2ccbd208 100644
--- a/resources/js/Components/Common/Reporting/ReportingRow.vue
+++ b/resources/js/Components/Common/Reporting/ReportingRow.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { formatHumanReadableDuration } from '@/utils/time';
-import { formatCents } from '@/utils/money';
-import GroupedItemsCountButton from '@/Components/Common/GroupedItemsCountButton.vue';
+import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
+import { formatCents } from '@/packages/ui/src/utils/money';
+import GroupedItemsCountButton from '@/packages/ui/src/GroupedItemsCountButton.vue';
 import { ref } from 'vue';
 import { twMerge } from 'tailwind-merge';
 import { useReportingStore } from '@/utils/useReporting';
+import { getOrganizationCurrencyString } from '@/utils/money';
 const { getNameForReportingRowEntry } = useReportingStore();
 
 type AggregatedGroupedData = GroupedData & {
@@ -54,7 +55,7 @@ const expanded = ref(false);
             {{ formatHumanReadableDuration(entry.seconds) }}
         </div>
         <div class="justify-end pr-6 flex items-center">
-            {{ formatCents(entry.cost) }}
+            {{ formatCents(entry.cost, getOrganizationCurrencyString()) }}
         </div>
     </div>
     <div
diff --git a/resources/js/Components/Common/Tag/TagMoreOptionsDropdown.vue b/resources/js/Components/Common/Tag/TagMoreOptionsDropdown.vue
index e97d4295..c76058bd 100644
--- a/resources/js/Components/Common/Tag/TagMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/Tag/TagMoreOptionsDropdown.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { TrashIcon } from '@heroicons/vue/20/solid';
-import type { Tag } from '@/utils/api';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import type { Tag } from '@/packages/api/src';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 
 const emit = defineEmits<{
     delete: [];
diff --git a/resources/js/Components/Common/Tag/TagTable.vue b/resources/js/Components/Common/Tag/TagTable.vue
index 445cffa1..3edc0ca3 100644
--- a/resources/js/Components/Common/Tag/TagTable.vue
+++ b/resources/js/Components/Common/Tag/TagTable.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { FolderPlusIcon } from '@heroicons/vue/24/solid';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import { ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useTagsStore } from '@/utils/useTags';
 import TagTableRow from '@/Components/Common/Tag/TagTableRow.vue';
-import TagCreateModal from '@/Components/Common/Tag/TagCreateModal.vue';
+import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
 import TagTableHeading from '@/Components/Common/Tag/TagTableHeading.vue';
 import { canCreateTags } from '@/utils/permissions';
-import type { Tag } from '@/utils/api';
+import type { Tag } from '@/packages/api/src';
 defineProps<{
     createTag: (name: string) => Promise<Tag | undefined>;
 }>();
diff --git a/resources/js/Components/Common/Tag/TagTableRow.vue b/resources/js/Components/Common/Tag/TagTableRow.vue
index e1f067f2..e113db08 100644
--- a/resources/js/Components/Common/Tag/TagTableRow.vue
+++ b/resources/js/Components/Common/Tag/TagTableRow.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Tag } from '@/utils/api';
+import type { Tag } from '@/packages/api/src';
 import { useTagsStore } from '@/utils/useTags';
 import TagMoreOptionsDropdown from '@/Components/Common/Tag/TagMoreOptionsDropdown.vue';
 import TableRow from '@/Components/TableRow.vue';
diff --git a/resources/js/Components/Common/Task/TaskCreateModal.vue b/resources/js/Components/Common/Task/TaskCreateModal.vue
index 52133b40..18e98e9b 100644
--- a/resources/js/Components/Common/Task/TaskCreateModal.vue
+++ b/resources/js/Components/Common/Task/TaskCreateModal.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
 import { useTasksStore } from '@/utils/useTasks';
 import ProjectDropdown from '@/Components/Common/Project/ProjectDropdown.vue';
diff --git a/resources/js/Components/Common/Task/TaskEditModal.vue b/resources/js/Components/Common/Task/TaskEditModal.vue
index 5787bdb1..2cacef25 100644
--- a/resources/js/Components/Common/Task/TaskEditModal.vue
+++ b/resources/js/Components/Common/Task/TaskEditModal.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
 import { useTasksStore } from '@/utils/useTasks';
-import type { Task, UpdateTaskBody } from '@/utils/api';
+import type { Task, UpdateTaskBody } from '@/packages/api/src';
 
 const { updateTask } = useTasksStore();
 const show = defineModel('show', { default: false });
diff --git a/resources/js/Components/Common/Task/TaskMoreOptionsDropdown.vue b/resources/js/Components/Common/Task/TaskMoreOptionsDropdown.vue
index 27d925e8..d4fd81e0 100644
--- a/resources/js/Components/Common/Task/TaskMoreOptionsDropdown.vue
+++ b/resources/js/Components/Common/Task/TaskMoreOptionsDropdown.vue
@@ -4,9 +4,9 @@ import {
     PencilSquareIcon,
     CheckCircleIcon,
 } from '@heroicons/vue/20/solid';
-import type { Task } from '@/utils/api';
+import type { Task } from '@/packages/api/src';
 import { canDeleteTasks, canUpdateTasks } from '@/utils/permissions';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 const emit = defineEmits<{
     delete: [];
     edit: [];
diff --git a/resources/js/Components/Common/Task/TaskMultiselectDropdown.vue b/resources/js/Components/Common/Task/TaskMultiselectDropdown.vue
index 14ff161f..30e08653 100644
--- a/resources/js/Components/Common/Task/TaskMultiselectDropdown.vue
+++ b/resources/js/Components/Common/Task/TaskMultiselectDropdown.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import MultiselectDropdown from '@/Components/Common/MultiselectDropdown.vue';
 import { storeToRefs } from 'pinia';
-import type { Task } from '@/utils/api';
+import type { Task } from '@/packages/api/src';
 import { useTasksStore } from '@/utils/useTasks';
 
 const tasksStore = useTasksStore();
diff --git a/resources/js/Components/Common/Task/TaskTable.vue b/resources/js/Components/Common/Task/TaskTable.vue
index a754a76f..a7192994 100644
--- a/resources/js/Components/Common/Task/TaskTable.vue
+++ b/resources/js/Components/Common/Task/TaskTable.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { PlusCircleIcon } from '@heroicons/vue/24/solid';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import { ref } from 'vue';
@@ -7,7 +7,7 @@ import TaskTableRow from '@/Components/Common/Task/TaskTableRow.vue';
 import TaskTableHeading from '@/Components/Common/Task/TaskTableHeading.vue';
 import TaskCreateModal from '@/Components/Common/Task/TaskCreateModal.vue';
 import { canCreateTasks } from '@/utils/permissions';
-import type { Task } from '@/utils/api';
+import type { Task } from '@/packages/api/src';
 
 const props = defineProps<{
     projectId: string;
diff --git a/resources/js/Components/Common/Task/TaskTableRow.vue b/resources/js/Components/Common/Task/TaskTableRow.vue
index 4330b400..16e9f812 100644
--- a/resources/js/Components/Common/Task/TaskTableRow.vue
+++ b/resources/js/Components/Common/Task/TaskTableRow.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Task } from '@/utils/api';
+import type { Task } from '@/packages/api/src';
 import { CheckCircleIcon } from '@heroicons/vue/20/solid';
 import { useTasksStore } from '@/utils/useTasks';
 import TaskMoreOptionsDropdown from '@/Components/Common/Task/TaskMoreOptionsDropdown.vue';
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryCreateModal.vue b/resources/js/Components/Common/TimeEntry/TimeEntryCreateModal.vue
index 9dfaae66..7d273fe4 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryCreateModal.vue
+++ b/resources/js/Components/Common/TimeEntry/TimeEntryCreateModal.vue
@@ -1,18 +1,20 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { nextTick, ref, watch } from 'vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TimeTrackerTagDropdown from '@/Components/Common/TimeTracker/TimeTrackerTagDropdown.vue';
-import TimeTrackerProjectTaskDropdown from '@/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
-import BillableToggleButton from '@/Components/Common/BillableToggleButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TimeTrackerTagDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue';
+import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
+import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
 import { getCurrentUserId } from '@/utils/useUser';
 import { useTimeEntriesStore } from '@/utils/useTimeEntries';
-import InputLabel from '@/Components/InputLabel.vue';
-import TimePicker from '@/Components/Common/TimePicker.vue';
-import DatePicker from '@/Components/Common/DatePicker.vue';
-import { getDayJsInstance, getLocalizedDayJs } from '@/utils/time';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
+import {
+    getDayJsInstance,
+    getLocalizedDayJs,
+} from '@/packages/ui/src/utils/time';
 import { storeToRefs } from 'pinia';
 import { useTasksStore } from '@/utils/useTasks';
 import { useProjectsStore } from '@/utils/useProjects';
@@ -22,8 +24,10 @@ import type {
     CreateProjectBody,
     Project,
     Client,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { useClientsStore } from '@/utils/useClients';
+import TimePicker from '@/packages/ui/src/Input/TimePicker.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 const projectStore = useProjectsStore();
 const { projects } = storeToRefs(projectStore);
 const taskStore = useTasksStore();
@@ -126,6 +130,7 @@ async function createTag(tag: string) {
                             :clients
                             :createProject
                             :createClient
+                            :currency="getOrganizationCurrencyString()"
                             class="mt-1"
                             size="xlarge"
                             :projects="projects"
diff --git a/resources/js/Components/ConfirmationModal.vue b/resources/js/Components/ConfirmationModal.vue
index e5f730db..f645f9d8 100644
--- a/resources/js/Components/ConfirmationModal.vue
+++ b/resources/js/Components/ConfirmationModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Modal from './Modal.vue';
+import Modal from '@/packages/ui/src/Modal.vue';
 
 const emit = defineEmits(['close']);
 
diff --git a/resources/js/Components/ConfirmsPassword.vue b/resources/js/Components/ConfirmsPassword.vue
index aa4e4ee6..07e0dc6a 100644
--- a/resources/js/Components/ConfirmsPassword.vue
+++ b/resources/js/Components/ConfirmsPassword.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { ref, reactive, nextTick } from 'vue';
-import DialogModal from './DialogModal.vue';
-import InputError from './InputError.vue';
-import PrimaryButton from './PrimaryButton.vue';
-import SecondaryButton from './SecondaryButton.vue';
-import TextInput from './TextInput.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import axios from 'axios';
 
 const emit = defineEmits(['confirmed']);
diff --git a/resources/js/Components/CurrentSidebarTimer.vue b/resources/js/Components/CurrentSidebarTimer.vue
index d00a7d52..f04c629e 100644
--- a/resources/js/Components/CurrentSidebarTimer.vue
+++ b/resources/js/Components/CurrentSidebarTimer.vue
@@ -3,8 +3,8 @@ import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
 import { storeToRefs } from 'pinia';
 import { computed } from 'vue';
 import dayjs from 'dayjs';
-import { formatHumanReadableDuration } from '@/utils/time';
-import TimeTrackerStartStop from '@/Components/Common/TimeTrackerStartStop.vue';
+import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
+import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 const store = useCurrentTimeEntryStore();
 const { currentTimeEntry, now, isActive } = storeToRefs(store);
diff --git a/resources/js/Components/Dashboard/ActivityGraphCard.vue b/resources/js/Components/Dashboard/ActivityGraphCard.vue
index 124ba975..6df2ae3b 100644
--- a/resources/js/Components/Dashboard/ActivityGraphCard.vue
+++ b/resources/js/Components/Dashboard/ActivityGraphCard.vue
@@ -18,7 +18,7 @@ import {
     formatDate,
     formatHumanReadableDuration,
     getDayJsInstance,
-} from '@/utils/time';
+} from '@/packages/ui/src/utils/time';
 import { useCssVar } from '@vueuse/core';
 
 const props = defineProps<{
diff --git a/resources/js/Components/Dashboard/DashboardCard.vue b/resources/js/Components/Dashboard/DashboardCard.vue
index d1d9d20c..c5f43c31 100644
--- a/resources/js/Components/Dashboard/DashboardCard.vue
+++ b/resources/js/Components/Dashboard/DashboardCard.vue
@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import type { Component } from 'vue';
-import CardTitle from '@/Components/Common/CardTitle.vue';
+import CardTitle from '@/packages/ui/src/CardTitle.vue';
 
 defineProps<{
     title: string;
diff --git a/resources/js/Components/Dashboard/DayOverviewCardEntry.vue b/resources/js/Components/Dashboard/DayOverviewCardEntry.vue
index edca41ad..834cc26c 100644
--- a/resources/js/Components/Dashboard/DayOverviewCardEntry.vue
+++ b/resources/js/Components/Dashboard/DayOverviewCardEntry.vue
@@ -9,7 +9,7 @@ defineProps<{
 import {
     formatHumanReadableDate,
     formatHumanReadableDuration,
-} from '@/utils/time';
+} from '@/packages/ui/src/utils/time';
 </script>
 
 <template>
diff --git a/resources/js/Components/Dashboard/ProjectsChartCard.vue b/resources/js/Components/Dashboard/ProjectsChartCard.vue
index 2b601db3..26d1f7cc 100644
--- a/resources/js/Components/Dashboard/ProjectsChartCard.vue
+++ b/resources/js/Components/Dashboard/ProjectsChartCard.vue
@@ -11,7 +11,7 @@ import {
     TitleComponent,
     TooltipComponent,
 } from 'echarts/components';
-import { formatHumanReadableDuration } from '@/utils/time';
+import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
 
 use([
     CanvasRenderer,
diff --git a/resources/js/Components/Dashboard/RecentlyTrackedTasksCard.vue b/resources/js/Components/Dashboard/RecentlyTrackedTasksCard.vue
index fe14fa19..7f09faec 100644
--- a/resources/js/Components/Dashboard/RecentlyTrackedTasksCard.vue
+++ b/resources/js/Components/Dashboard/RecentlyTrackedTasksCard.vue
@@ -2,7 +2,7 @@
 import RecentlyTrackedTasksCardEntry from '@/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue';
 import DashboardCard from '@/Components/Dashboard/DashboardCard.vue';
 import { CheckCircleIcon } from '@heroicons/vue/20/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { PlusCircleIcon } from '@heroicons/vue/24/solid';
 import { router } from '@inertiajs/vue3';
 
diff --git a/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue b/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
index 7bb60520..5b863ef4 100644
--- a/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
+++ b/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import ProjectBadge from '@/Components/Common/Project/ProjectBadge.vue';
-import TimeTrackerStartStop from '@/Components/Common/TimeTrackerStartStop.vue';
+import ProjectBadge from '@/packages/ui/src/Project/ProjectBadge.vue';
+import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
 import { useProjectsStore } from '@/utils/useProjects';
 import { storeToRefs } from 'pinia';
 import { computed } from 'vue';
diff --git a/resources/js/Components/Dashboard/TeamActivityCard.vue b/resources/js/Components/Dashboard/TeamActivityCard.vue
index ec4121ab..48c223b6 100644
--- a/resources/js/Components/Dashboard/TeamActivityCard.vue
+++ b/resources/js/Components/Dashboard/TeamActivityCard.vue
@@ -3,7 +3,7 @@ import DashboardCard from '@/Components/Dashboard/DashboardCard.vue';
 import TeamActivityCardEntry from '@/Components/Dashboard/TeamActivityCardEntry.vue';
 import { UserGroupIcon } from '@heroicons/vue/20/solid';
 import { router } from '@inertiajs/vue3';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 
 defineProps<{
     latestTeamActivity: {
diff --git a/resources/js/Components/Dashboard/ThisWeekOverview.vue b/resources/js/Components/Dashboard/ThisWeekOverview.vue
index dc99ffe3..269768b7 100644
--- a/resources/js/Components/Dashboard/ThisWeekOverview.vue
+++ b/resources/js/Components/Dashboard/ThisWeekOverview.vue
@@ -12,13 +12,14 @@ import VChart, { THEME_KEY } from 'vue-echarts';
 import { computed, provide, ref } from 'vue';
 import StatCard from '@/Components/Common/StatCard.vue';
 import { ClockIcon } from '@heroicons/vue/20/solid';
-import CardTitle from '@/Components/Common/CardTitle.vue';
+import CardTitle from '@/packages/ui/src/CardTitle.vue';
 import LinearGradient from 'zrender/lib/graphic/LinearGradient';
 import ProjectsChartCard from '@/Components/Dashboard/ProjectsChartCard.vue';
-import { formatHumanReadableDuration } from '@/utils/time';
-import { formatCents } from '@/utils/money';
+import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
+import { formatCents } from '@/packages/ui/src/utils/money';
 import { getWeekStart } from '@/utils/useUser';
 import { useCssVar } from '@vueuse/core';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 use([
     CanvasRenderer,
@@ -195,7 +196,12 @@ const option = ref({
                 " />
             <StatCard
                 title="Billable Amount"
-                :value="formatCents(props.totalWeeklyBillableAmount.value)" />
+                :value="
+                    formatCents(
+                        props.totalWeeklyBillableAmount.value,
+                        getOrganizationCurrencyString()
+                    )
+                " />
             <ProjectsChartCard
                 :weekly-project-overview="
                     props.weeklyProjectOverview
diff --git a/resources/js/Components/OrganizationSwitcher.vue b/resources/js/Components/OrganizationSwitcher.vue
index e8131ba1..54fad655 100644
--- a/resources/js/Components/OrganizationSwitcher.vue
+++ b/resources/js/Components/OrganizationSwitcher.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ChevronDownIcon } from '@heroicons/vue/20/solid';
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import DropdownLink from '@/Components/DropdownLink.vue';
 import { usePage } from '@inertiajs/vue3';
 import type { Organization, User } from '@/types/models';
diff --git a/resources/js/Components/TimeTracker.vue b/resources/js/Components/TimeTracker.vue
index 27295e4e..d11d49e7 100644
--- a/resources/js/Components/TimeTracker.vue
+++ b/resources/js/Components/TimeTracker.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ClockIcon } from '@heroicons/vue/20/solid';
-import CardTitle from '@/Components/Common/CardTitle.vue';
+import CardTitle from '@/packages/ui/src/CardTitle.vue';
 import { usePage } from '@inertiajs/vue3';
 import { type User } from '@/types/models';
 import { computed, onMounted, watch } from 'vue';
@@ -15,10 +15,15 @@ import { switchOrganization } from '@/utils/useOrganization';
 import { useProjectsStore } from '@/utils/useProjects';
 import { useTasksStore } from '@/utils/useTasks';
 import { useTagsStore } from '@/utils/useTags';
-import TimeTrackerControls from '@/Components/Common/TimeTracker/TimeTrackerControls.vue';
-import type { CreateClientBody, CreateProjectBody, Project } from '@/utils/api';
-import TimeTrackerRunningInDifferentOrganizationOverlay from '@/Components/Common/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue';
+import TimeTrackerControls from '@/packages/ui/src/TimeTracker/TimeTrackerControls.vue';
+import type {
+    CreateClientBody,
+    CreateProjectBody,
+    Project,
+} from '@/packages/api/src';
+import TimeTrackerRunningInDifferentOrganizationOverlay from '@/packages/ui/src/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue';
 import { useClientsStore } from '@/utils/useClients';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 const page = usePage<{
     auth: {
@@ -108,6 +113,7 @@ const { tags } = storeToRefs(useTagsStore());
             :projects
             :createTag
             :isActive
+            :currency="getOrganizationCurrencyString()"
             v-model:currentTimeEntry="currentTimeEntry"
             v-model:liveTimer="now"
             @startLiveTimer="startLiveTimer"
diff --git a/resources/js/Components/UserSettingsIcon.vue b/resources/js/Components/UserSettingsIcon.vue
index 50232618..c2e3d3b6 100644
--- a/resources/js/Components/UserSettingsIcon.vue
+++ b/resources/js/Components/UserSettingsIcon.vue
@@ -2,7 +2,7 @@
 import { router, usePage } from '@inertiajs/vue3';
 import type { Organization, User } from '@/types/models';
 import DropdownLink from '@/Components/DropdownLink.vue';
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 
 const page = usePage<{
     jetstream: {
diff --git a/resources/js/Layouts/AppLayout.vue b/resources/js/Layouts/AppLayout.vue
index 620e4b6b..0dc8abeb 100644
--- a/resources/js/Layouts/AppLayout.vue
+++ b/resources/js/Layouts/AppLayout.vue
@@ -32,7 +32,7 @@ import {
 import { isBillingActivated } from '@/utils/billing';
 import type { User } from '@/types/models';
 import { ArrowsRightLeftIcon } from '@heroicons/vue/16/solid';
-import { fetchToken, isTokenValid } from '@/utils/api';
+import { fetchToken, isTokenValid } from '@/utils/session';
 
 defineProps({
     title: String,
diff --git a/resources/js/Pages/API/Partials/ApiTokenManager.vue b/resources/js/Pages/API/Partials/ApiTokenManager.vue
index 2dd0bac7..7cb746cf 100644
--- a/resources/js/Pages/API/Partials/ApiTokenManager.vue
+++ b/resources/js/Pages/API/Partials/ApiTokenManager.vue
@@ -3,17 +3,17 @@ import { ref } from 'vue';
 import { useForm, usePage } from '@inertiajs/vue3';
 import ActionMessage from '@/Components/ActionMessage.vue';
 import ActionSection from '@/Components/ActionSection.vue';
-import Checkbox from '@/Components/Checkbox.vue';
+import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
 import ConfirmationModal from '@/Components/ConfirmationModal.vue';
-import DangerButton from '@/Components/DangerButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import FormSection from '@/Components/FormSection.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import SectionBorder from '@/Components/SectionBorder.vue';
-import TextInput from '@/Components/TextInput.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import type { Token } from '@/types/jetstream';
 
 const props = defineProps<{
diff --git a/resources/js/Pages/Auth/ConfirmPassword.vue b/resources/js/Pages/Auth/ConfirmPassword.vue
index 107b3eba..54d851af 100644
--- a/resources/js/Pages/Auth/ConfirmPassword.vue
+++ b/resources/js/Pages/Auth/ConfirmPassword.vue
@@ -3,10 +3,10 @@ import { ref } from 'vue';
 import { Head, useForm } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 const form = useForm({
     password: '',
diff --git a/resources/js/Pages/Auth/ForgotPassword.vue b/resources/js/Pages/Auth/ForgotPassword.vue
index bc370f87..f81ef522 100644
--- a/resources/js/Pages/Auth/ForgotPassword.vue
+++ b/resources/js/Pages/Auth/ForgotPassword.vue
@@ -2,10 +2,10 @@
 import { Head, useForm } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 defineProps({
     status: String,
diff --git a/resources/js/Pages/Auth/Login.vue b/resources/js/Pages/Auth/Login.vue
index 6279e453..0b7a3c4d 100644
--- a/resources/js/Pages/Auth/Login.vue
+++ b/resources/js/Pages/Auth/Login.vue
@@ -2,10 +2,10 @@
 import { Head, Link, useForm, usePage } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 defineProps({
     canResetPassword: Boolean,
diff --git a/resources/js/Pages/Auth/Register.vue b/resources/js/Pages/Auth/Register.vue
index 68882ed3..43cc868c 100644
--- a/resources/js/Pages/Auth/Register.vue
+++ b/resources/js/Pages/Auth/Register.vue
@@ -2,11 +2,11 @@
 import { Head, Link, useForm, usePage } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import Checkbox from '@/Components/Checkbox.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 const form = useForm({
     name: '',
diff --git a/resources/js/Pages/Auth/ResetPassword.vue b/resources/js/Pages/Auth/ResetPassword.vue
index aa547849..51c0f378 100644
--- a/resources/js/Pages/Auth/ResetPassword.vue
+++ b/resources/js/Pages/Auth/ResetPassword.vue
@@ -2,10 +2,10 @@
 import { Head, useForm } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 const props = defineProps({
     email: String,
diff --git a/resources/js/Pages/Auth/TwoFactorChallenge.vue b/resources/js/Pages/Auth/TwoFactorChallenge.vue
index b403fc64..3b6f12e4 100644
--- a/resources/js/Pages/Auth/TwoFactorChallenge.vue
+++ b/resources/js/Pages/Auth/TwoFactorChallenge.vue
@@ -3,10 +3,10 @@ import { nextTick, ref } from 'vue';
 import { Head, useForm } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 const recovery = ref(false);
 
diff --git a/resources/js/Pages/Auth/VerifyEmail.vue b/resources/js/Pages/Auth/VerifyEmail.vue
index 1073a9e8..b9702872 100644
--- a/resources/js/Pages/Auth/VerifyEmail.vue
+++ b/resources/js/Pages/Auth/VerifyEmail.vue
@@ -3,7 +3,7 @@ import { computed } from 'vue';
 import { Head, Link, useForm } from '@inertiajs/vue3';
 import AuthenticationCard from '@/Components/AuthenticationCard.vue';
 import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 
 const props = defineProps({
     status: String,
diff --git a/resources/js/Pages/Clients.vue b/resources/js/Pages/Clients.vue
index 2ca05b1c..14e857d7 100644
--- a/resources/js/Pages/Clients.vue
+++ b/resources/js/Pages/Clients.vue
@@ -2,7 +2,7 @@
 import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { UserCircleIcon } from '@heroicons/vue/20/solid';
 import { onMounted, ref } from 'vue';
 import { useClientsStore } from '@/utils/useClients';
diff --git a/resources/js/Pages/Members.vue b/resources/js/Pages/Members.vue
index 9898de80..fb963593 100644
--- a/resources/js/Pages/Members.vue
+++ b/resources/js/Pages/Members.vue
@@ -3,7 +3,7 @@ import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import { UserGroupIcon } from '@heroicons/vue/20/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import TabBar from '@/Components/Common/TabBar/TabBar.vue';
 import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
 import { ref } from 'vue';
diff --git a/resources/js/Pages/Profile/Partials/DeleteUserForm.vue b/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
index 8d2c65cc..bd573b29 100644
--- a/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
+++ b/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
@@ -2,11 +2,11 @@
 import { ref } from 'vue';
 import { useForm } from '@inertiajs/vue3';
 import ActionSection from '@/Components/ActionSection.vue';
-import DangerButton from '@/Components/DangerButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
-import InputError from '@/Components/InputError.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 const confirmingUserDeletion = ref(false);
 const passwordInput = ref<HTMLElement | null>(null);
diff --git a/resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue b/resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue
index 99c5924e..99a53f6b 100644
--- a/resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue
+++ b/resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue
@@ -3,11 +3,11 @@ import { ref } from 'vue';
 import { useForm } from '@inertiajs/vue3';
 import ActionMessage from '@/Components/ActionMessage.vue';
 import ActionSection from '@/Components/ActionSection.vue';
-import DialogModal from '@/Components/DialogModal.vue';
-import InputError from '@/Components/InputError.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import type { Session } from '@/types/jetstream';
 
 defineProps<{
diff --git a/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue b/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
index 6d1631d1..19dff300 100644
--- a/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
+++ b/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
@@ -3,12 +3,12 @@ import { ref, computed, watch } from 'vue';
 import { router, useForm, usePage } from '@inertiajs/vue3';
 import ActionSection from '@/Components/ActionSection.vue';
 import ConfirmsPassword from '@/Components/ConfirmsPassword.vue';
-import DangerButton from '@/Components/DangerButton.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import axios from 'axios';
 import type { JetstreamUser } from '@/types/jetstream';
 
diff --git a/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue b/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
index cef8ae68..ea0154b8 100644
--- a/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
+++ b/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
@@ -3,10 +3,10 @@ import { ref } from 'vue';
 import { useForm } from '@inertiajs/vue3';
 import ActionMessage from '@/Components/ActionMessage.vue';
 import FormSection from '@/Components/FormSection.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 
 const passwordInput = ref<HTMLElement | null>(null);
 const currentPasswordInput = ref<HTMLElement | null>(null);
diff --git a/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue b/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
index 55ebda24..ebad6a57 100644
--- a/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
+++ b/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
@@ -3,11 +3,11 @@ import { ref } from 'vue';
 import { Link, router, useForm, usePage } from '@inertiajs/vue3';
 import ActionMessage from '@/Components/ActionMessage.vue';
 import FormSection from '@/Components/FormSection.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import type { User } from '@/types/models';
 
 const props = defineProps<{
diff --git a/resources/js/Pages/ProjectShow.vue b/resources/js/Pages/ProjectShow.vue
index e1bc0123..d15e1581 100644
--- a/resources/js/Pages/ProjectShow.vue
+++ b/resources/js/Pages/ProjectShow.vue
@@ -2,7 +2,7 @@
 import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { FolderIcon, PlusIcon } from '@heroicons/vue/16/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { computed, onMounted, ref } from 'vue';
 import { useProjectsStore } from '@/utils/useProjects';
 import { storeToRefs } from 'pinia';
@@ -14,7 +14,7 @@ import {
 import { Link } from '@inertiajs/vue3';
 import TaskCreateModal from '@/Components/Common/Task/TaskCreateModal.vue';
 import TaskTable from '@/Components/Common/Task/TaskTable.vue';
-import CardTitle from '@/Components/Common/CardTitle.vue';
+import CardTitle from '@/packages/ui/src/CardTitle.vue';
 import Card from '@/Components/Common/Card.vue';
 import ProjectMemberTable from '@/Components/Common/ProjectMember/ProjectMemberTable.vue';
 import ProjectMemberCreateModal from '@/Components/Common/ProjectMember/ProjectMemberCreateModal.vue';
diff --git a/resources/js/Pages/Projects.vue b/resources/js/Pages/Projects.vue
index 55fcb5f5..a377c1f9 100644
--- a/resources/js/Pages/Projects.vue
+++ b/resources/js/Pages/Projects.vue
@@ -2,11 +2,11 @@
 import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { FolderIcon, PlusIcon } from '@heroicons/vue/16/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import ProjectTable from '@/Components/Common/Project/ProjectTable.vue';
 import { computed, onMounted, ref } from 'vue';
 import { useProjectsStore } from '@/utils/useProjects';
-import ProjectCreateModal from '@/Components/Common/Project/ProjectCreateModal.vue';
+import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
 import PageTitle from '@/Components/Common/PageTitle.vue';
 import { canCreateProjects } from '@/utils/permissions';
 import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
@@ -18,7 +18,8 @@ import type {
     Client,
     CreateProjectBody,
     Project,
-} from '@/utils/api';
+} from '@/packages/api/src';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 onMounted(() => {
     useProjectsStore().fetchProjects();
@@ -82,6 +83,7 @@ async function createClient(
             <ProjectCreateModal
                 :createProject
                 :createClient
+                :currency="getOrganizationCurrencyString()"
                 :clients="clients"
                 @submit="createProject"
                 v-model:show="showCreateProjectModal"></ProjectCreateModal>
diff --git a/resources/js/Pages/Reporting.vue b/resources/js/Pages/Reporting.vue
index 2b64e9f8..7403b6df 100644
--- a/resources/js/Pages/Reporting.vue
+++ b/resources/js/Pages/Reporting.vue
@@ -9,31 +9,32 @@ import {
     CheckCircleIcon,
     TagIcon,
 } from '@heroicons/vue/20/solid';
-import DateRangePicker from '@/Components/Common/DateRangePicker.vue';
+import DateRangePicker from '@/packages/ui/src/Input/DateRangePicker.vue';
 import ReportingChart from '@/Components/Common/Reporting/ReportingChart.vue';
-import BillableIcon from '@/Components/Common/Icons/BillableIcon.vue';
+import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
 import { onMounted, ref } from 'vue';
 import {
     formatHumanReadableDuration,
     getDayJsInstance,
     getLocalizedDayJs,
-} from '@/utils/time';
+} from '@/packages/ui/src/utils/time';
 import { type GroupingOption, useReportingStore } from '@/utils/useReporting';
 import { storeToRefs } from 'pinia';
-import TagDropdown from '@/Components/Common/Tag/TagDropdown.vue';
-import type { AggregatedTimeEntriesQueryParams } from '@/utils/api';
+import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
+import type { AggregatedTimeEntriesQueryParams } from '@/packages/api/src';
 import ReportingFilterBadge from '@/Components/Common/Reporting/ReportingFilterBadge.vue';
 import ProjectMultiselectDropdown from '@/Components/Common/Project/ProjectMultiselectDropdown.vue';
 import MemberMultiselectDropdown from '@/Components/Common/Member/MemberMultiselectDropdown.vue';
 import TaskMultiselectDropdown from '@/Components/Common/Task/TaskMultiselectDropdown.vue';
-import SelectDropdown from '@/Components/Common/SelectDropdown.vue';
+import SelectDropdown from '@/packages/ui/src/Input/SelectDropdown.vue';
 import ReportingGroupBySelect from '@/Components/Common/Reporting/ReportingGroupBySelect.vue';
 import ReportingRow from '@/Components/Common/Reporting/ReportingRow.vue';
-import { formatCents } from '@/utils/money';
+import { getOrganizationCurrencyString } from '@/utils/money';
 import ReportingPieChart from '@/Components/Common/Reporting/ReportingPieChart.vue';
 import { getCurrentMembershipId, getCurrentRole } from '@/utils/useUser';
 import ClientMultiselectDropdown from '@/Components/Common/Client/ClientMultiselectDropdown.vue';
 import { useTagsStore } from '@/utils/useTags';
+import { formatCents } from '@/packages/ui/src/utils/money';
 
 const startDate = ref<string>(
     getLocalizedDayJs(getDayJsInstance()().format()).subtract(14, 'd').format()
@@ -322,7 +323,8 @@ async function createTag(tag: string) {
                                     class="justify-end pr-6 flex items-center font-medium">
                                     {{
                                         formatCents(
-                                            aggregatedTableTimeEntries.cost
+                                            aggregatedTableTimeEntries.cost,
+                                            getOrganizationCurrencyString()
                                         )
                                     }}
                                 </div>
diff --git a/resources/js/Pages/Tags.vue b/resources/js/Pages/Tags.vue
index 15a4fc1c..b2640301 100644
--- a/resources/js/Pages/Tags.vue
+++ b/resources/js/Pages/Tags.vue
@@ -2,10 +2,10 @@
 import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { TagIcon, PlusIcon } from '@heroicons/vue/16/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { ref } from 'vue';
 import TagTable from '@/Components/Common/Tag/TagTable.vue';
-import TagCreateModal from '@/Components/Common/Tag/TagCreateModal.vue';
+import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
 import PageTitle from '@/Components/Common/PageTitle.vue';
 import { canCreateTags } from '@/utils/permissions';
 import { useTagsStore } from '@/utils/useTags';
diff --git a/resources/js/Pages/Teams/Partials/CreateTeamForm.vue b/resources/js/Pages/Teams/Partials/CreateTeamForm.vue
index 716604ac..7c7389a6 100644
--- a/resources/js/Pages/Teams/Partials/CreateTeamForm.vue
+++ b/resources/js/Pages/Teams/Partials/CreateTeamForm.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { useForm, usePage } from '@inertiajs/vue3';
 import FormSection from '@/Components/FormSection.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import type { User } from '@/types/models';
 import { initializeStores } from '@/utils/init';
 
diff --git a/resources/js/Pages/Teams/Partials/DeleteTeamForm.vue b/resources/js/Pages/Teams/Partials/DeleteTeamForm.vue
index ca835e45..cfe50170 100644
--- a/resources/js/Pages/Teams/Partials/DeleteTeamForm.vue
+++ b/resources/js/Pages/Teams/Partials/DeleteTeamForm.vue
@@ -3,8 +3,8 @@ import { ref } from 'vue';
 import { useForm } from '@inertiajs/vue3';
 import ActionSection from '@/Components/ActionSection.vue';
 import ConfirmationModal from '@/Components/ConfirmationModal.vue';
-import DangerButton from '@/Components/DangerButton.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 
 const props = defineProps({
     team: Object,
diff --git a/resources/js/Pages/Teams/Partials/ImportData.vue b/resources/js/Pages/Teams/Partials/ImportData.vue
index 4cd9e178..91941b53 100644
--- a/resources/js/Pages/Teams/Partials/ImportData.vue
+++ b/resources/js/Pages/Teams/Partials/ImportData.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import FormSection from '@/Components/FormSection.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { computed, onMounted, ref } from 'vue';
 import { useNotificationsStore } from '@/utils/notification';
-import { api } from '@/utils/api';
-import InputLabel from '@/Components/InputLabel.vue';
+import { api } from '@/packages/api/src';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
 import { DocumentIcon } from '@heroicons/vue/24/solid';
 import { getCurrentOrganizationId } from '@/utils/useUser';
-import type { ImportReport, ImportType } from '@/utils/api';
-import DialogModal from '@/Components/DialogModal.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import type { ImportReport, ImportType } from '@/packages/api/src';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { initializeStores } from '@/utils/init';
 
 const importTypeOptions = ref<ImportType[]>([]);
diff --git a/resources/js/Pages/Teams/Partials/OrganizationBillableRate.vue b/resources/js/Pages/Teams/Partials/OrganizationBillableRate.vue
index b81903b2..d80ec2e4 100644
--- a/resources/js/Pages/Teams/Partials/OrganizationBillableRate.vue
+++ b/resources/js/Pages/Teams/Partials/OrganizationBillableRate.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import FormSection from '@/Components/FormSection.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { onMounted, ref } from 'vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import type { UpdateOrganizationBody } from '@/utils/api';
-import BillableRateInput from '@/Components/Common/BillableRateInput.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import type { UpdateOrganizationBody } from '@/packages/api/src';
+import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
 import { useOrganizationStore } from '@/utils/useOrganization';
 import { storeToRefs } from 'pinia';
 import OrganizationBillableRateModal from '@/Components/Common/Organization/OrganizationBillableRateModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 const store = useOrganizationStore();
 const { fetchOrganization, updateOrganization } = store;
@@ -58,6 +59,7 @@ async function submit() {
                         value="Organization Billable Rate" />
                     <BillableRateInput
                         v-if="organization"
+                        :currency="getOrganizationCurrencyString()"
                         v-model="organizationBody.billable_rate"
                         name="organizationBillableRate"></BillableRateInput>
                 </div>
diff --git a/resources/js/Pages/Teams/Partials/TeamMemberManager.vue b/resources/js/Pages/Teams/Partials/TeamMemberManager.vue
index 42fa6a0d..938c7729 100644
--- a/resources/js/Pages/Teams/Partials/TeamMemberManager.vue
+++ b/resources/js/Pages/Teams/Partials/TeamMemberManager.vue
@@ -4,15 +4,15 @@ import { router, useForm, usePage } from '@inertiajs/vue3';
 import ActionMessage from '@/Components/ActionMessage.vue';
 import ActionSection from '@/Components/ActionSection.vue';
 import ConfirmationModal from '@/Components/ConfirmationModal.vue';
-import DangerButton from '@/Components/DangerButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import FormSection from '@/Components/FormSection.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import SectionBorder from '@/Components/SectionBorder.vue';
-import TextInput from '@/Components/TextInput.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import type {
     Organization,
     OrganizationInvitation,
diff --git a/resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue b/resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue
index 08ff878c..a234ad7e 100644
--- a/resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue
+++ b/resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue
@@ -2,10 +2,10 @@
 import { Link, useForm } from '@inertiajs/vue3';
 import ActionMessage from '@/Components/ActionMessage.vue';
 import FormSection from '@/Components/FormSection.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
+import InputError from '@/packages/ui/src/Input/InputError.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import type { Organization } from '@/types/models';
 import type { Permissions } from '@/types/jetstream';
 import { CreditCardIcon } from '@heroicons/vue/20/solid';
diff --git a/resources/js/Pages/Time.vue b/resources/js/Pages/Time.vue
index 888cb34c..ea8431e8 100644
--- a/resources/js/Pages/Time.vue
+++ b/resources/js/Pages/Time.vue
@@ -12,19 +12,20 @@ import type {
     Project,
     TimeEntry,
     Client,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { useElementVisibility } from '@vueuse/core';
 import { ClockIcon } from '@heroicons/vue/20/solid';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
-import TimeEntryCreateModal from '@/Components/Common/TimeEntry/TimeEntryCreateModal.vue';
-import LoadingSpinner from '@/Components/LoadingSpinner.vue';
+import LoadingSpinner from '@/packages/ui/src/LoadingSpinner.vue';
 import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
 import { useTasksStore } from '@/utils/useTasks';
 import { useProjectsStore } from '@/utils/useProjects';
-import TimeEntryGroupedTable from '@/Components/Common/TimeEntry/TimeEntryGroupedTable.vue';
+import TimeEntryGroupedTable from '@/packages/ui/src/TimeEntry/TimeEntryGroupedTable.vue';
 import { useTagsStore } from '@/utils/useTags';
 import { useClientsStore } from '@/utils/useClients';
+import TimeEntryCreateModal from '@/Components/Common/TimeEntry/TimeEntryCreateModal.vue';
+import { getOrganizationCurrencyString } from '@/utils/money';
 
 const timeEntriesStore = useTimeEntriesStore();
 const { timeEntries, allTimeEntriesLoaded } = storeToRefs(timeEntriesStore);
@@ -134,6 +135,7 @@ async function createClient(
             :createTag
             :projects="projects"
             :tasks="tasks"
+            :currency="getOrganizationCurrencyString()"
             :timeEntries="timeEntries"
             :tags="tags"></TimeEntryGroupedTable>
         <div v-if="timeEntries.length === 0" class="text-center pt-12">
diff --git a/resources/js/packages/api/.gitignore b/resources/js/packages/api/.gitignore
new file mode 100644
index 00000000..42bd71b3
--- /dev/null
+++ b/resources/js/packages/api/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+dist
+out
+.DS_Store
+*.log*
diff --git a/resources/js/packages/api/package-lock.json b/resources/js/packages/api/package-lock.json
new file mode 100644
index 00000000..fe7ac5ce
--- /dev/null
+++ b/resources/js/packages/api/package-lock.json
@@ -0,0 +1,171 @@
+{
+    "name": "@solidtime/api",
+    "version": "0.1.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "@solidtime/api",
+            "version": "0.1.0",
+            "license": "AGPL-3.0",
+            "dependencies": {
+                "@zodios/core": "^10.9.6",
+                "typescript": "^5.5.4",
+                "zod": "^3.23.8"
+            },
+            "devDependencies": {
+                "@vercel/ncc": "^0.38.1"
+            }
+        },
+        "node_modules/@vercel/ncc": {
+            "version": "0.38.1",
+            "resolved": "https://registry.npmjs.org/@vercel/ncc/-/ncc-0.38.1.tgz",
+            "integrity": "sha512-IBBb+iI2NLu4VQn3Vwldyi2QwaXt5+hTyh58ggAMoCGE6DJmPvwL3KPBWcJl1m9LYPChBLE980Jw+CS4Wokqxw==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "ncc": "dist/ncc/cli.js"
+            }
+        },
+        "node_modules/@zodios/core": {
+            "version": "10.9.6",
+            "resolved": "https://registry.npmjs.org/@zodios/core/-/core-10.9.6.tgz",
+            "integrity": "sha512-aH4rOdb3AcezN7ws8vDgBfGboZMk2JGGzEq/DtW65MhnRxyTGRuLJRWVQ/2KxDgWvV2F5oTkAS+5pnjKbl0n+A==",
+            "license": "MIT",
+            "peerDependencies": {
+                "axios": "^0.x || ^1.0.0",
+                "zod": "^3.x"
+            }
+        },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+            "license": "MIT",
+            "peer": true
+        },
+        "node_modules/axios": {
+            "version": "1.7.4",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
+            "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "follow-redirects": "^1.15.6",
+                "form-data": "^4.0.0",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "license": "MIT",
+            "peer": true,
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.6",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+            "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "license": "MIT",
+            "peer": true,
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "license": "MIT",
+            "peer": true,
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+            "license": "MIT",
+            "peer": true
+        },
+        "node_modules/typescript": {
+            "version": "5.5.4",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+            "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+            "license": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/zod": {
+            "version": "3.23.8",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
+            "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/colinhacks"
+            }
+        }
+    }
+}
diff --git a/resources/js/packages/api/package.json b/resources/js/packages/api/package.json
new file mode 100644
index 00000000..4d494661
--- /dev/null
+++ b/resources/js/packages/api/package.json
@@ -0,0 +1,31 @@
+{
+    "name": "@solidtime/api",
+    "version": "0.0.1",
+    "description": "Package containing the solidtime api client and type declarations",
+    "main": "dist/index.js",
+    "scripts": {
+        "build": "npx ncc build src/index.ts",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "files": [
+        "dist"
+    ],
+    "keywords": [
+        "solidtime",
+        "timetracker",
+        "timetracking",
+        "api",
+        "client"
+    ],
+    "type": "module",
+    "author": "solidtime",
+    "license": "AGPL-3.0",
+    "dependencies": {
+        "@zodios/core": "^10.9.6",
+        "typescript": "^5.5.4",
+        "zod": "^3.23.8"
+    },
+    "devDependencies": {
+        "@vercel/ncc": "^0.38.1"
+    }
+}
diff --git a/resources/js/utils/api.ts b/resources/js/packages/api/src/index.ts
similarity index 90%
rename from resources/js/utils/api.ts
rename to resources/js/packages/api/src/index.ts
index f8e3a513..0a3de950 100644
--- a/resources/js/utils/api.ts
+++ b/resources/js/packages/api/src/index.ts
@@ -4,8 +4,7 @@ import type {
     ZodiosBodyByAlias,
     ZodiosQueryParamsByAlias,
 } from '@zodios/core';
-import { createApiClient } from '../../../openapi.json.client';
-import { router } from '@inertiajs/vue3';
+import { createApiClient } from './openapi.json.client';
 
 export type SolidTimeApi = ApiOf<typeof api>;
 
@@ -135,17 +134,4 @@ export type MyMemberships = ZodiosResponseByAlias<
 
 export type MyMembership = MyMemberships[0];
 
-export async function fetchToken() {
-    return new Promise((resolve) => {
-        router.reload({
-            onFinish: () => {
-                resolve(null);
-            },
-        });
-    });
-}
-export function isTokenValid() {
-    return window.document.cookie.includes('XSRF-TOKEN');
-}
-
 export const api = createApiClient('/api', { validate: 'none' });
diff --git a/openapi.json.client.ts b/resources/js/packages/api/src/openapi.json.client.ts
similarity index 100%
rename from openapi.json.client.ts
rename to resources/js/packages/api/src/openapi.json.client.ts
diff --git a/resources/js/packages/api/tsconfig.json b/resources/js/packages/api/tsconfig.json
new file mode 100644
index 00000000..dd424232
--- /dev/null
+++ b/resources/js/packages/api/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "noEmit": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "resolveJsonModule": true,
+        "noImplicitThis": true,
+        "strict": true,
+        "verbatimModuleSyntax": true,
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "skipLibCheck": true,
+        "outDir": "./dist",
+        "rootDir": "./src",
+    },
+    "include": [
+        "src/**/*.ts"
+    ],
+    "exclude": [
+        "./dist",
+        "./node_modules",
+        "./__tests__",
+        "./coverage"
+    ],
+}
diff --git a/resources/js/packages/ui/.gitignore b/resources/js/packages/ui/.gitignore
new file mode 100644
index 00000000..42bd71b3
--- /dev/null
+++ b/resources/js/packages/ui/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+dist
+out
+.DS_Store
+*.log*
diff --git a/resources/js/packages/ui/package-lock.json b/resources/js/packages/ui/package-lock.json
new file mode 100644
index 00000000..0644853d
--- /dev/null
+++ b/resources/js/packages/ui/package-lock.json
@@ -0,0 +1,1365 @@
+{
+    "name": "@solidtime/ui",
+    "version": "0.0.1",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "@solidtime/ui",
+            "version": "0.0.1",
+            "license": "AGPL-3.0",
+            "dependencies": {
+                "@floating-ui/vue": "^1.1.4",
+                "tailwind-merge": "^2.5.2"
+            },
+            "devDependencies": {
+                "@types/node": "^22.4.1",
+                "@vitejs/plugin-vue": "^5.1.2",
+                "typescript": "^5.5.4",
+                "vite": "^5.4.1",
+                "vue": "^3.4.38",
+                "vue-tsc": "^2.0.29"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.24.8",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
+            "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.24.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+            "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.25.3",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.3.tgz",
+            "integrity": "sha512-iLTJKDbJ4hMvFPgQwwsVoxtHyWpKKPBrxkANrSYewDPaPpT5py5yeVkgPIJ7XYXhndxJpaA3PyALSXQ7u8e/Dw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.25.2"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.25.2",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.2.tgz",
+            "integrity": "sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.24.8",
+                "@babel/helper-validator-identifier": "^7.24.7",
+                "to-fast-properties": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@floating-ui/core": {
+            "version": "1.6.7",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.7.tgz",
+            "integrity": "sha512-yDzVT/Lm101nQ5TCVeK65LtdN7Tj4Qpr9RTXJ2vPFLqtLxwOrpoxAHAJI8J3yYWUc40J0BDBheaitK5SJmno2g==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/utils": "^0.2.7"
+            }
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "1.6.10",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.10.tgz",
+            "integrity": "sha512-fskgCFv8J8OamCmyun8MfjB1Olfn+uZKjOKZ0vhYF3gRmEUXcGOjxWL8bBr7i4kIuPZ2KD2S3EUIOxnjC8kl2A==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.6.0",
+                "@floating-ui/utils": "^0.2.7"
+            }
+        },
+        "node_modules/@floating-ui/utils": {
+            "version": "0.2.7",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.7.tgz",
+            "integrity": "sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA==",
+            "license": "MIT"
+        },
+        "node_modules/@floating-ui/vue": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.4.tgz",
+            "integrity": "sha512-ammH7T3vyCx7pmm9OF19Wc42zrGnUw0QvLoidgypWsCLJMtGXEwY7paYIHO+K+oLC3mbWpzIHzeTVienYenlNg==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "^1.0.0",
+                "@floating-ui/utils": "^0.2.7",
+                "vue-demi": ">=0.13.0"
+            }
+        },
+        "node_modules/@floating-ui/vue/node_modules/vue-demi": {
+            "version": "0.14.10",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+            "license": "MIT"
+        },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.0.tgz",
+            "integrity": "sha512-WTWD8PfoSAJ+qL87lE7votj3syLavxunWhzCnx3XFxFiI/BA/r3X7MUM8dVrH8rb2r4AiO8jJsr3ZjdaftmnfA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.0.tgz",
+            "integrity": "sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.0.tgz",
+            "integrity": "sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.0.tgz",
+            "integrity": "sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.0.tgz",
+            "integrity": "sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.0.tgz",
+            "integrity": "sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.0.tgz",
+            "integrity": "sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.0.tgz",
+            "integrity": "sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.0.tgz",
+            "integrity": "sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.0.tgz",
+            "integrity": "sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.0.tgz",
+            "integrity": "sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.0.tgz",
+            "integrity": "sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.0.tgz",
+            "integrity": "sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.0.tgz",
+            "integrity": "sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.0.tgz",
+            "integrity": "sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.0.tgz",
+            "integrity": "sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+            "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/node": {
+            "version": "22.4.1",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.4.1.tgz",
+            "integrity": "sha512-1tbpb9325+gPnKK0dMm+/LMriX0vKxf6RnB0SZUqfyVkQ4fMgUSySqhxE/y8Jvs4NyF1yHzTfG9KlnkIODxPKg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "undici-types": "~6.19.2"
+            }
+        },
+        "node_modules/@vitejs/plugin-vue": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.2.tgz",
+            "integrity": "sha512-nY9IwH12qeiJqumTCLJLE7IiNx7HZ39cbHaysEUd+Myvbz9KAqd2yq+U01Kab1R/H1BmiyM2ShTYlNH32Fzo3A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": "^18.0.0 || >=20.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^5.0.0",
+                "vue": "^3.2.25"
+            }
+        },
+        "node_modules/@volar/language-core": {
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.0.tgz",
+            "integrity": "sha512-FTla+khE+sYK0qJP+6hwPAAUwiNHVMph4RUXpxf/FIPKUP61NFrVZorml4mjFShnueR2y9/j8/vnh09YwVdH7A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@volar/source-map": "2.4.0"
+            }
+        },
+        "node_modules/@volar/source-map": {
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.0.tgz",
+            "integrity": "sha512-2ceY8/NEZvN6F44TXw2qRP6AQsvCYhV2bxaBPWxV9HqIfkbRydSksTFObCF1DBDNBfKiZTS8G/4vqV6cvjdOIQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@volar/typescript": {
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.0.tgz",
+            "integrity": "sha512-9zx3lQWgHmVd+JRRAHUSRiEhe4TlzL7U7e6ulWXOxHH/WNYxzKwCvZD7WYWEZFdw4dHfTD9vUR0yPQO6GilCaQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@volar/language-core": "2.4.0",
+                "path-browserify": "^1.0.1",
+                "vscode-uri": "^3.0.8"
+            }
+        },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.38.tgz",
+            "integrity": "sha512-8IQOTCWnLFqfHzOGm9+P8OPSEDukgg3Huc92qSG49if/xI2SAwLHQO2qaPQbjCWPBcQoO1WYfXfTACUrWV3c5A==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.24.7",
+                "@vue/shared": "3.4.38",
+                "entities": "^4.5.0",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.2.0"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.38.tgz",
+            "integrity": "sha512-Osc/c7ABsHXTsETLgykcOwIxFktHfGSUDkb05V61rocEfsFDcjDLH/IHJSNJP+/Sv9KeN2Lx1V6McZzlSb9EhQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-core": "3.4.38",
+                "@vue/shared": "3.4.38"
+            }
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.38.tgz",
+            "integrity": "sha512-s5QfZ+9PzPh3T5H4hsQDJtI8x7zdJaew/dCGgqZ2630XdzaZ3AD8xGZfBqpT8oaD/p2eedd+pL8tD5vvt5ZYJQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.24.7",
+                "@vue/compiler-core": "3.4.38",
+                "@vue/compiler-dom": "3.4.38",
+                "@vue/compiler-ssr": "3.4.38",
+                "@vue/shared": "3.4.38",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.10",
+                "postcss": "^8.4.40",
+                "source-map-js": "^1.2.0"
+            }
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.38.tgz",
+            "integrity": "sha512-YXznKFQ8dxYpAz9zLuVvfcXhc31FSPFDcqr0kyujbOwNhlmaNvL2QfIy+RZeJgSn5Fk54CWoEUeW+NVBAogGaw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.4.38",
+                "@vue/shared": "3.4.38"
+            }
+        },
+        "node_modules/@vue/compiler-vue2": {
+            "version": "2.7.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+            "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "de-indent": "^1.0.2",
+                "he": "^1.2.0"
+            }
+        },
+        "node_modules/@vue/language-core": {
+            "version": "2.0.29",
+            "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.0.29.tgz",
+            "integrity": "sha512-o2qz9JPjhdoVj8D2+9bDXbaI4q2uZTHQA/dbyZT4Bj1FR9viZxDJnLcKVHfxdn6wsOzRgpqIzJEEmSSvgMvDTQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@volar/language-core": "~2.4.0-alpha.18",
+                "@vue/compiler-dom": "^3.4.0",
+                "@vue/compiler-vue2": "^2.7.16",
+                "@vue/shared": "^3.4.0",
+                "computeds": "^0.0.1",
+                "minimatch": "^9.0.3",
+                "muggle-string": "^0.4.1",
+                "path-browserify": "^1.0.1"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.38.tgz",
+            "integrity": "sha512-4vl4wMMVniLsSYYeldAKzbk72+D3hUnkw9z8lDeJacTxAkXeDAP1uE9xr2+aKIN0ipOL8EG2GPouVTH6yF7Gnw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.4.38"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.38.tgz",
+            "integrity": "sha512-21z3wA99EABtuf+O3IhdxP0iHgkBs1vuoCAsCKLVJPEjpVqvblwBnTj42vzHRlWDCyxu9ptDm7sI2ZMcWrQqlA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.4.38",
+                "@vue/shared": "3.4.38"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.38.tgz",
+            "integrity": "sha512-afZzmUreU7vKwKsV17H1NDThEEmdYI+GCAK/KY1U957Ig2NATPVjCROv61R19fjZNzMmiU03n79OMnXyJVN0UA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.4.38",
+                "@vue/runtime-core": "3.4.38",
+                "@vue/shared": "3.4.38",
+                "csstype": "^3.1.3"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.38.tgz",
+            "integrity": "sha512-NggOTr82FbPEkkUvBm4fTGcwUY8UuTsnWC/L2YZBmvaQ4C4Jl/Ao4HHTB+l7WnFCt5M/dN3l0XLuyjzswGYVCA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.4.38",
+                "@vue/shared": "3.4.38"
+            },
+            "peerDependencies": {
+                "vue": "3.4.38"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.38.tgz",
+            "integrity": "sha512-q0xCiLkuWWQLzVrecPb0RMsNWyxICOjPrcrwxTUEHb1fsnvni4dcuyG7RT/Ie7VPTvnjzIaWzRMUBsrqNj/hhw==",
+            "license": "MIT"
+        },
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/brace-expansion": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "balanced-match": "^1.0.0"
+            }
+        },
+        "node_modules/computeds": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
+            "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/csstype": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+            "license": "MIT"
+        },
+        "node_modules/de-indent": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+            "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/entities": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.21.5",
+                "@esbuild/android-arm": "0.21.5",
+                "@esbuild/android-arm64": "0.21.5",
+                "@esbuild/android-x64": "0.21.5",
+                "@esbuild/darwin-arm64": "0.21.5",
+                "@esbuild/darwin-x64": "0.21.5",
+                "@esbuild/freebsd-arm64": "0.21.5",
+                "@esbuild/freebsd-x64": "0.21.5",
+                "@esbuild/linux-arm": "0.21.5",
+                "@esbuild/linux-arm64": "0.21.5",
+                "@esbuild/linux-ia32": "0.21.5",
+                "@esbuild/linux-loong64": "0.21.5",
+                "@esbuild/linux-mips64el": "0.21.5",
+                "@esbuild/linux-ppc64": "0.21.5",
+                "@esbuild/linux-riscv64": "0.21.5",
+                "@esbuild/linux-s390x": "0.21.5",
+                "@esbuild/linux-x64": "0.21.5",
+                "@esbuild/netbsd-x64": "0.21.5",
+                "@esbuild/openbsd-x64": "0.21.5",
+                "@esbuild/sunos-x64": "0.21.5",
+                "@esbuild/win32-arm64": "0.21.5",
+                "@esbuild/win32-ia32": "0.21.5",
+                "@esbuild/win32-x64": "0.21.5"
+            }
+        },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "he": "bin/he"
+            }
+        },
+        "node_modules/magic-string": {
+            "version": "0.30.11",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
+            "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.0"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "9.0.5",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "brace-expansion": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=16 || 14 >=14.17"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/muggle-string": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+            "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.7",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/path-browserify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+            "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/picocolors": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+            "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+            "license": "ISC"
+        },
+        "node_modules/postcss": {
+            "version": "8.4.41",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
+            "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.7",
+                "picocolors": "^1.0.1",
+                "source-map-js": "^1.2.0"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "4.21.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.21.0.tgz",
+            "integrity": "sha512-vo+S/lfA2lMS7rZ2Qoubi6I5hwZwzXeUIctILZLbHI+laNtvhhOIon2S1JksA5UEDQ7l3vberd0fxK44lTYjbQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "1.0.5"
+            },
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=18.0.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "@rollup/rollup-android-arm-eabi": "4.21.0",
+                "@rollup/rollup-android-arm64": "4.21.0",
+                "@rollup/rollup-darwin-arm64": "4.21.0",
+                "@rollup/rollup-darwin-x64": "4.21.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.21.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.21.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.21.0",
+                "@rollup/rollup-linux-arm64-musl": "4.21.0",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.21.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.21.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.21.0",
+                "@rollup/rollup-linux-x64-gnu": "4.21.0",
+                "@rollup/rollup-linux-x64-musl": "4.21.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.21.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.21.0",
+                "@rollup/rollup-win32-x64-msvc": "4.21.0",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/semver": {
+            "version": "7.6.3",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+            "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+            "dev": true,
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+            "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/tailwind-merge": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.2.tgz",
+            "integrity": "sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/dcastil"
+            }
+        },
+        "node_modules/to-fast-properties": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+            "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/typescript": {
+            "version": "5.5.4",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+            "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+            "devOptional": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/undici-types": {
+            "version": "6.19.6",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.6.tgz",
+            "integrity": "sha512-e/vggGopEfTKSvj4ihnOLTsqhrKRN3LeO6qSN/GxohhuRv8qH9bNQ4B8W7e/vFL+0XTnmHPB4/kegunZGA4Org==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/vite": {
+            "version": "5.4.1",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.1.tgz",
+            "integrity": "sha512-1oE6yuNXssjrZdblI9AfBbHCC41nnyoVoEZxQnID6yvQZAFBzxxkqoFLtHUMkYunL8hwOLEjgTuxpkRxvba3kA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "esbuild": "^0.21.3",
+                "postcss": "^8.4.41",
+                "rollup": "^4.13.0"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^18.0.0 || >=20.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.3"
+            },
+            "peerDependencies": {
+                "@types/node": "^18.0.0 || >=20.0.0",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "sass-embedded": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vscode-uri": {
+            "version": "3.0.8",
+            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
+            "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/vue": {
+            "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.38.tgz",
+            "integrity": "sha512-f0ZgN+mZ5KFgVv9wz0f4OgVKukoXtS3nwET4c2vLBGQR50aI8G0cqbFtLlX9Yiyg3LFGBitruPHt2PxwTduJEw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.4.38",
+                "@vue/compiler-sfc": "3.4.38",
+                "@vue/runtime-dom": "3.4.38",
+                "@vue/server-renderer": "3.4.38",
+                "@vue/shared": "3.4.38"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue-tsc": {
+            "version": "2.0.29",
+            "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.0.29.tgz",
+            "integrity": "sha512-MHhsfyxO3mYShZCGYNziSbc63x7cQ5g9kvijV7dRe1TTXBRLxXyL0FnXWpUF1xII2mJ86mwYpYsUmMwkmerq7Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@volar/typescript": "~2.4.0-alpha.18",
+                "@vue/language-core": "2.0.29",
+                "semver": "^7.5.4"
+            },
+            "bin": {
+                "vue-tsc": "bin/vue-tsc.js"
+            },
+            "peerDependencies": {
+                "typescript": ">=5.0.0"
+            }
+        }
+    }
+}
diff --git a/resources/js/packages/ui/package.json b/resources/js/packages/ui/package.json
new file mode 100644
index 00000000..8462adfd
--- /dev/null
+++ b/resources/js/packages/ui/package.json
@@ -0,0 +1,46 @@
+{
+    "name": "@solidtime/ui",
+    "version": "0.0.1",
+    "description": "Package containing the solidtime ui components",
+    "main": "./dist/solidtime-ui-lib.umd.cjs",
+    "module": "./dist/solidtime-ui-lib.js",
+    "exports": {
+        ".": {
+            "import": "./dist/solidtime-ui-lib.js",
+            "require": "./dist/solidtime-ui-lib.umd.cjs"
+        },
+        "./style.css": "./dist/style.css"
+    },
+    "types": "./dist/index.d.ts",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build && vue-tsc --emitDeclarationOnly",
+        "types": "vue-tsc ",
+        "preview": "vite preview"
+    },
+    "files": [
+        "dist"
+    ],
+    "keywords": [
+        "solidtime",
+        "timetracker",
+        "timetracking",
+        "api",
+        "client"
+    ],
+    "type": "module",
+    "author": "solidtime",
+    "license": "AGPL-3.0",
+    "dependencies": {
+        "@floating-ui/vue": "^1.1.4",
+        "tailwind-merge": "^2.5.2"
+    },
+    "devDependencies": {
+        "@types/node": "^22.4.1",
+        "@vitejs/plugin-vue": "^5.1.2",
+        "typescript": "^5.5.4",
+        "vite": "^5.4.1",
+        "vue": "^3.4.38",
+        "vue-tsc": "^2.0.29"
+    }
+}
diff --git a/resources/js/Components/Common/Badge.vue b/resources/js/packages/ui/src/Badge.vue
similarity index 100%
rename from resources/js/Components/Common/Badge.vue
rename to resources/js/packages/ui/src/Badge.vue
diff --git a/resources/js/Components/Common/BillableRateModal.vue b/resources/js/packages/ui/src/BillableRateModal.vue
similarity index 91%
rename from resources/js/Components/Common/BillableRateModal.vue
rename to resources/js/packages/ui/src/BillableRateModal.vue
index bf38ae66..7554ceb5 100644
--- a/resources/js/Components/Common/BillableRateModal.vue
+++ b/resources/js/packages/ui/src/BillableRateModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import PrimaryButton from './Buttons/PrimaryButton.vue';
+import DialogModal from './DialogModal.vue';
+import SecondaryButton from './Buttons/SecondaryButton.vue';
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
 
 const show = defineModel('show', { default: false });
diff --git a/resources/js/Components/DangerButton.vue b/resources/js/packages/ui/src/Buttons/DangerButton.vue
similarity index 100%
rename from resources/js/Components/DangerButton.vue
rename to resources/js/packages/ui/src/Buttons/DangerButton.vue
diff --git a/resources/js/Components/PrimaryButton.vue b/resources/js/packages/ui/src/Buttons/PrimaryButton.vue
similarity index 92%
rename from resources/js/Components/PrimaryButton.vue
rename to resources/js/packages/ui/src/Buttons/PrimaryButton.vue
index bde5c492..2aefdb7a 100644
--- a/resources/js/Components/PrimaryButton.vue
+++ b/resources/js/packages/ui/src/Buttons/PrimaryButton.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HtmlButtonType } from '@/types/dom';
-import LoadingSpinner from '@/Components/LoadingSpinner.vue';
+import LoadingSpinner from '../LoadingSpinner.vue';
 
 withDefaults(
     defineProps<{
diff --git a/resources/js/Components/SecondaryButton.vue b/resources/js/packages/ui/src/Buttons/SecondaryButton.vue
similarity index 100%
rename from resources/js/Components/SecondaryButton.vue
rename to resources/js/packages/ui/src/Buttons/SecondaryButton.vue
diff --git a/resources/js/Components/Common/CardTitle.vue b/resources/js/packages/ui/src/CardTitle.vue
similarity index 100%
rename from resources/js/Components/Common/CardTitle.vue
rename to resources/js/packages/ui/src/CardTitle.vue
diff --git a/resources/js/Components/Common/Client/ClientDropdown.vue b/resources/js/packages/ui/src/Client/ClientDropdown.vue
similarity index 96%
rename from resources/js/Components/Common/Client/ClientDropdown.vue
rename to resources/js/packages/ui/src/Client/ClientDropdown.vue
index f38882c1..7506f917 100644
--- a/resources/js/Components/Common/Client/ClientDropdown.vue
+++ b/resources/js/packages/ui/src/Client/ClientDropdown.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { PlusCircleIcon } from '@heroicons/vue/20/solid';
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { type Component, computed, nextTick, ref, watch } from 'vue';
-import ClientDropdownItem from '@/Components/Common/Client/ClientDropdownItem.vue';
-import type { CreateClientBody, Client } from '@/utils/api';
+import ClientDropdownItem from '@/packages/ui/src/Client/ClientDropdownItem.vue';
+import type { CreateClientBody, Client } from '@/packages/api/src';
 
 const model = defineModel<string | null>({
     default: null,
diff --git a/resources/js/Components/Common/Client/ClientDropdownItem.vue b/resources/js/packages/ui/src/Client/ClientDropdownItem.vue
similarity index 100%
rename from resources/js/Components/Common/Client/ClientDropdownItem.vue
rename to resources/js/packages/ui/src/Client/ClientDropdownItem.vue
diff --git a/resources/js/Components/Common/DaySectionHeader.vue b/resources/js/packages/ui/src/DaySectionHeader.vue
similarity index 93%
rename from resources/js/Components/Common/DaySectionHeader.vue
rename to resources/js/packages/ui/src/DaySectionHeader.vue
index 0a69ebdd..d0fbc25a 100644
--- a/resources/js/Components/Common/DaySectionHeader.vue
+++ b/resources/js/packages/ui/src/DaySectionHeader.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
-import { formatDate, formatHumanReadableDate } from '@/utils/time';
+import {
+    formatDate,
+    formatHumanReadableDate,
+} from '@/packages/ui/src/utils/time';
 
 defineProps<{
     date: string;
diff --git a/resources/js/Components/DialogModal.vue b/resources/js/packages/ui/src/DialogModal.vue
similarity index 100%
rename from resources/js/Components/DialogModal.vue
rename to resources/js/packages/ui/src/DialogModal.vue
diff --git a/resources/js/Components/Common/GroupedItemsCountButton.vue b/resources/js/packages/ui/src/GroupedItemsCountButton.vue
similarity index 100%
rename from resources/js/Components/Common/GroupedItemsCountButton.vue
rename to resources/js/packages/ui/src/GroupedItemsCountButton.vue
diff --git a/resources/js/Components/Common/Icons/BillableIcon.vue b/resources/js/packages/ui/src/Icons/BillableIcon.vue
similarity index 100%
rename from resources/js/Components/Common/Icons/BillableIcon.vue
rename to resources/js/packages/ui/src/Icons/BillableIcon.vue
diff --git a/resources/js/Components/Common/BillableRateInput.vue b/resources/js/packages/ui/src/Input/BillableRateInput.vue
similarity index 86%
rename from resources/js/Components/Common/BillableRateInput.vue
rename to resources/js/packages/ui/src/Input/BillableRateInput.vue
index ef29a55d..f48a0175 100644
--- a/resources/js/Components/Common/BillableRateInput.vue
+++ b/resources/js/packages/ui/src/Input/BillableRateInput.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
 import {
     formatCents,
-    getOrganizationCurrencyString,
     getOrganizationCurrencySymbol,
-} from '../../utils/money';
+} from '@/packages/ui/src/utils/money';
 import { ref, watch } from 'vue';
 import { useFocus } from '@vueuse/core';
 
 const props = defineProps<{
     name: string;
     focus?: boolean;
+    currency: string;
 }>();
 
 const model = defineModel<number | null>({
@@ -22,7 +22,7 @@ useFocus(billableRateInput, { initialValue: props.focus });
 
 function cleanUpDecimalValue(value: string) {
     value = value.replace(/,/g, '');
-    value = value.replace(getOrganizationCurrencySymbol(), '');
+    value = value.replace(props.currency, '');
     return value.replace(/\./g, '');
 }
 
@@ -58,8 +58,10 @@ function updateRate(value: string) {
 }
 
 function formatValue(modelValue: number | null) {
-    const formattedValue = formatCents(modelValue ?? 0);
-    return formattedValue.replace(getOrganizationCurrencySymbol(), '').trim();
+    const formattedValue = formatCents(modelValue ?? 0, props.currency);
+    return formattedValue
+        .replace(getOrganizationCurrencySymbol(props.currency), '')
+        .trim();
 }
 
 watch(model, (newValue) => {
@@ -85,7 +87,7 @@ const inputValue = ref(formatValue(model.value));
         <div
             class="absolute top-0 right-0 h-full flex items-center px-4 font-medium pointer-events-none">
             <span>
-                {{ getOrganizationCurrencyString() }}
+                {{ currency }}
             </span>
         </div>
     </div>
diff --git a/resources/js/Components/Common/BillableToggleButton.vue b/resources/js/packages/ui/src/Input/BillableToggleButton.vue
similarity index 95%
rename from resources/js/Components/Common/BillableToggleButton.vue
rename to resources/js/packages/ui/src/Input/BillableToggleButton.vue
index 1a97ea68..a6bd777d 100644
--- a/resources/js/Components/Common/BillableToggleButton.vue
+++ b/resources/js/packages/ui/src/Input/BillableToggleButton.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { twMerge } from 'tailwind-merge';
-import BillableIcon from '@/Components/Common/Icons/BillableIcon.vue';
+import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
 const active = defineModel({ default: false });
 const emit = defineEmits(['changed']);
 function toggleBillable() {
diff --git a/resources/js/Components/Checkbox.vue b/resources/js/packages/ui/src/Input/Checkbox.vue
similarity index 100%
rename from resources/js/Components/Checkbox.vue
rename to resources/js/packages/ui/src/Input/Checkbox.vue
diff --git a/resources/js/Components/Common/DatePicker.vue b/resources/js/packages/ui/src/Input/DatePicker.vue
similarity index 95%
rename from resources/js/Components/Common/DatePicker.vue
rename to resources/js/packages/ui/src/Input/DatePicker.vue
index b24b4565..0d839d88 100644
--- a/resources/js/Components/Common/DatePicker.vue
+++ b/resources/js/packages/ui/src/Input/DatePicker.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue';
-import { getDayJsInstance, getLocalizedDayJs } from '@/utils/time';
+import {
+    getDayJsInstance,
+    getLocalizedDayJs,
+} from '@/packages/ui/src/utils/time';
 import { twMerge } from 'tailwind-merge';
 
 const props = defineProps<{
diff --git a/resources/js/Components/Common/DateRangePicker.vue b/resources/js/packages/ui/src/Input/DateRangePicker.vue
similarity index 88%
rename from resources/js/Components/Common/DateRangePicker.vue
rename to resources/js/packages/ui/src/Input/DateRangePicker.vue
index 5b39535b..6f7a6429 100644
--- a/resources/js/Components/Common/DateRangePicker.vue
+++ b/resources/js/packages/ui/src/Input/DateRangePicker.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { CalendarIcon } from '@heroicons/vue/20/solid';
-import Dropdown from '@/Components/Dropdown.vue';
-import DatePicker from '@/Components/Common/DatePicker.vue';
-import { formatDate } from '../../utils/time';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
+import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
+import { formatDate } from '@/packages/ui/src/utils/time';
 
 const start = defineModel('start', { default: '' });
 const end = defineModel('end', { default: '' });
diff --git a/resources/js/Components/Dropdown.vue b/resources/js/packages/ui/src/Input/Dropdown.vue
similarity index 100%
rename from resources/js/Components/Dropdown.vue
rename to resources/js/packages/ui/src/Input/Dropdown.vue
diff --git a/resources/js/Components/InputError.vue b/resources/js/packages/ui/src/Input/InputError.vue
similarity index 100%
rename from resources/js/Components/InputError.vue
rename to resources/js/packages/ui/src/Input/InputError.vue
diff --git a/resources/js/Components/InputLabel.vue b/resources/js/packages/ui/src/Input/InputLabel.vue
similarity index 100%
rename from resources/js/Components/InputLabel.vue
rename to resources/js/packages/ui/src/Input/InputLabel.vue
diff --git a/resources/js/Components/Common/SelectDropdown.vue b/resources/js/packages/ui/src/Input/SelectDropdown.vue
similarity index 96%
rename from resources/js/Components/Common/SelectDropdown.vue
rename to resources/js/packages/ui/src/Input/SelectDropdown.vue
index e998b87b..9457b494 100644
--- a/resources/js/Components/Common/SelectDropdown.vue
+++ b/resources/js/packages/ui/src/Input/SelectDropdown.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts" generic="T">
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { type Component, computed, ref, watch } from 'vue';
-import SelectDropdownItem from '@/Components/Common/SelectDropdownItem.vue';
+import SelectDropdownItem from '@/packages/ui/src/Input/SelectDropdownItem.vue';
 import { onKeyStroke } from '@vueuse/core';
 import { type Placement } from '@floating-ui/vue';
 
diff --git a/resources/js/Components/Common/SelectDropdownItem.vue b/resources/js/packages/ui/src/Input/SelectDropdownItem.vue
similarity index 100%
rename from resources/js/Components/Common/SelectDropdownItem.vue
rename to resources/js/packages/ui/src/Input/SelectDropdownItem.vue
diff --git a/resources/js/Components/TextInput.vue b/resources/js/packages/ui/src/Input/TextInput.vue
similarity index 100%
rename from resources/js/Components/TextInput.vue
rename to resources/js/packages/ui/src/Input/TextInput.vue
diff --git a/resources/js/Components/Common/TimePicker.vue b/resources/js/packages/ui/src/Input/TimePicker.vue
similarity index 97%
rename from resources/js/Components/Common/TimePicker.vue
rename to resources/js/packages/ui/src/Input/TimePicker.vue
index e18ce234..2652264a 100644
--- a/resources/js/Components/Common/TimePicker.vue
+++ b/resources/js/packages/ui/src/Input/TimePicker.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue';
-import { getDayJsInstance, getLocalizedDayJs } from '@/utils/time';
+import {
+    getDayJsInstance,
+    getLocalizedDayJs,
+} from '@/packages/ui/src/utils/time';
 import { twMerge } from 'tailwind-merge';
 import { useFocus } from '@vueuse/core';
 
diff --git a/resources/js/Components/Common/TimeRangeSelector.vue b/resources/js/packages/ui/src/Input/TimeRangeSelector.vue
similarity index 92%
rename from resources/js/Components/Common/TimeRangeSelector.vue
rename to resources/js/packages/ui/src/Input/TimeRangeSelector.vue
index aa3cc468..273a07a5 100644
--- a/resources/js/Components/Common/TimeRangeSelector.vue
+++ b/resources/js/packages/ui/src/Input/TimeRangeSelector.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { defineProps, ref, watch } from 'vue';
-import TimePicker from '@/Components/Common/TimePicker.vue';
+import TimePicker from '@/packages/ui/src/Input/TimePicker.vue';
 import { useFocusWithin } from '@vueuse/core';
-import DatePicker from '@/Components/Common/DatePicker.vue';
-import { getDayJsInstance, getLocalizedDayJs } from '@/utils/time';
+import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
+import {
+    getDayJsInstance,
+    getLocalizedDayJs,
+} from '@/packages/ui/src/utils/time';
 import dayjs from 'dayjs';
 
 const props = defineProps<{
diff --git a/resources/js/Components/LoadingSpinner.vue b/resources/js/packages/ui/src/LoadingSpinner.vue
similarity index 100%
rename from resources/js/Components/LoadingSpinner.vue
rename to resources/js/packages/ui/src/LoadingSpinner.vue
diff --git a/resources/js/Components/Modal.vue b/resources/js/packages/ui/src/Modal.vue
similarity index 100%
rename from resources/js/Components/Modal.vue
rename to resources/js/packages/ui/src/Modal.vue
diff --git a/resources/js/Components/MoreOptionsDropdown.vue b/resources/js/packages/ui/src/MoreOptionsDropdown.vue
similarity index 95%
rename from resources/js/Components/MoreOptionsDropdown.vue
rename to resources/js/packages/ui/src/MoreOptionsDropdown.vue
index e593a86f..ac82851e 100644
--- a/resources/js/Components/MoreOptionsDropdown.vue
+++ b/resources/js/packages/ui/src/MoreOptionsDropdown.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 
 defineProps<{
     label: string;
diff --git a/resources/js/Components/Common/Project/ProjectBadge.vue b/resources/js/packages/ui/src/Project/ProjectBadge.vue
similarity index 95%
rename from resources/js/Components/Common/Project/ProjectBadge.vue
rename to resources/js/packages/ui/src/Project/ProjectBadge.vue
index 27450417..4dae065b 100644
--- a/resources/js/Components/Common/Project/ProjectBadge.vue
+++ b/resources/js/packages/ui/src/Project/ProjectBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { twMerge } from 'tailwind-merge';
-import Badge from '@/Components/Common/Badge.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 
 const props = withDefaults(
     defineProps<{
diff --git a/resources/js/Components/Common/Project/ProjectBillableRateModal.vue b/resources/js/packages/ui/src/Project/ProjectBillableRateModal.vue
similarity index 82%
rename from resources/js/Components/Common/Project/ProjectBillableRateModal.vue
rename to resources/js/packages/ui/src/Project/ProjectBillableRateModal.vue
index 592ceb04..e1e4f38c 100644
--- a/resources/js/Components/Common/Project/ProjectBillableRateModal.vue
+++ b/resources/js/packages/ui/src/Project/ProjectBillableRateModal.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { formatCents } from '../../../utils/money';
-import BillableRateModal from '@/Components/Common/BillableRateModal.vue';
+import { formatCents } from '@/packages/ui/src/utils/money';
+import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
 
 const show = defineModel('show', { default: false });
 const saving = defineModel('saving', { default: false });
@@ -8,6 +8,7 @@ const saving = defineModel('saving', { default: false });
 defineProps<{
     newBillableRate?: number | null;
     projectName: string;
+    currency: string;
 }>();
 
 defineEmits<{
@@ -25,7 +26,7 @@ defineEmits<{
             The billable rate of {{ projectName }} will be updated to
             <strong>{{
                 newBillableRate
-                    ? formatCents(newBillableRate)
+                    ? formatCents(newBillableRate, currency)
                     : ' the default rate of the organization member'
             }}</strong
             >.
diff --git a/resources/js/Components/Common/Project/ProjectBillableSelect.vue b/resources/js/packages/ui/src/Project/ProjectBillableSelect.vue
similarity index 91%
rename from resources/js/Components/Common/Project/ProjectBillableSelect.vue
rename to resources/js/packages/ui/src/Project/ProjectBillableSelect.vue
index a84bbb77..172d106f 100644
--- a/resources/js/Components/Common/Project/ProjectBillableSelect.vue
+++ b/resources/js/packages/ui/src/Project/ProjectBillableSelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SelectDropdown from '@/Components/Common/SelectDropdown.vue';
-import Badge from '@/Components/Common/Badge.vue';
+import SelectDropdown from '@/packages/ui/src/Input/SelectDropdown.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 import { ChevronDownIcon } from '@heroicons/vue/20/solid';
 import type { BillableKey } from '@/types/projects';
 
diff --git a/resources/js/Components/Common/Project/ProjectColorSelector.vue b/resources/js/packages/ui/src/Project/ProjectColorSelector.vue
similarity index 91%
rename from resources/js/Components/Common/Project/ProjectColorSelector.vue
rename to resources/js/packages/ui/src/Project/ProjectColorSelector.vue
index 24c7d346..c5ebe53d 100644
--- a/resources/js/Components/Common/Project/ProjectColorSelector.vue
+++ b/resources/js/packages/ui/src/Project/ProjectColorSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Dropdown from '@/Components/Dropdown.vue';
-import { colors } from '@/utils/color';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
+import { colors } from '@/packages/ui/src/utils/color';
 
 const model = defineModel<string>({ default: '' });
 </script>
diff --git a/resources/js/Components/Common/Project/ProjectCreateModal.vue b/resources/js/packages/ui/src/Project/ProjectCreateModal.vue
similarity index 82%
rename from resources/js/Components/Common/Project/ProjectCreateModal.vue
rename to resources/js/packages/ui/src/Project/ProjectCreateModal.vue
index 9417b89a..88197f13 100644
--- a/resources/js/Components/Common/Project/ProjectCreateModal.vue
+++ b/resources/js/packages/ui/src/Project/ProjectCreateModal.vue
@@ -1,19 +1,23 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { computed, ref } from 'vue';
-import type { CreateClientBody, CreateProjectBody, Project } from '@/utils/api';
-import { getRandomColor } from '@/utils/color';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import type {
+    CreateClientBody,
+    CreateProjectBody,
+    Project,
+} from '@/packages/api/src';
+import { getRandomColor } from '@/packages/ui/src/utils/color';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
-import ClientDropdown from '@/Components/Common/Client/ClientDropdown.vue';
-import Badge from '@/Components/Common/Badge.vue';
-import ProjectColorSelector from '@/Components/Common/Project/ProjectColorSelector.vue';
+import ClientDropdown from '@/packages/ui/src/Client/ClientDropdown.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
+import ProjectColorSelector from '@/packages/ui/src/Project/ProjectColorSelector.vue';
 import { UserCircleIcon } from '@heroicons/vue/20/solid';
-import InputLabel from '@/Components/InputLabel.vue';
-import ProjectEditBillableSection from '@/Components/Common/Project/ProjectEditBillableSection.vue';
-import type { Client } from '@/utils/api';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import ProjectEditBillableSection from '@/packages/ui/src/Project/ProjectEditBillableSection.vue';
+import type { Client } from '@/packages/api/src';
 
 const show = defineModel('show', { default: false });
 const saving = ref(false);
@@ -22,6 +26,7 @@ const props = defineProps<{
     clients: Client[];
     createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
     createClient: (client: CreateClientBody) => Promise<Client | undefined>;
+    currency: string;
 }>();
 
 const project = ref<CreateProjectBody>({
@@ -115,6 +120,7 @@ const currentClientName = computed(() => {
                 </div>
             </div>
             <ProjectEditBillableSection
+                :currency="currency"
                 v-model:isBillable="project.is_billable"
                 v-model:billableRate="
                     project.billable_rate
diff --git a/resources/js/Components/Common/Project/ProjectDropdownItem.vue b/resources/js/packages/ui/src/Project/ProjectDropdownItem.vue
similarity index 100%
rename from resources/js/Components/Common/Project/ProjectDropdownItem.vue
rename to resources/js/packages/ui/src/Project/ProjectDropdownItem.vue
diff --git a/resources/js/Components/Common/Project/ProjectEditBillableSection.vue b/resources/js/packages/ui/src/Project/ProjectEditBillableSection.vue
similarity index 88%
rename from resources/js/Components/Common/Project/ProjectEditBillableSection.vue
rename to resources/js/packages/ui/src/Project/ProjectEditBillableSection.vue
index ebcebb05..f4ea40e0 100644
--- a/resources/js/Components/Common/Project/ProjectEditBillableSection.vue
+++ b/resources/js/packages/ui/src/Project/ProjectEditBillableSection.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
-import InputLabel from '@/Components/InputLabel.vue';
-import BillableRateInput from '@/Components/Common/BillableRateInput.vue';
-import ProjectBillableSelect from '@/Components/Common/Project/ProjectBillableSelect.vue';
+import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';
+import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
+import ProjectBillableSelect from '@/packages/ui/src/Project/ProjectBillableSelect.vue';
 import { computed, onMounted, ref, watch } from 'vue';
 import type { BillableKey } from '@/types/projects';
 
+defineProps<{
+    currency: string;
+}>();
+
 const billableRateSelect = ref<BillableKey>('non-billable');
 
 const billableRate = defineModel<number | null>('billableRate');
@@ -63,6 +67,7 @@ const emit = defineEmits(['submit']);
             <InputLabel for="billableRate" value="Billable Rate" />
             <BillableRateInput
                 @keydown.enter="emit('submit')"
+                :currency="currency"
                 v-model="billableRate"
                 name="billableRate" />
         </div>
diff --git a/resources/js/Components/Common/Tag/TagBadge.vue b/resources/js/packages/ui/src/Tag/TagBadge.vue
similarity index 94%
rename from resources/js/Components/Common/Tag/TagBadge.vue
rename to resources/js/packages/ui/src/Tag/TagBadge.vue
index db036d85..10be350d 100644
--- a/resources/js/Components/Common/Tag/TagBadge.vue
+++ b/resources/js/packages/ui/src/Tag/TagBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { twMerge } from 'tailwind-merge';
-import Badge from '@/Components/Common/Badge.vue';
+import Badge from '../Badge.vue';
 import { TagIcon } from '@heroicons/vue/20/solid';
 
 const props = withDefaults(
diff --git a/resources/js/Components/Common/Tag/TagCreateModal.vue b/resources/js/packages/ui/src/Tag/TagCreateModal.vue
similarity index 84%
rename from resources/js/Components/Common/Tag/TagCreateModal.vue
rename to resources/js/packages/ui/src/Tag/TagCreateModal.vue
index f3bd8fe0..4bee91ca 100644
--- a/resources/js/Components/Common/Tag/TagCreateModal.vue
+++ b/resources/js/packages/ui/src/Tag/TagCreateModal.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import TextInput from '@/Components/TextInput.vue';
-import SecondaryButton from '@/Components/SecondaryButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
+import TextInput from '@/packages/ui/src/Input/TextInput.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
+import DialogModal from '@/packages/ui/src/DialogModal.vue';
 import { ref } from 'vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
+import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
 import { useFocus } from '@vueuse/core';
-import type { CreateTagBody, Tag } from '@/utils/api';
+import type { CreateTagBody, Tag } from '@/packages/api/src';
 const show = defineModel('show', { default: false });
 const saving = ref(false);
 
diff --git a/resources/js/Components/Common/Tag/TagDropdown.vue b/resources/js/packages/ui/src/Tag/TagDropdown.vue
similarity index 97%
rename from resources/js/Components/Common/Tag/TagDropdown.vue
rename to resources/js/packages/ui/src/Tag/TagDropdown.vue
index eafa7ca6..7f3e0d55 100644
--- a/resources/js/Components/Common/Tag/TagDropdown.vue
+++ b/resources/js/packages/ui/src/Tag/TagDropdown.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { PlusCircleIcon } from '@heroicons/vue/20/solid';
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { type Component, computed, nextTick, ref, watch } from 'vue';
-import TagCreateModal from '@/Components/Common/Tag/TagCreateModal.vue';
+import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
 import MultiselectDropdownItem from '@/Components/Common/MultiselectDropdownItem.vue';
-import type { Tag } from '@/utils/api';
+import type { Tag } from '@/packages/api/src';
 import type { Placement } from '@floating-ui/vue';
 
 const props = withDefaults(
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryAggregateRow.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue
similarity index 86%
rename from resources/js/Components/Common/TimeEntry/TimeEntryAggregateRow.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue
index b22f7906..af7899ca 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryAggregateRow.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import MainContainer from '@/Pages/MainContainer.vue';
-import TimeTrackerStartStop from '@/Components/Common/TimeTrackerStartStop.vue';
+import TimeTrackerStartStop from '../TimeTrackerStartStop.vue';
 import type {
     CreateClientBody,
     CreateProjectBody,
@@ -9,19 +9,19 @@ import type {
     Task,
     TimeEntry,
     Client,
-} from '@/utils/api';
-import TimeEntryDescriptionInput from '@/Components/Common/TimeEntry/TimeEntryDescriptionInput.vue';
-import TimeEntryRowTagDropdown from '@/Components/Common/TimeEntry/TimeEntryRowTagDropdown.vue';
-import TimeEntryMoreOptionsDropdown from '@/Components/Common/TimeEntry/TimeEntryMoreOptionsDropdown.vue';
-import TimeTrackerProjectTaskDropdown from '@/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
-import BillableToggleButton from '@/Components/Common/BillableToggleButton.vue';
+} from '@/packages/api/src';
+import TimeEntryDescriptionInput from '@/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue';
+import TimeEntryRowTagDropdown from '@/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue';
+import TimeEntryMoreOptionsDropdown from '@/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue';
+import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
+import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
 import { ref } from 'vue';
 import {
     formatHumanReadableDuration,
     formatStartEnd,
-} from '../../../utils/time';
-import TimeEntryRow from '@/Components/Common/TimeEntry/TimeEntryRow.vue';
-import GroupedItemsCountButton from '@/Components/Common/GroupedItemsCountButton.vue';
+} from '@/packages/ui/src/utils/time';
+import TimeEntryRow from '@/packages/ui/src/TimeEntry/TimeEntryRow.vue';
+import GroupedItemsCountButton from '@/packages/ui/src/GroupedItemsCountButton.vue';
 import type { TimeEntriesGroupedByType } from '@/types/time-entries';
 
 const props = defineProps<{
@@ -36,6 +36,7 @@ const props = defineProps<{
     onStartStopClick: (timeEntry: TimeEntry) => void;
     updateTimeEntries: (timeEntries: TimeEntry[]) => void;
     deleteTimeEntries: (timeEntries: TimeEntry[]) => void;
+    currency: string;
 }>();
 
 function updateTimeEntryDescription(description: string) {
@@ -100,6 +101,7 @@ const expanded = ref(false);
                         :showBadgeBorder="false"
                         @changed="updateProjectAndTask"
                         :project="timeEntry.project_id"
+                        :currency="currency"
                         :task="
                             timeEntry.task_id
                         "></TimeTrackerProjectTaskDropdown>
@@ -153,9 +155,10 @@ const expanded = ref(false);
                 :createProject
                 :tags="tags"
                 indent
-                :updateTimeEntry="(arg) => updateTimeEntries([arg])"
+                :updateTimeEntry="(arg: TimeEntry) => updateTimeEntries([arg])"
                 :onStartStopClick="() => onStartStopClick(subEntry)"
                 :deleteTimeEntry="() => deleteTimeEntries([subEntry])"
+                :currency="currency"
                 :createTag
                 :key="subEntry.id"
                 v-for="subEntry in timeEntry.timeEntries"
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryDescriptionInput.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue
similarity index 100%
rename from resources/js/Components/Common/TimeEntry/TimeEntryDescriptionInput.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryGroupedTable.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryGroupedTable.vue
similarity index 91%
rename from resources/js/Components/Common/TimeEntry/TimeEntryGroupedTable.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryGroupedTable.vue
index 5175ff11..419f3731 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryGroupedTable.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryGroupedTable.vue
@@ -9,11 +9,14 @@ import type {
     Task,
     TimeEntry,
     Client,
-} from '@/utils/api';
-import { getDayJsInstance, getLocalizedDateFromTimestamp } from '@/utils/time';
-import TimeEntryAggregateRow from '@/Components/Common/TimeEntry/TimeEntryAggregateRow.vue';
-import TimeEntryRowHeading from '@/Components/Common/TimeEntry/TimeEntryRowHeading.vue';
-import TimeEntryRow from '@/Components/Common/TimeEntry/TimeEntryRow.vue';
+} from '@/packages/api/src';
+import {
+    getDayJsInstance,
+    getLocalizedDateFromTimestamp,
+} from '@/packages/ui/src/utils/time';
+import TimeEntryAggregateRow from '@/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue';
+import TimeEntryRowHeading from '@/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue';
+import TimeEntryRow from '@/packages/ui/src/TimeEntry/TimeEntryRow.vue';
 import dayjs from 'dayjs';
 import type { TimeEntriesGroupedByType } from '@/types/time-entries';
 
@@ -30,6 +33,7 @@ const props = defineProps<{
     createTimeEntry: (entry: Omit<CreateTimeEntryBody, 'member_id'>) => void;
     createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
     createClient: (client: CreateClientBody) => Promise<Client | undefined>;
+    currency: string;
 }>();
 
 const groupedTimeEntries = computed(() => {
@@ -125,6 +129,7 @@ function startTimeEntryFromExisting(entry: TimeEntry) {
                 :updateTimeEntries
                 :deleteTimeEntries
                 :createTag
+                :currency="currency"
                 v-if="'timeEntries' in entry && entry.timeEntries.length > 1"
                 :time-entry="entry"></TimeEntryAggregateRow>
             <TimeEntryRow
@@ -138,6 +143,7 @@ function startTimeEntryFromExisting(entry: TimeEntry) {
                 :updateTimeEntry
                 :onStartStopClick="() => startTimeEntryFromExisting(entry)"
                 :deleteTimeEntry="() => deleteTimeEntries([entry])"
+                :currency="currency"
                 v-else
                 :time-entry="entry"></TimeEntryRow>
         </template>
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryMoreOptionsDropdown.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue
similarity index 90%
rename from resources/js/Components/Common/TimeEntry/TimeEntryMoreOptionsDropdown.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue
index 32465b1d..4c6e6651 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryMoreOptionsDropdown.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { TrashIcon } from '@heroicons/vue/20/solid';
-import MoreOptionsDropdown from '@/Components/MoreOptionsDropdown.vue';
+import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
 
 const emit = defineEmits<{
     delete: [];
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryRangeSelector.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue
similarity index 78%
rename from resources/js/Components/Common/TimeEntry/TimeEntryRangeSelector.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue
index 4bc113d0..271ad0ae 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryRangeSelector.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { defineProps, ref } from 'vue';
-import { formatStartEnd } from '@/utils/time';
-import TimeRangeSelector from '@/Components/Common/TimeRangeSelector.vue';
+import { formatStartEnd } from '@/packages/ui/src/utils/time';
+import TimeRangeSelector from '@/packages/ui/src/Input/TimeRangeSelector.vue';
 
 defineProps<{
     start: string;
@@ -33,7 +33,8 @@ const open = ref(false);
             <template #content>
                 <TimeRangeSelector
                     @changed="
-                        (newStart, newEnd) => emit('changed', newStart, newEnd)
+                        (newStart: string, newEnd: string) =>
+                            emit('changed', newStart, newEnd)
                     "
                     focus
                     :start="start"
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryRow.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryRow.vue
similarity index 84%
rename from resources/js/Components/Common/TimeEntry/TimeEntryRow.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryRow.vue
index e8d1f260..2f2a70bc 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryRow.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryRow.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import MainContainer from '@/Pages/MainContainer.vue';
-import TimeTrackerStartStop from '@/Components/Common/TimeTrackerStartStop.vue';
-import TimeEntryRangeSelector from '@/Components/Common/TimeEntry/TimeEntryRangeSelector.vue';
+import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
+import TimeEntryRangeSelector from '@/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue';
 import type {
     Client,
     CreateClientBody,
@@ -10,13 +10,13 @@ import type {
     Tag,
     Task,
     TimeEntry,
-} from '@/utils/api';
-import TimeEntryDescriptionInput from '@/Components/Common/TimeEntry/TimeEntryDescriptionInput.vue';
-import TimeEntryRowTagDropdown from '@/Components/Common/TimeEntry/TimeEntryRowTagDropdown.vue';
-import TimeEntryRowDurationInput from '@/Components/Common/TimeEntry/TimeEntryRowDurationInput.vue';
-import TimeEntryMoreOptionsDropdown from '@/Components/Common/TimeEntry/TimeEntryMoreOptionsDropdown.vue';
-import TimeTrackerProjectTaskDropdown from '@/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
-import BillableToggleButton from '@/Components/Common/BillableToggleButton.vue';
+} from '@/packages/api/src';
+import TimeEntryDescriptionInput from '@/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue';
+import TimeEntryRowTagDropdown from '@/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue';
+import TimeEntryRowDurationInput from '@/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue';
+import TimeEntryMoreOptionsDropdown from '@/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue';
+import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
+import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
 
 const props = defineProps<{
     timeEntry: TimeEntry;
@@ -31,6 +31,7 @@ const props = defineProps<{
     onStartStopClick: () => void;
     deleteTimeEntry: () => void;
     updateTimeEntry: (timeEntry: TimeEntry) => void;
+    currency: string;
 }>();
 
 function updateTimeEntryDescription(description: string) {
@@ -85,6 +86,7 @@ function updateProjectAndTask(projectId: string, taskId: string) {
                         :showBadgeBorder="false"
                         @changed="updateProjectAndTask"
                         :project="timeEntry.project_id"
+                        :currency="currency"
                         :task="
                             timeEntry.task_id
                         "></TimeTrackerProjectTaskDropdown>
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryRowDurationInput.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue
similarity index 94%
rename from resources/js/Components/Common/TimeEntry/TimeEntryRowDurationInput.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue
index 1f809ada..0fc63769 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryRowDurationInput.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
-import { calculateDifference, formatHumanReadableDuration } from '@/utils/time';
+import {
+    calculateDifference,
+    formatHumanReadableDuration,
+} from '@/packages/ui/src/utils/time';
 import { computed, defineProps, ref } from 'vue';
 import parse from 'parse-duration';
 import dayjs from 'dayjs';
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryRowHeading.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
similarity index 84%
rename from resources/js/Components/Common/TimeEntry/TimeEntryRowHeading.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
index fdf871f1..7a42b51d 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryRowHeading.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import DaySectionHeader from '@/Components/Common/DaySectionHeader.vue';
+import DaySectionHeader from '@/packages/ui/src/DaySectionHeader.vue';
 import MainContainer from '@/Pages/MainContainer.vue';
 defineProps<{
     date: string;
diff --git a/resources/js/Components/Common/TimeEntry/TimeEntryRowTagDropdown.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue
similarity index 80%
rename from resources/js/Components/Common/TimeEntry/TimeEntryRowTagDropdown.vue
rename to resources/js/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue
index a8194259..f1ab9926 100644
--- a/resources/js/Components/Common/TimeEntry/TimeEntryRowTagDropdown.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import TagDropdown from '@/Components/Common/Tag/TagDropdown.vue';
+import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
 import { computed } from 'vue';
-import TagBadge from '@/Components/Common/Tag/TagBadge.vue';
-import type { Tag } from '@/utils/api';
+import TagBadge from '@/packages/ui/src/Tag/TagBadge.vue';
+import type { Tag } from '@/packages/api/src';
 
 const props = defineProps<{
     tags: Tag[];
@@ -37,7 +37,7 @@ const timeEntryTags = computed<Tag[]>(() => {
                     size="large"
                     class="border-0"
                     :name="
-                        timeEntryTags.map((tag) => tag.name).join(', ')
+                        timeEntryTags.map((tag: Tag) => tag.name).join(', ')
                     "></TagBadge>
             </button>
         </template>
diff --git a/resources/js/Components/Common/TimeTracker/TimeTrackerControls.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerControls.vue
similarity index 89%
rename from resources/js/Components/Common/TimeTracker/TimeTrackerControls.vue
rename to resources/js/packages/ui/src/TimeTracker/TimeTrackerControls.vue
index bf17c9d8..176cc824 100644
--- a/resources/js/Components/Common/TimeTracker/TimeTrackerControls.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerControls.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import TimeTrackerTagDropdown from '@/Components/Common/TimeTracker/TimeTrackerTagDropdown.vue';
-import TimeTrackerStartStop from '@/Components/Common/TimeTrackerStartStop.vue';
-import TimeTrackerRangeSelector from '@/Components/Common/TimeTracker/TimeTrackerRangeSelector.vue';
-import BillableToggleButton from '@/Components/Common/BillableToggleButton.vue';
-import TimeTrackerProjectTaskDropdown from '@/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
+import TimeTrackerTagDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue';
+import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
+import TimeTrackerRangeSelector from '@/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue';
+import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
+import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
 import type {
     CreateClientBody,
     CreateProjectBody,
@@ -12,7 +12,7 @@ import type {
     Task,
     TimeEntry,
     Client,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { ref, watch } from 'vue';
 import type { Dayjs } from 'dayjs';
 
@@ -32,6 +32,7 @@ const props = defineProps<{
     createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
     createClient: (client: CreateClientBody) => Promise<Client | undefined>;
     isActive: boolean;
+    currency: string;
 }>();
 
 const emit = defineEmits<{
@@ -49,6 +50,7 @@ function updateProject() {
 
 function startTimerIfNotActive() {
     if (!props.isActive) {
+        currentTimeEntry.value.description = tempDescription.value;
         emit('startTimer');
     }
 }
@@ -109,6 +111,7 @@ function updateTimeEntryDescription() {
                         :createClient
                         :clients
                         :createProject
+                        :currency="currency"
                         :projects="projects"
                         :tasks="tasks"
                         @changed="updateProject"
diff --git a/resources/js/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
similarity index 97%
rename from resources/js/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue
rename to resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
index 0382c115..cf717f3a 100644
--- a/resources/js/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
 import { ChevronRightIcon } from '@heroicons/vue/16/solid';
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { type Component, computed, nextTick, ref, watch } from 'vue';
-import ProjectDropdownItem from '@/Components/Common/Project/ProjectDropdownItem.vue';
+import ProjectDropdownItem from '@/packages/ui/src/Project/ProjectDropdownItem.vue';
 import type {
     CreateClientBody,
     CreateProjectBody,
     Project,
     Task,
     Client,
-} from '@/utils/api';
-import ProjectBadge from '@/Components/Common/Project/ProjectBadge.vue';
-import Badge from '@/Components/Common/Badge.vue';
+} from '@/packages/api/src';
+import ProjectBadge from '@/packages/ui/src/Project/ProjectBadge.vue';
+import Badge from '@/packages/ui/src/Badge.vue';
 import { PlusIcon, PlusCircleIcon } from '@heroicons/vue/16/solid';
-import ProjectCreateModal from '@/Components/Common/Project/ProjectCreateModal.vue';
+import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
 
 const task = defineModel<string | null>('task', {
     default: null,
@@ -54,6 +54,7 @@ const props = withDefaults(
             project: CreateProjectBody
         ) => Promise<Project | undefined>;
         createClient: (client: CreateClientBody) => Promise<Client | undefined>;
+        currency: string;
     }>(),
     {
         showBadgeBorder: true,
@@ -423,6 +424,7 @@ const showCreateProject = ref(false);
     </Dropdown>
     <ProjectCreateModal
         :createClient
+        :currency="currency"
         :clients="clients"
         :createProject
         v-model:show="showCreateProject"></ProjectCreateModal>
diff --git a/resources/js/Components/Common/TimeTracker/TimeTrackerRangeSelector.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
similarity index 94%
rename from resources/js/Components/Common/TimeTracker/TimeTrackerRangeSelector.vue
rename to resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
index 45d9e181..ab3e54dd 100644
--- a/resources/js/Components/Common/TimeTracker/TimeTrackerRangeSelector.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import Dropdown from '@/Components/Dropdown.vue';
+import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
 import { computed, ref } from 'vue';
-import TimeRangeSelector from '@/Components/Common/TimeRangeSelector.vue';
+import TimeRangeSelector from '@/packages/ui/src/Input/TimeRangeSelector.vue';
 import dayjs, { Dayjs } from 'dayjs';
 import parse from 'parse-duration';
-import { formatDuration, getDayJsInstance } from '@/utils/time';
-import type { TimeEntry } from '@/utils/api';
+import { formatDuration, getDayJsInstance } from '@/packages/ui/src/utils/time';
+import type { TimeEntry } from '@/packages/api/src';
 
 const currentTimeEntry = defineModel<TimeEntry>('currentTimeEntry', {
     required: true,
diff --git a/resources/js/Components/Common/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue
similarity index 90%
rename from resources/js/Components/Common/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue
rename to resources/js/packages/ui/src/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue
index 995f3747..22f78e63 100644
--- a/resources/js/Components/Common/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import SecondaryButton from '@/Components/SecondaryButton.vue';
+import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 
 defineEmits<{
     switchOrganization: [];
diff --git a/resources/js/Components/Common/TimeTracker/TimeTrackerTagDropdown.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue
similarity index 93%
rename from resources/js/Components/Common/TimeTracker/TimeTrackerTagDropdown.vue
rename to resources/js/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue
index 41fbaf94..e2f22b43 100644
--- a/resources/js/Components/Common/TimeTracker/TimeTrackerTagDropdown.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import TagDropdown from '@/Components/Common/Tag/TagDropdown.vue';
+import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
 import { twMerge } from 'tailwind-merge';
 import { TagIcon } from '@heroicons/vue/20/solid';
 import { computed } from 'vue';
-import type { Tag } from '@/utils/api';
+import type { Tag } from '@/packages/api/src';
 
 const emit = defineEmits<{
     changed: [];
diff --git a/resources/js/Components/Common/TimeTrackerStartStop.vue b/resources/js/packages/ui/src/TimeTrackerStartStop.vue
similarity index 100%
rename from resources/js/Components/Common/TimeTrackerStartStop.vue
rename to resources/js/packages/ui/src/TimeTrackerStartStop.vue
diff --git a/resources/js/packages/ui/src/index.ts b/resources/js/packages/ui/src/index.ts
new file mode 100644
index 00000000..779c0b42
--- /dev/null
+++ b/resources/js/packages/ui/src/index.ts
@@ -0,0 +1,68 @@
+declare global {
+    interface Window {
+        getWeekStartSetting: () => string;
+        getTimezoneSetting: () => string;
+    }
+}
+
+export * from './utils/money';
+export * from './utils/color';
+export * from './utils/random';
+export * from './utils/time';
+
+export * from './Badge.vue';
+export * from './BillableRateModal.vue';
+export * from './CardTitle.vue';
+export * from './DaySectionHeader.vue';
+export * from './DialogModal.vue';
+export * from './GroupedItemsCountButton.vue';
+export * from './LoadingSpinner.vue';
+export * from './Modal.vue';
+export * from './TimeTrackerStartStop.vue';
+
+export * from './TimeTracker/TimeTrackerControls.vue';
+export * from './TimeTracker/TimeTrackerProjectTaskDropdown.vue';
+export * from './TimeTracker/TimeTrackerRangeSelector.vue';
+export * from './TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue';
+export * from './TimeTracker/TimeTrackerTagDropdown.vue';
+
+export * from './TimeEntry/TimeEntryAggregateRow.vue';
+export * from './TimeEntry/TimeEntryDescriptionInput.vue';
+export * from './TimeEntry/TimeEntryGroupedTable.vue';
+export * from './TimeEntry/TimeEntryMoreOptionsDropdown.vue';
+export * from './TimeEntry/TimeEntryRangeSelector.vue';
+export * from './TimeEntry/TimeEntryRow.vue';
+export * from './TimeEntry/TimeEntryRowDurationInput.vue';
+export * from './TimeEntry/TimeEntryRowHeading.vue';
+export * from './TimeEntry/TimeEntryRowTagDropdown.vue';
+
+export * from './Tag/TagBadge.vue';
+export * from './Tag/TagCreateModal.vue';
+export * from './Tag/TagDropdown.vue';
+
+export * from './Project/ProjectBadge.vue';
+export * from './Project/ProjectBillableRateModal.vue';
+export * from './Project/ProjectBillableSelect.vue';
+export * from './Project/ProjectColorSelector.vue';
+export * from './Project/ProjectCreateModal.vue';
+
+export * from './Input/BillableRateInput.vue';
+export * from './Input/BillableToggleButton.vue';
+export * from './Input/Checkbox.vue';
+export * from './Input/DatePicker.vue';
+export * from './Input/DateRangePicker.vue';
+export * from './Input/Dropdown.vue';
+export * from './Input/InputError.vue';
+export * from './Input/InputLabel.vue';
+export * from './Input/SelectDropdown.vue';
+export * from './Input/SelectDropdownItem.vue';
+export * from './Input/TextInput.vue';
+
+export * from './Icons/BillableIcon.vue';
+
+export * from './Client/ClientDropdown.vue';
+export * from './Client/ClientDropdownItem.vue';
+
+export * from './Buttons/DangerButton.vue';
+export * from './Buttons/PrimaryButton.vue';
+export * from './Buttons/SecondaryButton.vue';
diff --git a/resources/js/utils/color.ts b/resources/js/packages/ui/src/utils/color.ts
similarity index 91%
rename from resources/js/utils/color.ts
rename to resources/js/packages/ui/src/utils/color.ts
index 73fd9f65..74fc5fcd 100644
--- a/resources/js/utils/color.ts
+++ b/resources/js/packages/ui/src/utils/color.ts
@@ -1,4 +1,4 @@
-import Prando from '@/utils/random';
+import Prando from '@/packages/ui/src/utils/random';
 
 export const colors = [
     '#ef5350',
diff --git a/resources/js/packages/ui/src/utils/money.ts b/resources/js/packages/ui/src/utils/money.ts
new file mode 100644
index 00000000..a7e01203
--- /dev/null
+++ b/resources/js/packages/ui/src/utils/money.ts
@@ -0,0 +1,22 @@
+function formatMoney(amount: number, currency: string) {
+    return new Intl.NumberFormat('de-DE', {
+        style: 'currency',
+        currency: currency,
+    }).format(amount);
+}
+
+export function formatCents(amount: number, currency: string) {
+    return formatMoney(amount / 100, currency);
+}
+
+export function getOrganizationCurrencySymbol(currency: string) {
+    return (0)
+        .toLocaleString('de-DE', {
+            style: 'currency',
+            currency: currency,
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0,
+        })
+        .replace(/\d/g, '')
+        .trim();
+}
diff --git a/resources/js/utils/random.ts b/resources/js/packages/ui/src/utils/random.ts
similarity index 100%
rename from resources/js/utils/random.ts
rename to resources/js/packages/ui/src/utils/random.ts
diff --git a/resources/js/utils/time.ts b/resources/js/packages/ui/src/utils/time.ts
similarity index 100%
rename from resources/js/utils/time.ts
rename to resources/js/packages/ui/src/utils/time.ts
diff --git a/resources/js/packages/ui/tsconfig.json b/resources/js/packages/ui/tsconfig.json
new file mode 100644
index 00000000..e644c322
--- /dev/null
+++ b/resources/js/packages/ui/tsconfig.json
@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "resolveJsonModule": true,
+        "noImplicitThis": true,
+        "strict": true,
+        "verbatimModuleSyntax": true,
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "skipLibCheck": true,
+        "outDir": "./dist",
+        "rootDir": "../../",
+        "declaration": true,
+        "paths": {
+            "@/*": ["../../*"],
+        }
+    },
+    "include": [
+        "src/**/*.ts"
+    ],
+
+    "exclude": [
+        "./dist",
+        "./node_modules",
+        "./__tests__",
+        "./coverage"
+    ],
+}
diff --git a/resources/js/packages/ui/vite.config.js b/resources/js/packages/ui/vite.config.js
new file mode 100644
index 00000000..c8d5767a
--- /dev/null
+++ b/resources/js/packages/ui/vite.config.js
@@ -0,0 +1,34 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+import vue from '@vitejs/plugin-vue';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [vue()],
+    build: {
+        lib: {
+            // src/indext.ts is where we have exported the component(s)
+            entry: resolve(__dirname, 'src/index.ts'),
+            name: 'SolidTimeUiLib',
+            // the name of the output files when the build is run
+            fileName: 'solidtime-ui-lib',
+        },
+        rollupOptions: {
+            // make sure to externalize deps that shouldn't be bundled
+            // into your library
+            external: ['vue'],
+            output: {
+                // Provide global variables to use in the UMD build
+                // for externalized deps
+                globals: {
+                    vue: 'Vue',
+                },
+            },
+        },
+    },
+    resolve: {
+        alias: {
+            '@': resolve('../../'),
+        },
+    },
+});
diff --git a/resources/js/types/dom.d.ts b/resources/js/types/dom.d.ts
new file mode 100644
index 00000000..7074f402
--- /dev/null
+++ b/resources/js/types/dom.d.ts
@@ -0,0 +1 @@
+export type HtmlButtonType = 'button' | 'submit' | 'reset';
diff --git a/resources/js/types/models.d.ts b/resources/js/types/models.d.ts
new file mode 100644
index 00000000..6ae380e6
--- /dev/null
+++ b/resources/js/types/models.d.ts
@@ -0,0 +1,88 @@
+export interface Client {
+    id: string;
+    name: string;
+    organization_id: string;
+    created_at: string | null;
+    updated_at: string | null;
+    organization: Organization;
+}
+export interface Membership {
+    id: string;
+    organization_id: string;
+    user_id: string;
+    role: string | null;
+    created_at: string | null;
+    updated_at: string | null;
+}
+export interface Organization {
+    id: string;
+    user_id: string;
+    name: string;
+    personal_team: boolean;
+    currency: string;
+    created_at: string | null;
+    updated_at: string | null;
+    owner: User;
+    users: User[];
+    team_invitations: OrganizationInvitation[];
+}
+export interface OrganizationInvitation {
+    id: string;
+    organization_id: string;
+    email: string;
+    role: string | null;
+    created_at: string | null;
+    updated_at: string | null;
+    organization: Organization;
+    team: Organization;
+}
+export interface Project {
+    id: string;
+    name: string;
+    color: string;
+    client_id: string | null;
+    organization_id: string;
+    created_at: string | null;
+    updated_at: string | null;
+    organization: Organization;
+    client: Client;
+    tasks: Task[];
+}
+export interface Task {
+    id: string;
+    name: string;
+    project_id: string;
+    organization_id: string;
+    created_at: string | null;
+    updated_at: string | null;
+    project: Project;
+    organization: Organization;
+}
+type OrganizationWithMembership = Organization & {
+    membership: Membership;
+};
+export interface User {
+    id: string;
+    name: string;
+    email: string;
+    email_verified_at: string | null;
+    password?: string;
+    remember_token?: string | null;
+    current_team_id: string | null;
+    profile_photo_path: string | null;
+    created_at: string | null;
+    updated_at: string | null;
+    two_factor_secret?: string | null;
+    two_factor_recovery_codes?: string | null;
+    two_factor_confirmed_at: string | null;
+    timezone: string;
+    week_start: string;
+    profile_photo_url: string;
+    organizations: Organization[];
+    clients: Client[];
+    current_team: Organization;
+    all_teams: OrganizationWithMembership[];
+    owned_teams: Organization[];
+    teams: Organization[];
+}
+export {};
diff --git a/resources/js/types/time-entries.d.ts b/resources/js/types/time-entries.d.ts
index 9d5a19d0..a24c5dd6 100644
--- a/resources/js/types/time-entries.d.ts
+++ b/resources/js/types/time-entries.d.ts
@@ -1,3 +1,3 @@
-import type { TimeEntry } from '@/utils/api';
+import type { TimeEntry } from '@/packages/api/src';
 
 export type TimeEntriesGroupedByType = TimeEntry & { timeEntries: TimeEntry[] };
diff --git a/resources/js/utils/money.ts b/resources/js/utils/money.ts
index a3bc0e7c..bb30076a 100644
--- a/resources/js/utils/money.ts
+++ b/resources/js/utils/money.ts
@@ -10,32 +10,6 @@ const page = usePage<{
     };
 }>();
 
-function formatMoney(
-    amount: number,
-    currency: string = getOrganizationCurrencyString()
-) {
-    return new Intl.NumberFormat('de-DE', {
-        style: 'currency',
-        currency: currency,
-    }).format(amount);
-}
-
-export function formatCents(amount: number) {
-    return formatMoney(amount / 100);
-}
-
 export function getOrganizationCurrencyString() {
     return page.props?.auth?.user?.current_team?.currency ?? 'EUR';
 }
-
-export function getOrganizationCurrencySymbol() {
-    return (0)
-        .toLocaleString('de-DE', {
-            style: 'currency',
-            currency: getOrganizationCurrencyString(),
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 0,
-        })
-        .replace(/\d/g, '')
-        .trim();
-}
diff --git a/resources/js/utils/notification.ts b/resources/js/utils/notification.ts
index 720592c7..ccea4409 100644
--- a/resources/js/utils/notification.ts
+++ b/resources/js/utils/notification.ts
@@ -2,7 +2,7 @@ import { defineStore } from 'pinia';
 import { ref } from 'vue';
 import axios from 'axios';
 import { router } from '@inertiajs/vue3';
-import { fetchToken } from '@/utils/api';
+import { fetchToken } from '@/utils/session';
 
 export type NotificationType = 'success' | 'error';
 
diff --git a/resources/js/utils/session.ts b/resources/js/utils/session.ts
new file mode 100644
index 00000000..ec0d52c5
--- /dev/null
+++ b/resources/js/utils/session.ts
@@ -0,0 +1,15 @@
+import { router } from '@inertiajs/vue3';
+
+export async function fetchToken() {
+    return new Promise((resolve) => {
+        router.reload({
+            only: [],
+            onFinish: () => {
+                resolve(null);
+            },
+        });
+    });
+}
+export function isTokenValid() {
+    return window.document.cookie.includes('XSRF-TOKEN');
+}
diff --git a/resources/js/utils/useClients.ts b/resources/js/utils/useClients.ts
index 538d865b..48664632 100644
--- a/resources/js/utils/useClients.ts
+++ b/resources/js/utils/useClients.ts
@@ -1,12 +1,12 @@
 import { defineStore } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import type {
     CreateClientBody,
     ClientIndexResponse,
     Client,
     UpdateClientBody,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/js/utils/useCurrentTimeEntry.ts b/resources/js/utils/useCurrentTimeEntry.ts
index 28a54051..10b8f5fc 100644
--- a/resources/js/utils/useCurrentTimeEntry.ts
+++ b/resources/js/utils/useCurrentTimeEntry.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
 import { computed, reactive, ref } from 'vue';
-import { api } from '@/utils/api';
-import type { TimeEntry } from '@/utils/api';
+import { api } from '@/packages/api/src';
+import type { TimeEntry } from '@/packages/api/src';
 import dayjs, { Dayjs } from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import {
diff --git a/resources/js/utils/useInvitations.ts b/resources/js/utils/useInvitations.ts
index 6733ab8b..dfefda73 100644
--- a/resources/js/utils/useInvitations.ts
+++ b/resources/js/utils/useInvitations.ts
@@ -1,11 +1,11 @@
 import { defineStore } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import type {
     InvitationsIndexResponse,
     CreateInvitationBody,
     Invitation,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/js/utils/useMembers.ts b/resources/js/utils/useMembers.ts
index a2923fdf..14d95a9f 100644
--- a/resources/js/utils/useMembers.ts
+++ b/resources/js/utils/useMembers.ts
@@ -1,11 +1,11 @@
 import { defineStore } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import type {
     Member,
     MemberIndexResponse,
     UpdateMemberBody,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/js/utils/useOrganization.ts b/resources/js/utils/useOrganization.ts
index 05301f01..33b40e90 100644
--- a/resources/js/utils/useOrganization.ts
+++ b/resources/js/utils/useOrganization.ts
@@ -6,10 +6,10 @@ import type {
     Organization,
     OrganizationResponse,
     UpdateOrganizationBody,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { useNotificationsStore } from '@/utils/notification';
 import { getCurrentOrganizationId } from '@/utils/useUser';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 
 export function switchOrganization(organizationId: string) {
     router.put(
diff --git a/resources/js/utils/useProjectMembers.ts b/resources/js/utils/useProjectMembers.ts
index 9d98a2ed..ac4614bf 100644
--- a/resources/js/utils/useProjectMembers.ts
+++ b/resources/js/utils/useProjectMembers.ts
@@ -1,12 +1,12 @@
 import { defineStore } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import type {
     CreateProjectMemberBody,
     ProjectMember,
     ProjectMemberResponse,
     UpdateProjectMemberBody,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/js/utils/useProjects.ts b/resources/js/utils/useProjects.ts
index b800ca59..0d152956 100644
--- a/resources/js/utils/useProjects.ts
+++ b/resources/js/utils/useProjects.ts
@@ -1,12 +1,12 @@
 import { defineStore } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { computed, ref } from 'vue';
 import type {
     CreateProjectBody,
     Project,
     ProjectResponse,
     UpdateProjectBody,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/js/utils/useReporting.ts b/resources/js/utils/useReporting.ts
index 3ed99f00..8fdfc653 100644
--- a/resources/js/utils/useReporting.ts
+++ b/resources/js/utils/useReporting.ts
@@ -1,11 +1,11 @@
 import { defineStore, storeToRefs } from 'pinia';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { type Component, computed, ref } from 'vue';
 import type {
     AggregatedTimeEntries,
     AggregatedTimeEntriesQueryParams,
     ReportingResponse,
-} from '@/utils/api';
+} from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 import { useProjectsStore } from '@/utils/useProjects';
@@ -18,7 +18,7 @@ import {
     UserGroupIcon,
 } from '@heroicons/vue/20/solid';
 import { FolderIcon } from '@heroicons/vue/16/solid';
-import BillableIcon from '@/Components/Common/Icons/BillableIcon.vue';
+import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
 
 export type GroupingOption =
     | 'project'
diff --git a/resources/js/utils/useTags.ts b/resources/js/utils/useTags.ts
index f8077362..18fc1689 100644
--- a/resources/js/utils/useTags.ts
+++ b/resources/js/utils/useTags.ts
@@ -1,8 +1,8 @@
 import { defineStore } from 'pinia';
 import { ref } from 'vue';
-import type { Tag } from '@/utils/api';
+import type { Tag } from '@/packages/api/src';
 import { getCurrentOrganizationId } from '@/utils/useUser';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { useNotificationsStore } from '@/utils/notification';
 
 export const useTagsStore = defineStore('tags', () => {
diff --git a/resources/js/utils/useTasks.ts b/resources/js/utils/useTasks.ts
index 11ee0650..f0c9267a 100644
--- a/resources/js/utils/useTasks.ts
+++ b/resources/js/utils/useTasks.ts
@@ -1,8 +1,8 @@
 import { defineStore } from 'pinia';
 import { getCurrentOrganizationId } from '@/utils/useUser';
-import { api } from '@/utils/api';
+import { api } from '@/packages/api/src';
 import { reactive, ref } from 'vue';
-import type { CreateTaskBody, Task, UpdateTaskBody } from '@/utils/api';
+import type { CreateTaskBody, Task, UpdateTaskBody } from '@/packages/api/src';
 import { useNotificationsStore } from '@/utils/notification';
 
 export const useTasksStore = defineStore('tasks', () => {
diff --git a/resources/js/utils/useTimeEntries.ts b/resources/js/utils/useTimeEntries.ts
index 9b9c6da9..d709914d 100644
--- a/resources/js/utils/useTimeEntries.ts
+++ b/resources/js/utils/useTimeEntries.ts
@@ -5,7 +5,11 @@ import {
 } from '@/utils/useUser';
 
 import { reactive, ref } from 'vue';
-import { api, type CreateTimeEntryBody, type TimeEntry } from '@/utils/api';
+import {
+    api,
+    type CreateTimeEntryBody,
+    type TimeEntry,
+} from '@/packages/api/src';
 import dayjs from 'dayjs';
 import { useNotificationsStore } from '@/utils/notification';
 
diff --git a/resources/views/vendor/passport/authorize.blade.php b/resources/views/vendor/passport/authorize.blade.php
index 33849db8..50efc5ad 100644
--- a/resources/views/vendor/passport/authorize.blade.php
+++ b/resources/views/vendor/passport/authorize.blade.php
@@ -53,13 +53,13 @@
         <div class="card card-default">
             <div class="text-base text-muted">
                 <!-- Introduction -->
-                <p class="text-center"><strong class="text-white">{{ $client->name }}</strong> is requesting permission
+                <p class="text-center pb-4"><strong class="text-white">{{ $client->name }}</strong> is requesting permission
                     to access your
                     account.</p>
 
                 <!-- Scope List -->
                 @if (count($scopes) > 0)
-                    <div class="py-4">
+                    <div class="pb-4">
                         <p><strong>This application will be able to:</strong></p>
 
                         <ul class="list-disc pl-5 py-2">
diff --git a/tsconfig.json b/tsconfig.json
index dc1d7529..f222afc7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,7 @@
   "skipLibCheck": true,
   "typeRoots": [
     "./node_modules/@types",
-    "resources/js/types"
+    "resources/js/types",
   ],
   "include": [
     "resources/js/**/*.ts",