declare namespace _default {
    function root({ props }: {
        props: any;
    }): {
        class: (string | {
            'shadow-lg': any;
        })[];
    };
    namespace button {
        export function root_1({ parent }: {
            parent: any;
        }): {
            class: (string | {
                'px-2.5 py-1.5 min-w-[2rem]': boolean;
                'px-2 py-1': boolean;
                'px-3 py-2': boolean;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'h-8 w-8 p-0': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'rounded-l-full': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'rounded-md': boolean;
                'rounded-full': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-primary-600 bg-transparent ring-transparent': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white bg-gray-500 ring-1 ring-gray-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-surface-500': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-surface-500 ring-1 ring-gray-500': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'bg-transparent ring-transparent': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'bg-transparent': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-primary-500': boolean;
                'ring-1 ring-primary-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-primary-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-surface-500': boolean;
                'ring-1 ring-surface-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-green-500': boolean;
                'ring-1 ring-green-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-blue-500': boolean;
                'ring-1 ring-blue-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-blue-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 ': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-orange-500': boolean;
                'ring-1 ring-orange-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-orange-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-purple-500': boolean;
                'ring-1 ring-purple-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-purple-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-red-500': boolean;
                'ring-1 ring-red-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-red-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-offset-2': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-primary-500': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-gray-600 hover:ring-gray-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-surface-300/20': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-primary-600 hover:ring-primary-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-primary-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-surface-600 hover:ring-surface-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-surface-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-green-600 hover:ring-green-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-green-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-green-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-blue-600 hover:ring-blue-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-blue-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-blue-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-orange-600 hover:ring-orange-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-orange-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-orange-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-purple-600 hover:ring-purple-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-purple-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-purple-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-red-600 hover:ring-red-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-red-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-red-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
            })[];
        };
        export { root_1 as root };
        export namespace icon {
            let _class: string[];
            export { _class as class };
        }
    }
    namespace menubutton {
        export function root_2({ parent }: {
            parent: any;
        }): {
            class: (string | {
                'px-2.5 py-1.5 min-w-[2rem]': boolean;
                'px-2 py-1': boolean;
                'px-3 py-2': boolean;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'h-8 w-8 p-0': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'rounded-l-full': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'rounded-md': boolean;
                'rounded-full': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-primary-600 bg-transparent ring-transparent': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white bg-gray-500 ring-1 ring-gray-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-surface-500': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-surface-500 ring-1 ring-gray-500': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'bg-transparent ring-transparent': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'bg-transparent': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-primary-500': boolean;
                'ring-1 ring-primary-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-primary-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-surface-500': boolean;
                'ring-1 ring-surface-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-green-500': boolean;
                'ring-1 ring-green-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-blue-500': boolean;
                'ring-1 ring-blue-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-blue-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 ': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-orange-500': boolean;
                'ring-1 ring-orange-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-orange-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-purple-500': boolean;
                'ring-1 ring-purple-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-purple-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-white': boolean;
                'bg-red-500': boolean;
                'ring-1 ring-red-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-red-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-offset-2': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-primary-500': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-gray-600 hover:ring-gray-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-surface-300/20': any;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-primary-600 hover:ring-primary-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-primary-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-surface-600 hover:ring-surface-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-surface-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-green-600 hover:ring-green-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-green-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-green-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-blue-600 hover:ring-blue-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-blue-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-blue-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-orange-600 hover:ring-orange-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-orange-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-orange-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-purple-600 hover:ring-purple-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-purple-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-purple-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-red-600 hover:ring-red-600': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'focus:ring-red-500'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'focus:ring-red-500': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'hover:bg-red-300/20'?: undefined;
            } | {
                'hover:bg-red-300/20': boolean;
                'px-2.5 py-1.5 min-w-[2rem]'?: undefined;
                'px-2 py-1'?: undefined;
                'px-3 py-2'?: undefined;
                'h-8 w-8 p-0'?: undefined;
                'rounded-l-full'?: undefined;
                'rounded-md'?: undefined;
                'rounded-full'?: undefined;
                'text-primary-600 bg-transparent ring-transparent'?: undefined;
                'text-white bg-gray-500 ring-1 ring-gray-500'?: undefined;
                'text-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-gray-500'?: undefined;
                'bg-transparent ring-transparent'?: undefined;
                'bg-transparent'?: undefined;
                'text-white'?: undefined;
                'bg-primary-500'?: undefined;
                'ring-1 ring-primary-500'?: undefined;
                'text-primary-500'?: undefined;
                'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-300/20'?: undefined;
                'bg-surface-500'?: undefined;
                'ring-1 ring-surface-500'?: undefined;
                'text-surface-500 ring-1 ring-surface-500 hover:bg-surface-300/20'?: undefined;
                'bg-green-500'?: undefined;
                'ring-1 ring-green-500'?: undefined;
                'text-green-500 ring-1 ring-green-500 hover:bg-green-300/20'?: undefined;
                'bg-blue-500'?: undefined;
                'ring-1 ring-blue-500'?: undefined;
                'text-blue-500'?: undefined;
                'text-blue-500 ring-1 ring-blue-500 hover:bg-blue-300/20 '?: undefined;
                'bg-orange-500'?: undefined;
                'ring-1 ring-orange-500'?: undefined;
                'text-orange-500'?: undefined;
                'text-orange-500 ring-1 ring-orange-500 hover:bg-orange-300/20'?: undefined;
                'bg-purple-500'?: undefined;
                'ring-1 ring-purple-500'?: undefined;
                'text-purple-500'?: undefined;
                'text-purple-500 ring-1 ring-purple-500 hover:bg-purple-300/20'?: undefined;
                'bg-red-500'?: undefined;
                'ring-1 ring-red-500'?: undefined;
                'text-red-500'?: undefined;
                'text-red-500 ring-1 ring-red-500 hover:bg-red-300/20'?: undefined;
                'focus:ring-offset-2'?: undefined;
                'focus:ring-primary-500'?: undefined;
                'hover:bg-gray-600 hover:ring-gray-600'?: undefined;
                'hover:bg-surface-300/20'?: undefined;
                'hover:bg-primary-600 hover:ring-primary-600'?: undefined;
                'hover:bg-primary-300/20'?: undefined;
                'hover:bg-surface-600 hover:ring-surface-600'?: undefined;
                'focus:ring-surface-500'?: undefined;
                'hover:bg-green-600 hover:ring-green-600'?: undefined;
                'focus:ring-green-500'?: undefined;
                'hover:bg-green-300/20'?: undefined;
                'hover:bg-blue-600 hover:ring-blue-600'?: undefined;
                'focus:ring-blue-500'?: undefined;
                'hover:bg-blue-300/20'?: undefined;
                'hover:bg-orange-600 hover:ring-orange-600'?: undefined;
                'focus:ring-orange-500'?: undefined;
                'hover:bg-orange-300/20'?: undefined;
                'hover:bg-purple-600 hover:ring-purple-600'?: undefined;
                'focus:ring-purple-500'?: undefined;
                'hover:bg-purple-300/20'?: undefined;
                'hover:bg-red-600 hover:ring-red-600'?: undefined;
                'focus:ring-red-500'?: undefined;
            })[];
        };
        export { root_2 as root };
        export namespace label {
            let _class_1: string[];
            export { _class_1 as class };
        }
    }
}
export default _default;