diff --git a/src/components/Label.vue b/src/components/InputLabel.vue
similarity index 100%
rename from src/components/Label.vue
rename to src/components/InputLabel.vue
diff --git a/src/components/Input.vue b/src/components/TextInput.vue
similarity index 100%
rename from src/components/Input.vue
rename to src/components/TextInput.vue
diff --git a/src/layouts/Authenticated.vue b/src/layouts/AuthenticatedLayout.vue
similarity index 89%
rename from src/layouts/Authenticated.vue
rename to src/layouts/AuthenticatedLayout.vue
index f6035844..15dbb319 100644
--- a/src/layouts/Authenticated.vue
+++ b/src/layouts/AuthenticatedLayout.vue
@@ -1,11 +1,11 @@
 <script setup>
 import { ref, onBeforeMount } from 'vue'
 import { useUsers } from '@/stores/user'
-import BreezeApplicationLogo from '@/components/ApplicationLogo.vue'
-import BreezeDropdown from '@/components/Dropdown.vue'
-import BreezeDropdownLink from '@/components/DropdownLink.vue'
-import BreezeNavLink from '@/components/NavLink.vue'
-import BreezeResponsiveNavLink from '@/components/ResponsiveNavLink.vue'
+import ApplicationLogo from '@/components/ApplicationLogo.vue'
+import Dropdown from '@/components/Dropdown.vue'
+import DropdownLink from '@/components/DropdownLink.vue'
+import NavLink from '@/components/NavLink.vue'
+import ResponsiveNavLink from '@/components/ResponsiveNavLink.vue'
 
 const showingNavigationDropdown = ref(false)
 
