chore(theme): clean Select & InputMenu

nuxt · Sep 17, 2024 · ff8eefd · ff8eefd
1 parent 2346f52
commit ff8eefd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/src/theme/input-menu.ts b/src/theme/input-menu.ts
@@ -5,6 +5,8 @@ import input from './input'
 export default (options: Required<ModuleOptions>) => {
   return defuFn({
     slots: {
+      base: () => ['rounded-md', options.theme?.transitions && 'transition-colors'],
+      trailing: 'absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75',
       arrow: 'fill-gray-200 dark:fill-gray-800',
       content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
       viewport: 'divide-y divide-gray-200 dark:divide-gray-800 scroll-py-1',
@@ -26,11 +28,6 @@ export default (options: Required<ModuleOptions>) => {
       tagsItemDelete: ['inline-flex items-center rounded-sm text-gray-400 dark:text-gray-500 hover:text-gray-700 hover:bg-gray-200 dark:hover:text-gray-200 dark:hover:bg-gray-700/50 disabled:pointer-events-none', options.theme?.transitions && 'transition-colors'],
       tagsItemDeleteIcon: '',
       tagsInput: 'border-0 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75'
-    }
-  }, {
-    slots: {
-      base: () => ['rounded-md', options.theme?.transitions && 'transition-colors'],
-      trailing: 'absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75'
     },
     variants: {
       multiple: {

diff --git a/src/theme/select.ts b/src/theme/select.ts
@@ -6,6 +6,9 @@ import { buttonGroupVariant } from './button-group'
 export default (options: Required<ModuleOptions>) => {
   return defuFn({
     slots: {
+      root: () => undefined,
+      base: () => ['relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme?.transitions && 'transition-colors'],
+      value: 'truncate group-data-placeholder:text-current/50',
       arrow: 'fill-gray-200 dark:fill-gray-800',
       content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
       viewport: 'divide-y divide-gray-200 dark:divide-gray-800 scroll-py-1',
@@ -24,6 +27,7 @@ export default (options: Required<ModuleOptions>) => {
       itemLabel: 'truncate'
     },
     variants: {
+      ...buttonGroupVariant,
       size: {
         xs: {
           label: 'p-1 text-[10px]/3 gap-1',
@@ -72,13 +76,5 @@ export default (options: Required<ModuleOptions>) => {
         }
       }
     }
-  }, {
-    slots: {
-      base: () => ['relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme?.transitions && 'transition-colors'],
-      value: 'truncate group-data-placeholder:text-current/50'
-    },
-    variants: {
-      ...buttonGroupVariant
-    }
   }, input(options))
 }