Fix theme types

packages/k2-alpine/src/components/button/Button.tsx

@@ -1,6 +1,7 @@
 import React, { type FC, type PropsWithChildren } from 'react'
-import { useTheme, type K2AlpineTheme } from '../../theme/theme'
+import { type K2AlpineTheme } from '../../theme/theme'
 import { Pressable, Text } from '../Primitives'
+import { useTheme } from '../..'
 
 export type Props = {
   onPress: () => void

packages/k2-alpine/src/index.ts

@@ -1,2 +1,3 @@
 export * from './components'
 export * from './theme/ThemeProvider'
+export { useDripsyTheme as useTheme } from 'dripsy'

packages/k2-alpine/src/theme/theme.ts

@@ -1,11 +1,11 @@
-import { makeTheme, useDripsyTheme } from 'dripsy'
+import { makeTheme } from 'dripsy'
 import { darkModeColors, lightModeColors } from './tokens/colors'
 import { text } from './tokens/text'
 import { styles } from './tokens/styles'
 
 export const darkTheme = makeTheme({
   types: {
-    onlyAllowThemeValues: 'never',
+    onlyAllowThemeValues: 'always',
     reactNativeTypesOnly: true
   },
   colors: darkModeColors,
@@ -18,11 +18,13 @@ export const lightTheme = {
   colors: lightModeColors
 }
 
-export type K2AlpineTheme = typeof darkTheme
+export interface K2AlpineTheme {
+  colors: typeof darkModeColors
+  styles: typeof styles
+  text: typeof text
+}
 
 declare module 'dripsy' {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
   interface DripsyCustomTheme extends K2AlpineTheme {}
 }
-
-export { useDripsyTheme as useTheme }

packages/k2-alpine/tsconfig.json

@@ -1,8 +1,5 @@
 {
   "extends": "@avalabs/tsconfig-mobile/base.json",
-  "compilerOptions": {
-    "esModuleInterop": true
-  },
   "include": [
     "**/*.ts",
     "**/*.tsx",