move MainContainer Component to ui package and fix types

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",
-        "@zodios/core": "^10.9.6"
+        "vue-tsc": "^2.0.29"
     }
 }

resources/js/packages/ui/src/MainContainer.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+    <div class="px-3 sm:px-4 lg:px-8 3xl:px-12 mx-auto">
+        <slot></slot>
+    </div>
+</template>
+
+<style scoped></style>

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)