@@ -35,7 +35,7 @@ const submitLogout = () => {
                             <!-- Logo -->
                             <div class="shrink-0 flex items-center">
                                 <router-link to="/">
-                                    <BreezeApplicationLogo
+                                    <ApplicationLogo
                                         class="block h-9 w-auto" />
                                 </router-link>
                             </div>
@@ -47,12 +47,12 @@ const submitLogout = () => {
                                     to="/dashboard"
                                     custom
                                     v-slot="{ href, isActive, navigate }">
-                                    <BreezeNavLink
+                                    <NavLink
                                         :href="href"
                                         :active="isActive"
                                         @click="navigate">
                                         Dashboard
-                                    </BreezeNavLink>
+                                    </NavLink>
                                 </router-link>
                             </div>
                         </div>
@@ -60,7 +60,7 @@ const submitLogout = () => {
                         <div class="hidden sm:flex sm:items-center sm:ml-6">
                             <!-- Settings Dropdown -->
                             <div class="ml-3 relative">
-                                <BreezeDropdown align="right" width="48">
+                                <Dropdown align="right" width="48">
                                     <template #trigger>
                                         <span class="inline-flex rounded-md">
                                             <button
@@ -83,12 +83,12 @@ const submitLogout = () => {
                                     </template>
 
                                     <template #content>
-                                        <BreezeDropdownLink
+                                        <DropdownLink
                                             @click="submitLogout">
                                             Log Out
-                                        </BreezeDropdownLink>
+                                        </DropdownLink>
                                     </template>
-                                </BreezeDropdown>
+                                </Dropdown>
                             </div>
                         </div>
 
@@ -143,12 +143,12 @@ const submitLogout = () => {
                             to="/dashboard"
                             custom
                             v-slot="{ href, isActive, navigate }">
-                            <BreezeResponsiveNavLink
+                            <ResponsiveNavLink
                                 :href="href"
                                 :active="isActive"
                                 @click="navigate">
                                 Dashboard
-                            </BreezeResponsiveNavLink>
+                            </ResponsiveNavLink>
                         </router-link>
                     </div>
 
@@ -168,11 +168,11 @@ const submitLogout = () => {
                                 to="/"
                                 custom
                                 v-slot="{ href, navigate }">
-                                <BreezeResponsiveNavLink
+                                <ResponsiveNavLink
                                     :href="href"
                                     @click="navigate">
                                     Log Out
-                                </BreezeResponsiveNavLink>
+                                </ResponsiveNavLink>
                             </router-link>
                         </div>
                     </div>
diff --git a/src/layouts/Guest.vue b/src/layouts/GuestLayout.vue
similarity index 81%
rename from src/layouts/Guest.vue
rename to src/layouts/GuestLayout.vue
index b8c6c48b..de64c63f 100644
--- a/src/layouts/Guest.vue
+++ b/src/layouts/GuestLayout.vue
@@ -1,5 +1,5 @@
 <script setup>
-import BreezeApplicationLogo from '@/components/ApplicationLogo.vue'
+import ApplicationLogo from '@/components/ApplicationLogo.vue'
 </script>
 
 <template>
@@ -7,7 +7,7 @@ import BreezeApplicationLogo from '@/components/ApplicationLogo.vue'
         class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
         <div>
             <router-link to="/">
-                <BreezeApplicationLogo
+                <ApplicationLogo
                     class="w-20 h-20 fill-current text-gray-500" />
             </router-link>
         </div>
diff --git a/src/pages/Dashboard.vue b/src/pages/Dashboard.vue
index 73dc7044..afd5230d 100644
--- a/src/pages/Dashboard.vue
+++ b/src/pages/Dashboard.vue
@@ -1,9 +1,9 @@
 <script setup>
-import BreezeAuthenticatedLayout from '@/layouts/Authenticated.vue'
+import AuthenticatedLayout from '@/layouts/AuthenticatedLayout.vue'
 </script>
 
 <template>
-    <BreezeAuthenticatedLayout>
+    <AuthenticatedLayout>
         <template #header>
             <h2 class="font-semibold text-xl text-gray-800 leading-tight">
                 Dashboard
@@ -19,5 +19,5 @@ import BreezeAuthenticatedLayout from '@/layouts/Authenticated.vue'
                 </div>
             </div>
         </div>
-    </BreezeAuthenticatedLayout>
+    </AuthenticatedLayout>
 </template>
diff --git a/src/pages/auth/ForgotPassword.vue b/src/pages/auth/ForgotPassword.vue
index e979d334..ef800727 100644
--- a/src/pages/auth/ForgotPassword.vue
+++ b/src/pages/auth/ForgotPassword.vue
@@ -1,11 +1,11 @@
 <script setup>
 import { useUsers } from '@/stores/user'
 import { computed, ref } from 'vue'
-import BreezeButton from '@/components/Button.vue'
-import BreezeGuestLayout from '@/layouts/Guest.vue'
-import BreezeInput from '@/components/Input.vue'
-import BreezeLabel from '@/components/Label.vue'
-import BreezeValidationErrors from '@/components/ValidationErrors.vue'
+import PrimaryButton from '@/components/PrimaryButton.vue'
+import GuestLayout from '@/layouts/GuestLayout.vue'
+import TextInput from '@/components/TextInput.vue'
+import InputLabel from '@/components/InputLabel.vue'
+import ValidationErrors from '@/components/ValidationErrors.vue'
 
 const store = useUsers()
 
@@ -29,7 +29,7 @@ const submit = () => {
 </script>
 
 <template>
-    <BreezeGuestLayout>
+    <GuestLayout>
         <div class="mb-4 text-sm text-gray-600">
             Forgot your password? No problem. Just let us know your email
             address and we will email you a password reset link that will allow
@@ -40,12 +40,12 @@ const submit = () => {
             {{ status }}
         </div>
 
-        <BreezeValidationErrors class="mb-4" :errors="errors" />
+        <ValidationErrors class="mb-4" :errors="errors" />
 
         <form @submit.prevent="submit">
             <div>
-                <BreezeLabel for="email" value="Email" />
-                <BreezeInput
+                <InputLabel for="email" value="Email" />
+                <TextInput
                     id="email"
                     type="email"
                     class="mt-1 block w-full"
@@ -56,10 +56,10 @@ const submit = () => {
             </div>
 
             <div class="flex items-center justify-end mt-4">
-                <BreezeButton class="ml-4" :processing="processing">
+                <PrimaryButton class="ml-4" :processing="processing">
                     Email Password Reset Link
-                </BreezeButton>
+                </PrimaryButton>
             </div>
         </form>
-    </BreezeGuestLayout>
+    </GuestLayout>
 </template>
diff --git a/src/pages/auth/Login.vue b/src/pages/auth/Login.vue
index c4adb1d2..165d75f4 100644
--- a/src/pages/auth/Login.vue
+++ b/src/pages/auth/Login.vue
@@ -2,12 +2,12 @@
 import { useRoute } from 'vue-router'
 import { useUsers } from '@/stores/user'
 import { computed, ref } from 'vue'
-import BreezeButton from '@/components/Button.vue'
-import BreezeCheckbox from '@/components/Checkbox.vue'
-import BreezeGuestLayout from '@/layouts/Guest.vue'
-import BreezeInput from '@/components/Input.vue'
-import BreezeLabel from '@/components/Label.vue'
-import BreezeValidationErrors from '@/components/ValidationErrors.vue'
+import PrimaryButton from '@/components/PrimaryButton.vue'
+import Checkbox from '@/components/Checkbox.vue'
+import GuestLayout from '@/layouts/GuestLayout.vue'
+import TextInput from '@/components/TextInput.vue'
+import InputLabel from '@/components/InputLabel.vue'
+import ValidationErrors from '@/components/ValidationErrors.vue'
 
 const route = useRoute()
 
@@ -35,17 +35,17 @@ const submitLogin = () => {
 </script>
 
 <template>
-    <BreezeGuestLayout>
+    <GuestLayout>
         <div v-if="status" class="mb-4 font-medium text-sm text-green-600">
             {{ status }}
         </div>
 
-        <BreezeValidationErrors class="mb-4" :errors="errors" />
+        <ValidationErrors class="mb-4" :errors="errors" />
 
         <form @submit.prevent="submitLogin">
             <div>
-                <BreezeLabel for="email" value="Email" />
-                <BreezeInput
+                <InputLabel for="email" value="Email" />
+                <TextInput
                     id="email"
                     type="email"
                     class="mt-1 block w-full"
@@ -56,8 +56,8 @@ const submitLogin = () => {
             </div>
 
             <div class="mt-4">
-                <BreezeLabel for="password" value="Password" />
-                <BreezeInput
+                <InputLabel for="password" value="Password" />
+                <TextInput
                     id="password"
                     type="password"
                     class="mt-1 block w-full"
@@ -68,7 +68,7 @@ const submitLogin = () => {
 
             <div class="block mt-4">
                 <label class="flex items-center">
-                    <BreezeCheckbox
+                    <Checkbox
                         name="remember"
                         :checked="form.remember"
                         v-model="form.remember" />
@@ -82,10 +82,10 @@ const submitLogin = () => {
                     class="underline text-sm text-gray-600 hover:text-gray-900">
                     Forgot your password?
                 </router-link>
-                <BreezeButton class="ml-4" :processing="processing">
+                <PrimaryButton class="ml-4" :processing="processing">
                     Login
-                </BreezeButton>
+                </PrimaryButton>
             </div>
         </form>
-    </BreezeGuestLayout>
+    </GuestLayout>
 </template>
diff --git a/src/pages/auth/Register.vue b/src/pages/auth/Register.vue
index d5f72933..c4773a87 100644
--- a/src/pages/auth/Register.vue
+++ b/src/pages/auth/Register.vue
@@ -1,11 +1,11 @@
 <script setup>
 import { useUsers } from '@/stores/user'
 import { computed, ref } from 'vue'
-import BreezeButton from '@/components/Button.vue'
-import BreezeGuestLayout from '@/layouts/Guest.vue'
-import BreezeInput from '@/components/Input.vue'
-import BreezeLabel from '@/components/Label.vue'
-import BreezeValidationErrors from '@/components/ValidationErrors.vue'
+import PrimaryButton from '@/components/PrimaryButton.vue'
+import GuestLayout from '@/layouts/GuestLayout.vue'
+import TextInput from '@/components/TextInput.vue'
+import InputLabel from '@/components/InputLabel.vue'
+import ValidationErrors from '@/components/ValidationErrors.vue'
 
 const store = useUsers()
 
@@ -29,13 +29,13 @@ const submitRegister = () => {
 </script>
 
 <template>
-    <BreezeGuestLayout>
-        <BreezeValidationErrors class="mb-4" :errors="errors" />
+    <GuestLayout>
+        <ValidationErrors class="mb-4" :errors="errors" />
 
         <form @submit.prevent="submitRegister">
             <div>
-                <BreezeLabel for="name" value="Name" />
-                <BreezeInput
+                <InputLabel for="name" value="Name" />
+                <TextInput
                     id="name"
                     type="text"
                     class="mt-1 block w-full"
@@ -46,8 +46,8 @@ const submitRegister = () => {
             </div>
 
             <div class="mt-4">
-                <BreezeLabel for="email" value="Email" />
-                <BreezeInput
+                <InputLabel for="email" value="Email" />
+                <TextInput
                     id="email"
                     type="email"
                     class="mt-1 block w-full"
@@ -57,8 +57,8 @@ const submitRegister = () => {
             </div>
 
             <div class="mt-4">
-                <BreezeLabel for="password" value="Password" />
-                <BreezeInput
+                <InputLabel for="password" value="Password" />
+                <TextInput
                     id="password"
                     type="password"
                     class="mt-1 block w-full"
@@ -68,10 +68,10 @@ const submitRegister = () => {
             </div>
 
             <div class="mt-4">
-                <BreezeLabel
+                <InputLabel
                     for="password_confirmation"
                     value="Confirm Password" />
-                <BreezeInput
+                <TextInput
                     id="password_confirmation"
                     type="password"
                     class="mt-1 block w-full"
@@ -87,10 +87,10 @@ const submitRegister = () => {
                     Already registered?
                 </router-link>
 
-                <BreezeButton class="ml-4" :processing="processing">
+                <PrimaryButton class="ml-4" :processing="processing">
                     Register
-                </BreezeButton>
+                </PrimaryButton>
             </div>
         </form>
-    </BreezeGuestLayout>
+    </GuestLayout>
 </template>
diff --git a/src/pages/auth/ResetPassword.vue b/src/pages/auth/ResetPassword.vue
index 10c48166..1ad0297c 100644
--- a/src/pages/auth/ResetPassword.vue
+++ b/src/pages/auth/ResetPassword.vue
@@ -2,11 +2,11 @@
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { useUsers } from '@/stores/user'
-import BreezeButton from '@/components/Button.vue'
-import BreezeGuestLayout from '@/layouts/Guest.vue'
-import BreezeInput from '@/components/Input.vue'
-import BreezeLabel from '@/components/Label.vue'
-import BreezeValidationErrors from '@/components/ValidationErrors.vue'
+import PrimaryButton from '@/components/PrimaryButton.vue'
+import GuestLayout from '@/layouts/GuestLayout.vue'
+import TextInput from '@/components/TextInput.vue'
+import InputLabel from '@/components/InputLabel.vue'
+import ValidationErrors from '@/components/ValidationErrors.vue'
 
 const route = useRoute()
 
@@ -35,13 +35,13 @@ const submit = () => {
 </script>
 
 <template>
-    <BreezeGuestLayout>
-        <BreezeValidationErrors class="mb-4" :errors="errors" />
+    <GuestLayout>
+        <ValidationErrors class="mb-4" :errors="errors" />
 
         <form @submit.prevent="submit">
             <div>
-                <BreezeLabel for="email" value="Email" />
-                <BreezeInput
+                <InputLabel for="email" value="Email" />
+                <TextInput
                     id="email"
                     type="email"
                     class="mt-1 block w-full"
@@ -52,8 +52,8 @@ const submit = () => {
             </div>
 
             <div class="mt-4">
-                <BreezeLabel for="password" value="Password" />
-                <BreezeInput
+                <InputLabel for="password" value="Password" />
+                <TextInput
                     id="password"
                     type="password"
                     class="mt-1 block w-full"
@@ -63,10 +63,10 @@ const submit = () => {
             </div>
 
             <div class="mt-4">
-                <BreezeLabel
+                <InputLabel
                     for="password_confirmation"
                     value="Confirm Password" />
-                <BreezeInput
+                <TextInput
                     id="password_confirmation"
                     type="password"
                     class="mt-1 block w-full"
@@ -76,10 +76,10 @@ const submit = () => {
             </div>
 
             <div class="flex items-center justify-end mt-4">
-                <BreezeButton class="ml-4" :processing="processing">
+                <PrimaryButton class="ml-4" :processing="processing">
                     Reset Password
-                </BreezeButton>
+                </PrimaryButton>
             </div>
         </form>
-    </BreezeGuestLayout>
+    </GuestLayout>
 </template>
diff --git a/src/pages/auth/VerifyEmail.vue b/src/pages/auth/VerifyEmail.vue
index f131e79a..77688e1b 100644
--- a/src/pages/auth/VerifyEmail.vue
+++ b/src/pages/auth/VerifyEmail.vue
@@ -2,8 +2,8 @@
 import { onBeforeMount, computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useUsers } from '@/stores/user'
-import BreezeButton from '@/components/Button.vue'
-import BreezeGuestLayout from '@/layouts/Guest.vue'
+import PrimaryButton from '@/components/PrimaryButton.vue'
+import GuestLayout from '@/layouts/GuestLayout.vue'
 
 const router = useRouter()
 
@@ -31,7 +31,7 @@ const submitLogout = () => {
 </script>
 
 <template>
-    <BreezeGuestLayout>
+    <GuestLayout>
         <div class="mb-4 text-sm text-gray-600">
             Thanks for signing up! Before getting started, could you verify your
             email address by clicking on the link we just emailed to you? If you
@@ -45,9 +45,9 @@ const submitLogout = () => {
 
         <form @submit.prevent="submit">
             <div class="mt-4 flex items-center justify-between">
-                <BreezeButton :processing="processing">
+                <PrimaryButton :processing="processing">
                     Resend Verification Email
-                </BreezeButton>
+                </PrimaryButton>
 
                 <a
                     @click="submitLogout"
@@ -58,5 +58,5 @@ const submitLogout = () => {
                 >
             </div>
         </form>
-    </BreezeGuestLayout>
+    </GuestLayout>
 </template>
diff --git a/src/pages/errors/404.vue b/src/pages/errors/404.vue
index ae818712..6846aac1 100644
--- a/src/pages/errors/404.vue
+++ b/src/pages/errors/404.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useUsers } from '@/stores/user'
-import BreezeApplicationLogo from '@/components/ApplicationLogo.vue'
+import ApplicationLogo from '@/components/ApplicationLogo.vue'
 
 const store = useUsers()
 
@@ -15,7 +15,7 @@ const auth = store.authUser
                 <div
                     class="mx-auto flex items-center justify-center h-12 w-auto">
                     <router-link to="/">
-                        <BreezeApplicationLogo
+                        <ApplicationLogo
                             class="w-20 h-20 fill-current text-gray-500" />
                     </router-link>
                 </div>