chore: refactor

docs/components/content/ComponentDefaults.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { camelCase, upperFirst } from 'scule'
 import json5 from 'json5'
-import * as config from '#rayui/ui.config'
+import * as config from '#rayui/themes'
 
 const route = useRoute()
 

docs/pages/[...slug].vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { withoutTrailingSlash } from 'ufo'
-import { standard } from '#rayui/ui.config'
+import { standard } from '#rayui/themes'
 
 const route = useRoute()
 

src/runtime/components/elements/Button.vue

@@ -3,7 +3,7 @@ import { twJoin, twMerge } from 'tailwind-merge'
 import { computed, defineComponent, toRef, type PropType } from 'vue'
 import { getNonUndefinedValuesFromObject } from '../../utils'
 import { nuxtLinkProps } from '../../utils/link'
-import { button } from '../../ui.config'
+import { button } from '../../themes'
 import type { ButtonColor, ButtonSize, ButtonVariant, DeepPartial, Strategy } from '../../types/index'
 import { useRayUI } from '#build/imports'
 

src/runtime/components/elements/Kbd.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { computed, defineComponent, toRef, type PropType } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { kbd } from '../../ui.config'
+import { kbd } from '../../themes'
 import type { DeepPartial, KbdSize, Strategy } from '../../types'
 import { useRayUI } from '#build/imports'
 

src/runtime/components/elements/Mark.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { computed, defineComponent, toRef, type PropType } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { mark } from '../../ui.config'
+import { mark } from '../../themes'
 import type { MarkColor, MarkPosition, MarkSize } from '../../types'
 import { useRayUI } from '#build/imports'
 

src/runtime/components/forms/Input.vue

@@ -2,7 +2,7 @@
 import { computed, defineComponent, toRef, type PropType } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
 import defu from 'defu'
-import { input } from '../../ui.config'
+import { input } from '../../themes'
 import type { DeepPartial, InputColor, InputModelModifiers, InputSize, InputType, InputVariant, Strategy } from '../../types/index'
 import { onMounted, ref, useRayUI } from '#build/imports'
 

src/runtime/components/forms/Textarea.vue

@@ -2,7 +2,7 @@
 import { computed, defineComponent, onMounted, ref, toRef, watch, type PropType } from 'vue'
 import { twMerge, twJoin } from 'tailwind-merge'
 import defu from 'defu'
-import { textarea } from '../../ui.config'
+import { textarea } from '../../themes'
 import type { DeepPartial, Strategy, TextareaColor, TextareaModelModifiers, TextareaSize, TextareaVariant } from '../../types'
 import { useRayUI } from '#build/imports'
 

src/runtime/components/forms/Toggle.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { computed, defineComponent, toRef, type PropType } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { toggle } from '../../ui.config'
+import { toggle } from '../../themes'
 import type { DeepPartial, Strategy, ToggleColor, ToggleSize } from '../../types'
 import { useRayUI } from '#build/imports'
 

src/runtime/components/overlays/Message.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { ref, onMounted, defineComponent, type PropType, toRef, computed } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { message } from '../../ui.config'
+import { message } from '../../themes'
 import type { DeepPartial, Message, MessageColor, MessageType, Strategy } from '../../types/index'
 import { useMessage, useRayUI } from '#build/imports'
 

src/runtime/components/overlays/Messages.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { computed, defineComponent, toRef, type PropType } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
-import { messages } from '../../ui.config'
+import { messages } from '../../themes'
 import type { DeepPartial, Message, Strategy } from '../../types/index'
 import { useState } from '#imports'
 import { useRayUI } from '#build/imports'

src/runtime/composables/useMessage.ts

@@ -1,4 +1,4 @@
-import type { Message, MessageType } from '../types/message'
+import type { Message } from '../types/message'
 import { useState } from '#imports'
 
 export const useMessage = () => {

src/runtime/types/button.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from 'nuxt/schema'
-import type { button } from '../ui.config'
+import type { button } from '../themes'
 import type { ExtractDeepObject, NestedKeyOf, ExtractDeepKey } from './utils'
 import type colors from '#ray-colors'
 

src/runtime/types/input.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from 'nuxt/schema'
-import type { input } from '../ui.config'
+import type { input } from '../themes'
 import type { ExtractDeepKey } from './utils'
 import type colors from '#ray-colors'
 

src/runtime/types/kbd.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from 'nuxt/schema'
-import type { kbd } from '../ui.config'
+import type { kbd } from '../themes'
 import type { ExtractDeepKey } from './utils'
 
 export type KbdSize =

src/runtime/types/mark.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema'
-import type { mark } from '../ui.config'
+import type { mark } from '../themes'
 import type { ExtractDeepKey } from './utils'
 import type colors from '#ray-colors'
 

src/runtime/types/message.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from 'nuxt/schema'
-import type { message } from '../ui.config'
+import type { message } from '../themes'
 import type colors from '#ray-colors'
 
 export type MessageType = keyof typeof message.type

src/runtime/types/textarea.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema'
-import type { textarea } from '../ui.config'
+import type { textarea } from '../themes'
 import type { ExtractDeepKey } from './utils'
 import type colors from '#ray-colors'
 

src/runtime/types/toggle.d.ts

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema'
-import type { toggle } from '../ui.config'
+import type { toggle } from '../themes'
 import type { ExtractDeepKey } from './utils'
 import type colors from '#ray-colors'
 

src/tailwind.ts

@@ -49,7 +49,7 @@ export const installTailwind = (
               resolve(runtimePath, 'components/**/*.{vue,mjs,ts}'),
             )},
             ${JSON.stringify(
-              resolve(runtimePath, 'ui.config/**/*.{mjs,js,ts}'),
+              resolve(runtimePath, 'themes/**/*.{mjs,js,ts}'),
             )}
           ],
         },