move MainContainer Component to ui package and fix types

resources/js/Layouts/AppLayout.vue

@@ -18,7 +18,7 @@ import {
 } from '@heroicons/vue/20/solid';
 import NavigationSidebarItem from '@/Components/NavigationSidebarItem.vue';
 import UserSettingsIcon from '@/Components/UserSettingsIcon.vue';
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import { onMounted, ref } from 'vue';
 import NotificationContainer from '@/Components/NotificationContainer.vue';
 import { initializeStores, refreshStores } from '@/utils/init';

resources/js/Pages/Clients.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

resources/js/Pages/Dashboard.vue

@@ -6,7 +6,7 @@ import LastSevenDaysCard from '@/Components/Dashboard/LastSevenDaysCard.vue';
 import TeamActivityCard from '@/Components/Dashboard/TeamActivityCard.vue';
 import ThisWeekOverview from '@/Components/Dashboard/ThisWeekOverview.vue';
 import ActivityGraphCard from '@/Components/Dashboard/ActivityGraphCard.vue';
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import { canViewMembers } from '@/utils/permissions';
 
 const props = defineProps<{

resources/js/Pages/Import.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { ArrowsRightLeftIcon } from '@heroicons/vue/16/solid';
 import PageTitle from '@/Components/Common/PageTitle.vue';

resources/js/Pages/Members.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import { UserGroupIcon } from '@heroicons/vue/20/solid';

resources/js/Pages/ProjectShow.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { FolderIcon, PlusIcon } from '@heroicons/vue/16/solid';
 import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

resources/js/Pages/Projects.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { FolderIcon, PlusIcon } from '@heroicons/vue/16/solid';
 import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

resources/js/Pages/Reporting.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { FolderIcon } from '@heroicons/vue/16/solid';
 import PageTitle from '@/Components/Common/PageTitle.vue';

resources/js/Pages/Tags.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { TagIcon, PlusIcon } from '@heroicons/vue/16/solid';
 import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

resources/js/Pages/Time.vue

@@ -2,7 +2,7 @@
 import AppLayout from '@/Layouts/AppLayout.vue';
 import TimeTracker from '@/Components/TimeTracker.vue';
 import { onMounted, ref, watch } from 'vue';
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import { useTimeEntriesStore } from '@/utils/useTimeEntries';
 import { storeToRefs } from 'pinia';
 import type {

resources/js/packages/ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@solidtime/ui",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "description": "Package containing the solidtime ui components",
     "main": "./dist/solidtime-ui-lib.umd.cjs",
     "module": "./dist/solidtime-ui-lib.js",
@@ -9,6 +9,7 @@
         "url": "git+https://github.com/solidtime-io/solidtime.git",
         "directory": "resources/js/packages/ui"
     },
+    "types": "./dist/packages/ui/src/index.d.ts",
     "exports": {
         ".": {
             "import": "./dist/solidtime-ui-lib.js",
@@ -16,7 +17,6 @@
         },
         "./style.css": "./dist/style.css"
     },
-    "types": "./dist/index.d.ts",
     "scripts": {
         "dev": "vite",
         "build": "vite build && vue-tsc --emitDeclarationOnly",
@@ -37,26 +37,27 @@
     "author": "solidtime",
     "license": "AGPL-3.0",
     "devDependencies": {
+        "@types/node": "^22.4.1",
         "@vitejs/plugin-vue": "^5.1.2",
         "@vue/tsconfig": "^0.5.1",
         "autoprefixer": "^10.4.20",
-        "postcss-import": "^15.1.0",
-        "@types/node": "^22.4.1",
-        "vite": "^5.4.1",
         "postcss": "^8.4.14",
+        "postcss-import": "^15.1.0",
         "postcss-nesting": "^12.1.0",
-        "typescript": "^5.5.4"
+        "typescript": "^5.5.4",
+        "vite": "^5.4.1",
+        "vite-plugin-dts": "^4.0.3"
     },
     "peerDependencies": {
         "@floating-ui/vue": "^1.1.4",
         "@heroicons/vue": "^2.1.5",
         "@vueuse/core": "^10.11.0",
+        "@zodios/core": "^10.9.6",
         "dayjs": "^1.11.13",
         "parse-duration": "^1.1.0",
         "tailwind-merge": "^2.5.2",
         "tailwindcss": "^3.1.0",
         "vue": "^3.4.38",
-        "vue-tsc": "^2.0.29",
+        "vue-tsc": "^2.0.29"
-        "@zodios/core": "^10.9.6"
     }
 }

resources/js/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import TimeTrackerStartStop from '../TimeTrackerStartStop.vue';
 import type {
     CreateClientBody,

resources/js/packages/ui/src/TimeEntry/TimeEntryRow.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
 import TimeEntryRangeSelector from '@/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue';
 import type {

resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import DaySectionHeader from '@/packages/ui/src/DaySectionHeader.vue';
-import MainContainer from '@/Pages/MainContainer.vue';
+import MainContainer from '@/packages/ui/src/MainContainer.vue';
 defineProps<{
     date: string;
 }>();

resources/js/packages/ui/vite.config.js

@@ -1,10 +1,11 @@
 import { defineConfig } from 'vite';
 import { resolve } from 'path';
 import vue from '@vitejs/plugin-vue';
+import dts from "vite-plugin-dts";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue()],
+    plugins: [vue(), dts()],
     build: {
         lib: {
             // src/indext.ts is where we have exported the component(s)