shims.d.ts

import type { AriaAttributes, DOMAttributes } from 'react'

declare module 'react' {
  export declare type UtilityNames =
    | 'p'
    | 'm'
    | 'w'
    | 'h'
    | 'z'
    | 'border'
    | 'grid'
    | 'flex'
    | 'bg'
    | 'text'
    | 'font'
    | 'opacity'
    | 'animate'
    | 'transition'
    | 'transform'
    | 'align'
    | 'justify'
    | 'content'
    | 'pos'
    | 'box'
    | 'overflow'
    | 'underline'
    | 'list'
    | 'gradient'
    | 'divide'
    | 'gap'
    | 'ring'
    | 'icon'
    | 'container'
    | 'space'
    | 'table'
    | 'order'
    | 'place'
    | 'display'
    | 'shadow'
    | 'blend'
    | 'filter'
    | 'backdrop'
    | 'cursor'
    | 'outline'
    | 'select'

  export declare type VariantNames =
    | 'hover'
    | 'active'
    | 'focus'
    | 'enabled'
    | 'dark'
    | 'light'
    | 'sm'
    | 'lg'
    | 'md'
    | 'xl'
    | 'xxl'
    | 'first'
    | 'last'
    | 'child'
    | 'root'
    | 'before'
    | 'after'
    | 'all'

  export declare type AttributifyNames<Prefix extends string = ''> =
    | `${Prefix}${UtilityNames}`
    | `${Prefix}${VariantNames}${Capitalize<UtilityNames>}`
    | `${Prefix}${VariantNames}`
    | `${Prefix}${VariantNames}${Capitalize<VariantNames>}`
    | `${Prefix}${Capitalize<UtilityNames>}`
    | `${Prefix}${Capitalize<VariantNames>}${Capitalize<UtilityNames>}`
    | `${Prefix}${Capitalize<VariantNames>}`
    | `${Prefix}${Capitalize<VariantNames>}${Capitalize<VariantNames>}`

  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T>, Partial<Record<AttributifyNames | keyof HTMLAttributes<T>, string>> {}
}