feat: add typing for tailwind config

src/config.ts

@@ -3,5 +3,5 @@ import { preset } from './preset'
 
 export default {
   content: [],
-  presets: [preset],
+  presets: [preset as any],
 } satisfies Config

src/index.ts

@@ -1,9 +1,9 @@
-import type { Config } from 'tailwindcss'
+import type { ShurikenUIConfig } from './schema'
 import { preset, hasPreset } from './preset'
 
 export * from './preset'
 
-export function withShurikenUI(config: Config) {
+export function withShurikenUI(config: ShurikenUIConfig) {
   if (hasPreset(config)) {
     return config
   }

src/plugins/components/accordion/accordion.config.ts

@@ -0,0 +1,62 @@
+export const key = 'accordion' as const
+
+export const defaultConfig = {
+  size: 'full',
+  border: 'muted-200',
+  borderDark: 'muted-700',
+  bg: 'white',
+  bgDark: 'muted-800',
+  detail: {
+    border: 'muted-200',
+    borderDark: 'muted-700',
+  },
+  detailAndDot: {
+    bg: 'muted-200',
+    bgDark: 'muted-700',
+  },
+  detailOpenAndDot: {
+    bg: 'primary-500',
+  },
+  headerInner: {
+    text: 'muted-800',
+    textDark: 'white',
+  },
+  dot: {
+    size: '3',
+    rounded: 'full',
+    duration: '300',
+  },
+  outer: {
+    border: 'muted-200',
+    borderDark: 'muted-700',
+    bg: 'white',
+    bgDark: 'muted-700/60',
+    size: '8',
+    rounded: 'full',
+    duration: '300',
+  },
+  chevronIcon: {
+    size: '4',
+    duration: '300',
+  },
+  plusIcon: {
+    size: '4',
+    duration: '300',
+  },
+  content: {
+    space: '5',
+    font: 'sans',
+    text: 'muted-500',
+    textDark: 'muted-400',
+  },
+  rounded: {
+    default: 'md',
+    smooth: 'lg',
+    curved: 'xl',
+  },
+}
+
+export type AccordionConfig = typeof defaultConfig
+export interface AccordionPluginConfig {
+  [key]: AccordionConfig
+}

src/plugins/components/accordion/accordion.doc.mdx

@@ -1,6 +1,6 @@
 import { Meta, Primary, Controls, Story } from '@storybook/blocks'
 import * as AccordionStories from './accordion.stories'
-import { defaultAccordionConfig } from '.'
+import { defaultConfig } from './accordion.config'
 
 <Meta of={AccordionStories} />
 
@@ -117,7 +117,7 @@ Accordions can have a plus indicator.
 
     <div class="!mt-4">
       <pre >
-        {JSON.stringify(defaultAccordionConfig, null, 2)}
+        {JSON.stringify(defaultConfig, null, 2)}
       </pre>
     </div>
 

src/plugins/components/accordion/index.ts

@@ -1,62 +1,7 @@
 import plugin from 'tailwindcss/plugin'
 import { defu } from 'defu'
 import { type PluginOption, defaultPluginOptions } from '../../options'
-
-export const defaultAccordionConfig = {
-  size: 'full',
-  border: 'muted-200',
-  borderDark: 'muted-700',
-  bg: 'white',
-  bgDark: 'muted-800',
-  detail: {
-    border: 'muted-200',
-    borderDark: 'muted-700',
-  },
-  detailAndDot: {
-    bg: 'muted-200',
-    bgDark: 'muted-700',
-  },
-  detailOpenAndDot: {
-    bg: 'primary-500',
-  },
-  headerInner: {
-    text: 'muted-800',
-    textDark: 'white',
-  },
-  dot: {
-    size: '3',
-    rounded: 'full',
-    duration: '300',
-  },
-  outer: {
-    border: 'muted-200',
-    borderDark: 'muted-700',
-    bg: 'white',
-    bgDark: 'muted-700/60',
-    size: '8',
-    rounded: 'full',
-    duration: '300',
-  },
-  chevronIcon: {
-    size: '4',
-    duration: '300',
-  },
-  plusIcon: {
-    size: '4',
-    duration: '300',
-  },
-  content: {
-    space: '5',
-    font: 'sans',
-    text: 'muted-500',
-    textDark: 'muted-400',
-  },
-  rounded: {
-    default: 'md',
-    smooth: 'lg',
-    curved: 'xl',
-  },
-}
+import { type AccordionConfig, defaultConfig, key } from './accordion.config'
 
 export default plugin.withOptions(
   function (options: PluginOption) {
@@ -67,10 +12,7 @@ export default plugin.withOptions(
     }
 
     return function ({ addComponents, theme }) {
-      const config = theme(
-        'shurikenUi.accordion',
-      ) satisfies typeof defaultAccordionConfig
-
+      const config = theme(`shurikenUi.${key}`) satisfies AccordionConfig
       addComponents({
         [`.${prefix}accordion`]: {
           [`@apply w-${config.size} border-${config.border} dark:border-${config.borderDark} dark:bg-${config.bgDark} block overflow-hidden border bg-${config.bg}`]:
@@ -169,7 +111,7 @@ export default plugin.withOptions(
     return {
       theme: {
         shurikenUi: {
-          accordion: defaultAccordionConfig,
+          [key]: defaultConfig,
         },
       },
     }