diff --git a/src/theme/input-menu.ts b/src/theme/input-menu.ts index 534c25414b..09606c33f5 100644 --- a/src/theme/input-menu.ts +++ b/src/theme/input-menu.ts @@ -5,6 +5,8 @@ import input from './input' export default (options: Required) => { 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) => { 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 index 7b098ae383..fb1aa8a298 100644 --- a/src/theme/select.ts +++ b/src/theme/select.ts @@ -6,6 +6,9 @@ import { buttonGroupVariant } from './button-group' export default (options: Required) => { 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) => { itemLabel: 'truncate' }, variants: { + ...buttonGroupVariant, size: { xs: { label: 'p-1 text-[10px]/3 gap-1', @@ -72,13 +76,5 @@ export default (options: Required) => { } } } - }, { - 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)) }