diff --git a/packages/design-system/src/constants.js b/packages/design-system/src/constants.ts
similarity index 100%
rename from packages/design-system/src/constants.js
rename to packages/design-system/src/constants.ts
diff --git a/packages/design-system/types/constants.d.ts b/packages/design-system/types/constants.d.ts
new file mode 100644
index 00000000..47d09e4d
--- /dev/null
+++ b/packages/design-system/types/constants.d.ts
@@ -0,0 +1,161 @@
+export declare const ESLintConfig: {
+    extends: string[];
+};
+
+export declare const TailwindAnimations: {
+    keyframes: {
+        'enter-from-right': {
+            '0%': {
+                transform: string;
+                opacity: number;
+            };
+            '100%': {
+                transform: string;
+                opacity: number;
+            };
+        };
+        'enter-from-left': {
+            '0%': {
+                transform: string;
+                opacity: number;
+            };
+            '100%': {
+                transform: string;
+                opacity: number;
+            };
+        };
+        'exit-to-right': {
+            '0%': {
+                transform: string;
+                opacity: number;
+            };
+            '100%': {
+                transform: string;
+                opacity: number;
+            };
+        };
+        'exit-to-left': {
+            '0%': {
+                transform: string;
+                opacity: number;
+            };
+            '100%': {
+                transform: string;
+                opacity: number;
+            };
+        };
+        'scale-in-content': {
+            '0%': {
+                transform: string;
+                opacity: number;
+            };
+            '100%': {
+                transform: string;
+                opacity: number;
+            };
+        };
+        'scale-out-content': {
+            '0%': {
+                transform: string;
+                opacity: number;
+            };
+            '100%': {
+                transform: string;
+                opacity: number;
+            };
+        };
+        'fade-in': {
+            '0%': {
+                opacity: number;
+            };
+            '100%': {
+                opacity: number;
+            };
+        };
+        'fade-out': {
+            '0%': {
+                opacity: number;
+            };
+            '100%': {
+                opacity: number;
+            };
+        };
+    };
+    animation: {
+        'enter-from-right': string;
+        'enter-from-left': string;
+        'exit-to-right': string;
+        'exit-to-left': string;
+        'scale-in-content': string;
+        'scale-out-content': string;
+        'fade-in': string;
+        'fade-out': string;
+    };
+};
+
+export declare const TailwindBasePlugins: {
+    'postcss-import': {};
+    'tailwindcss/nesting': {};
+    tailwindcss: {};
+    autoprefixer: {};
+};
+
+export declare const TailwindColorsUZH: {
+    'uzh-blue-100': string;
+    'uzh-blue-80': string;
+    'uzh-blue-60': string;
+    'uzh-blue-40': string;
+    'uzh-blue-20': string;
+    'uzh-grey-100': string;
+    'uzh-grey-80': string;
+    'uzh-grey-60': string;
+    'uzh-grey-40': string;
+    'uzh-grey-20': string;
+    'uzh-red-100': string;
+    'uzh-red-80': string;
+    'uzh-red-60': string;
+    'uzh-red-40': string;
+    'uzh-red-20': string;
+    'uzh-yellow-100': string;
+    'uzh-yellow-80': string;
+    'uzh-yellow-60': string;
+    'uzh-yellow-40': string;
+    'uzh-yellow-20': string;
+    'uzh-lightgreen-100': string;
+    'uzh-lightgreen-80': string;
+    'uzh-lightgreen-60': string;
+    'uzh-lightgreen-40': string;
+    'uzh-lightgreen-20': string;
+    'uzh-darkgreen-100': string;
+    'uzh-darkgreen-80': string;
+    'uzh-darkgreen-60': string;
+    'uzh-darkgreen-40': string;
+    'uzh-darkgreen-20': string;
+    'uzh-turqoise-100': string;
+    'uzh-turqoise-80': string;
+    'uzh-turqoise-60': string;
+    'uzh-turqoise-40': string;
+    'uzh-turqoise-20': string;
+};
+
+export declare const TailwindFonts: {
+    sans: string[];
+};
+
+export declare const TailwindProdPlugins: {
+    cssnano?: {} | undefined;
+};
+
+export { }
+
+
+declare namespace Tabs {
+    var Tab: typeof import("@/Tabs").Tab;
+    var TabList: typeof import("@/Tabs").TabList;
+    var TabContent: typeof import("@/Tabs").TabContent;
+}
+
+
+declare namespace Calendar {
+    var displayName: string;
+}
diff --git a/packages/design-system/vite.config.ts b/packages/design-system/vite.config.ts
index 1f114a94..2d737794 100644
--- a/packages/design-system/vite.config.ts
+++ b/packages/design-system/vite.config.ts
@@ -23,6 +23,7 @@ export default defineConfig({
       entry: [
         path.resolve(__dirname, 'src/index.ts'),
         path.resolve(__dirname, 'src/ui/future.ts'),
+        path.resolve(__dirname, 'src/constants.ts'),
       ],
       formats: ['es'],
     },