tailwindcss 3.4.1 → 4.0.0-alpha.2

package/types/generated/colors.d.ts

@@ -1,298 +0,0 @@
-export interface DefaultColors {
-  inherit: 'inherit'
-  current: 'currentColor'
-  transparent: 'transparent'
-  black: '#000'
-  white: '#fff'
-  slate: {
-    '50': '#f8fafc'
-    '100': '#f1f5f9'
-    '200': '#e2e8f0'
-    '300': '#cbd5e1'
-    '400': '#94a3b8'
-    '500': '#64748b'
-    '600': '#475569'
-    '700': '#334155'
-    '800': '#1e293b'
-    '900': '#0f172a'
-    '950': '#020617'
-  }
-  gray: {
-    '50': '#f9fafb'
-    '100': '#f3f4f6'
-    '200': '#e5e7eb'
-    '300': '#d1d5db'
-    '400': '#9ca3af'
-    '500': '#6b7280'
-    '600': '#4b5563'
-    '700': '#374151'
-    '800': '#1f2937'
-    '900': '#111827'
-    '950': '#030712'
-  }
-  zinc: {
-    '50': '#fafafa'
-    '100': '#f4f4f5'
-    '200': '#e4e4e7'
-    '300': '#d4d4d8'
-    '400': '#a1a1aa'
-    '500': '#71717a'
-    '600': '#52525b'
-    '700': '#3f3f46'
-    '800': '#27272a'
-    '900': '#18181b'
-    '950': '#09090b'
-  }
-  neutral: {
-    '50': '#fafafa'
-    '100': '#f5f5f5'
-    '200': '#e5e5e5'
-    '300': '#d4d4d4'
-    '400': '#a3a3a3'
-    '500': '#737373'
-    '600': '#525252'
-    '700': '#404040'
-    '800': '#262626'
-    '900': '#171717'
-    '950': '#0a0a0a'
-  }
-  stone: {
-    '50': '#fafaf9'
-    '100': '#f5f5f4'
-    '200': '#e7e5e4'
-    '300': '#d6d3d1'
-    '400': '#a8a29e'
-    '500': '#78716c'
-    '600': '#57534e'
-    '700': '#44403c'
-    '800': '#292524'
-    '900': '#1c1917'
-    '950': '#0c0a09'
-  }
-  red: {
-    '50': '#fef2f2'
-    '100': '#fee2e2'
-    '200': '#fecaca'
-    '300': '#fca5a5'
-    '400': '#f87171'
-    '500': '#ef4444'
-    '600': '#dc2626'
-    '700': '#b91c1c'
-    '800': '#991b1b'
-    '900': '#7f1d1d'
-    '950': '#450a0a'
-  }
-  orange: {
-    '50': '#fff7ed'
-    '100': '#ffedd5'
-    '200': '#fed7aa'
-    '300': '#fdba74'
-    '400': '#fb923c'
-    '500': '#f97316'
-    '600': '#ea580c'
-    '700': '#c2410c'
-    '800': '#9a3412'
-    '900': '#7c2d12'
-    '950': '#431407'
-  }
-  amber: {
-    '50': '#fffbeb'
-    '100': '#fef3c7'
-    '200': '#fde68a'
-    '300': '#fcd34d'
-    '400': '#fbbf24'
-    '500': '#f59e0b'
-    '600': '#d97706'
-    '700': '#b45309'
-    '800': '#92400e'
-    '900': '#78350f'
-    '950': '#451a03'
-  }
-  yellow: {
-    '50': '#fefce8'
-    '100': '#fef9c3'
-    '200': '#fef08a'
-    '300': '#fde047'
-    '400': '#facc15'
-    '500': '#eab308'
-    '600': '#ca8a04'
-    '700': '#a16207'
-    '800': '#854d0e'
-    '900': '#713f12'
-    '950': '#422006'
-  }
-  lime: {
-    '50': '#f7fee7'
-    '100': '#ecfccb'
-    '200': '#d9f99d'
-    '300': '#bef264'
-    '400': '#a3e635'
-    '500': '#84cc16'
-    '600': '#65a30d'
-    '700': '#4d7c0f'
-    '800': '#3f6212'
-    '900': '#365314'
-    '950': '#1a2e05'
-  }
-  green: {
-    '50': '#f0fdf4'
-    '100': '#dcfce7'
-    '200': '#bbf7d0'
-    '300': '#86efac'
-    '400': '#4ade80'
-    '500': '#22c55e'
-    '600': '#16a34a'
-    '700': '#15803d'
-    '800': '#166534'
-    '900': '#14532d'
-    '950': '#052e16'
-  }
-  emerald: {
-    '50': '#ecfdf5'
-    '100': '#d1fae5'
-    '200': '#a7f3d0'
-    '300': '#6ee7b7'
-    '400': '#34d399'
-    '500': '#10b981'
-    '600': '#059669'
-    '700': '#047857'
-    '800': '#065f46'
-    '900': '#064e3b'
-    '950': '#022c22'
-  }
-  teal: {
-    '50': '#f0fdfa'
-    '100': '#ccfbf1'
-    '200': '#99f6e4'
-    '300': '#5eead4'
-    '400': '#2dd4bf'
-    '500': '#14b8a6'
-    '600': '#0d9488'
-    '700': '#0f766e'
-    '800': '#115e59'
-    '900': '#134e4a'
-    '950': '#042f2e'
-  }
-  cyan: {
-    '50': '#ecfeff'
-    '100': '#cffafe'
-    '200': '#a5f3fc'
-    '300': '#67e8f9'
-    '400': '#22d3ee'
-    '500': '#06b6d4'
-    '600': '#0891b2'
-    '700': '#0e7490'
-    '800': '#155e75'
-    '900': '#164e63'
-    '950': '#083344'
-  }
-  sky: {
-    '50': '#f0f9ff'
-    '100': '#e0f2fe'
-    '200': '#bae6fd'
-    '300': '#7dd3fc'
-    '400': '#38bdf8'
-    '500': '#0ea5e9'
-    '600': '#0284c7'
-    '700': '#0369a1'
-    '800': '#075985'
-    '900': '#0c4a6e'
-    '950': '#082f49'
-  }
-  blue: {
-    '50': '#eff6ff'
-    '100': '#dbeafe'
-    '200': '#bfdbfe'
-    '300': '#93c5fd'
-    '400': '#60a5fa'
-    '500': '#3b82f6'
-    '600': '#2563eb'
-    '700': '#1d4ed8'
-    '800': '#1e40af'
-    '900': '#1e3a8a'
-    '950': '#172554'
-  }
-  indigo: {
-    '50': '#eef2ff'
-    '100': '#e0e7ff'
-    '200': '#c7d2fe'
-    '300': '#a5b4fc'
-    '400': '#818cf8'
-    '500': '#6366f1'
-    '600': '#4f46e5'
-    '700': '#4338ca'
-    '800': '#3730a3'
-    '900': '#312e81'
-    '950': '#1e1b4b'
-  }
-  violet: {
-    '50': '#f5f3ff'
-    '100': '#ede9fe'
-    '200': '#ddd6fe'
-    '300': '#c4b5fd'
-    '400': '#a78bfa'
-    '500': '#8b5cf6'
-    '600': '#7c3aed'
-    '700': '#6d28d9'
-    '800': '#5b21b6'
-    '900': '#4c1d95'
-    '950': '#2e1065'
-  }
-  purple: {
-    '50': '#faf5ff'
-    '100': '#f3e8ff'
-    '200': '#e9d5ff'
-    '300': '#d8b4fe'
-    '400': '#c084fc'
-    '500': '#a855f7'
-    '600': '#9333ea'
-    '700': '#7e22ce'
-    '800': '#6b21a8'
-    '900': '#581c87'
-    '950': '#3b0764'
-  }
-  fuchsia: {
-    '50': '#fdf4ff'
-    '100': '#fae8ff'
-    '200': '#f5d0fe'
-    '300': '#f0abfc'
-    '400': '#e879f9'
-    '500': '#d946ef'
-    '600': '#c026d3'
-    '700': '#a21caf'
-    '800': '#86198f'
-    '900': '#701a75'
-    '950': '#4a044e'
-  }
-  pink: {
-    '50': '#fdf2f8'
-    '100': '#fce7f3'
-    '200': '#fbcfe8'
-    '300': '#f9a8d4'
-    '400': '#f472b6'
-    '500': '#ec4899'
-    '600': '#db2777'
-    '700': '#be185d'
-    '800': '#9d174d'
-    '900': '#831843'
-    '950': '#500724'
-  }
-  rose: {
-    '50': '#fff1f2'
-    '100': '#ffe4e6'
-    '200': '#fecdd3'
-    '300': '#fda4af'
-    '400': '#fb7185'
-    '500': '#f43f5e'
-    '600': '#e11d48'
-    '700': '#be123c'
-    '800': '#9f1239'
-    '900': '#881337'
-    '950': '#4c0519'
-  }
-  /** @deprecated As of Tailwind CSS v2.2, `lightBlue` has been renamed to `sky`. Update your configuration file to silence this warning. */ lightBlue: DefaultColors['sky']
-  /** @deprecated As of Tailwind CSS v3.0, `warmGray` has been renamed to `stone`. Update your configuration file to silence this warning. */ warmGray: DefaultColors['stone']
-  /** @deprecated As of Tailwind CSS v3.0, `trueGray` has been renamed to `neutral`. Update your configuration file to silence this warning. */ trueGray: DefaultColors['neutral']
-  /** @deprecated As of Tailwind CSS v3.0, `coolGray` has been renamed to `gray`. Update your configuration file to silence this warning. */ coolGray: DefaultColors['gray']
-  /** @deprecated As of Tailwind CSS v3.0, `blueGray` has been renamed to `slate`. Update your configuration file to silence this warning. */ blueGray: DefaultColors['slate']
-}

package/types/generated/corePluginList.d.ts

@@ -1 +0,0 @@
-export type CorePluginList = 'preflight' | 'container' | 'accessibility' | 'pointerEvents' | 'visibility' | 'position' | 'inset' | 'isolation' | 'zIndex' | 'order' | 'gridColumn' | 'gridColumnStart' | 'gridColumnEnd' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'float' | 'clear' | 'margin' | 'boxSizing' | 'lineClamp' | 'display' | 'aspectRatio' | 'size' | 'height' | 'maxHeight' | 'minHeight' | 'width' | 'minWidth' | 'maxWidth' | 'flex' | 'flexShrink' | 'flexGrow' | 'flexBasis' | 'tableLayout' | 'captionSide' | 'borderCollapse' | 'borderSpacing' | 'transformOrigin' | 'translate' | 'rotate' | 'skew' | 'scale' | 'transform' | 'animation' | 'cursor' | 'touchAction' | 'userSelect' | 'resize' | 'scrollSnapType' | 'scrollSnapAlign' | 'scrollSnapStop' | 'scrollMargin' | 'scrollPadding' | 'listStylePosition' | 'listStyleType' | 'listStyleImage' | 'appearance' | 'columns' | 'breakBefore' | 'breakInside' | 'breakAfter' | 'gridAutoColumns' | 'gridAutoFlow' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'flexDirection' | 'flexWrap' | 'placeContent' | 'placeItems' | 'alignContent' | 'alignItems' | 'justifyContent' | 'justifyItems' | 'gap' | 'space' | 'divideWidth' | 'divideStyle' | 'divideColor' | 'divideOpacity' | 'placeSelf' | 'alignSelf' | 'justifySelf' | 'overflow' | 'overscrollBehavior' | 'scrollBehavior' | 'textOverflow' | 'hyphens' | 'whitespace' | 'textWrap' | 'wordBreak' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'borderOpacity' | 'backgroundColor' | 'backgroundOpacity' | 'backgroundImage' | 'gradientColorStops' | 'boxDecorationBreak' | 'backgroundSize' | 'backgroundAttachment' | 'backgroundClip' | 'backgroundPosition' | 'backgroundRepeat' | 'backgroundOrigin' | 'fill' | 'stroke' | 'strokeWidth' | 'objectFit' | 'objectPosition' | 'padding' | 'textAlign' | 'textIndent' | 'verticalAlign' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'textTransform' | 'fontStyle' | 'fontVariantNumeric' | 'lineHeight' | 'letterSpacing' | 'textColor' | 'textOpacity' | 'textDecoration' | 'textDecorationColor' | 'textDecorationStyle' | 'textDecorationThickness' | 'textUnderlineOffset' | 'fontSmoothing' | 'placeholderColor' | 'placeholderOpacity' | 'caretColor' | 'accentColor' | 'opacity' | 'backgroundBlendMode' | 'mixBlendMode' | 'boxShadow' | 'boxShadowColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'outlineColor' | 'ringWidth' | 'ringColor' | 'ringOpacity' | 'ringOffsetWidth' | 'ringOffsetColor' | 'blur' | 'brightness' | 'contrast' | 'dropShadow' | 'grayscale' | 'hueRotate' | 'invert' | 'saturate' | 'sepia' | 'filter' | 'backdropBlur' | 'backdropBrightness' | 'backdropContrast' | 'backdropGrayscale' | 'backdropHueRotate' | 'backdropInvert' | 'backdropOpacity' | 'backdropSaturate' | 'backdropSepia' | 'backdropFilter' | 'transitionProperty' | 'transitionDelay' | 'transitionDuration' | 'transitionTimingFunction' | 'willChange' | 'content' | 'forcedColorAdjust'

package/types/generated/default-theme.d.ts

@@ -1,397 +0,0 @@
-type CSSDeclarationList = Record<string, string>
-export type DefaultTheme = {
-  animation: Record<'none' | 'spin' | 'ping' | 'pulse' | 'bounce', string>
-  aria: Record<
-    | 'busy'
-    | 'checked'
-    | 'disabled'
-    | 'expanded'
-    | 'hidden'
-    | 'pressed'
-    | 'readonly'
-    | 'required'
-    | 'selected',
-    string
-  >
-  aspectRatio: Record<'auto' | 'square' | 'video', string>
-  backgroundImage: Record<
-    | 'none'
-    | 'gradient-to-t'
-    | 'gradient-to-tr'
-    | 'gradient-to-r'
-    | 'gradient-to-br'
-    | 'gradient-to-b'
-    | 'gradient-to-bl'
-    | 'gradient-to-l'
-    | 'gradient-to-tl',
-    string
-  >
-  backgroundPosition: Record<
-    | 'bottom'
-    | 'center'
-    | 'left'
-    | 'left-bottom'
-    | 'left-top'
-    | 'right'
-    | 'right-bottom'
-    | 'right-top'
-    | 'top',
-    string
-  >
-  backgroundSize: Record<'auto' | 'cover' | 'contain', string>
-  blur: Record<'0' | 'none' | 'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | '3xl', string>
-  borderRadius: Record<
-    'none' | 'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full',
-    string
-  >
-  borderWidth: Record<'0' | '2' | '4' | '8' | 'DEFAULT', string>
-  boxShadow: Record<'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | 'inner' | 'none', string>
-  brightness: Record<
-    '0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150' | '200',
-    string
-  >
-  columns: Record<
-    | '1'
-    | '2'
-    | '3'
-    | '4'
-    | '5'
-    | '6'
-    | '7'
-    | '8'
-    | '9'
-    | '10'
-    | '11'
-    | '12'
-    | 'auto'
-    | '3xs'
-    | '2xs'
-    | 'xs'
-    | 'sm'
-    | 'md'
-    | 'lg'
-    | 'xl'
-    | '2xl'
-    | '3xl'
-    | '4xl'
-    | '5xl'
-    | '6xl'
-    | '7xl',
-    string
-  >
-  content: Record<'none', string>
-  contrast: Record<'0' | '50' | '75' | '100' | '125' | '150' | '200', string>
-  cursor: Record<
-    | 'auto'
-    | 'default'
-    | 'pointer'
-    | 'wait'
-    | 'text'
-    | 'move'
-    | 'help'
-    | 'not-allowed'
-    | 'none'
-    | 'context-menu'
-    | 'progress'
-    | 'cell'
-    | 'crosshair'
-    | 'vertical-text'
-    | 'alias'
-    | 'copy'
-    | 'no-drop'
-    | 'grab'
-    | 'grabbing'
-    | 'all-scroll'
-    | 'col-resize'
-    | 'row-resize'
-    | 'n-resize'
-    | 'e-resize'
-    | 's-resize'
-    | 'w-resize'
-    | 'ne-resize'
-    | 'nw-resize'
-    | 'se-resize'
-    | 'sw-resize'
-    | 'ew-resize'
-    | 'ns-resize'
-    | 'nesw-resize'
-    | 'nwse-resize'
-    | 'zoom-in'
-    | 'zoom-out',
-    string
-  >
-  dropShadow: Record<'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | 'none', string | string[]>
-  flex: Record<'1' | 'auto' | 'initial' | 'none', string>
-  flexGrow: Record<'0' | 'DEFAULT', string>
-  flexShrink: Record<'0' | 'DEFAULT', string>
-  fontFamily: Record<'sans' | 'serif' | 'mono', string[]>
-  fontSize: Record<
-    | 'xs'
-    | 'sm'
-    | 'base'
-    | 'lg'
-    | 'xl'
-    | '2xl'
-    | '3xl'
-    | '4xl'
-    | '5xl'
-    | '6xl'
-    | '7xl'
-    | '8xl'
-    | '9xl',
-    [string, { lineHeight: string }]
-  >
-  fontWeight: Record<
-    | 'thin'
-    | 'extralight'
-    | 'light'
-    | 'normal'
-    | 'medium'
-    | 'semibold'
-    | 'bold'
-    | 'extrabold'
-    | 'black',
-    string
-  >
-  gradientColorStopPositions: Record<
-    | '0%'
-    | '5%'
-    | '10%'
-    | '15%'
-    | '20%'
-    | '25%'
-    | '30%'
-    | '35%'
-    | '40%'
-    | '45%'
-    | '50%'
-    | '55%'
-    | '60%'
-    | '65%'
-    | '70%'
-    | '75%'
-    | '80%'
-    | '85%'
-    | '90%'
-    | '95%'
-    | '100%',
-    string
-  >
-  grayscale: Record<'0' | 'DEFAULT', string>
-  gridAutoColumns: Record<'auto' | 'min' | 'max' | 'fr', string>
-  gridAutoRows: Record<'auto' | 'min' | 'max' | 'fr', string>
-  gridColumn: Record<
-    | 'auto'
-    | 'span-1'
-    | 'span-2'
-    | 'span-3'
-    | 'span-4'
-    | 'span-5'
-    | 'span-6'
-    | 'span-7'
-    | 'span-8'
-    | 'span-9'
-    | 'span-10'
-    | 'span-11'
-    | 'span-12'
-    | 'span-full',
-    string
-  >
-  gridColumnEnd: Record<
-    '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | 'auto',
-    string
-  >
-  gridColumnStart: Record<
-    '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | 'auto',
-    string
-  >
-  gridRow: Record<
-    | 'auto'
-    | 'span-1'
-    | 'span-2'
-    | 'span-3'
-    | 'span-4'
-    | 'span-5'
-    | 'span-6'
-    | 'span-7'
-    | 'span-8'
-    | 'span-9'
-    | 'span-10'
-    | 'span-11'
-    | 'span-12'
-    | 'span-full',
-    string
-  >
-  gridRowEnd: Record<
-    '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | 'auto',
-    string
-  >
-  gridRowStart: Record<
-    '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | 'auto',
-    string
-  >
-  gridTemplateColumns: Record<
-    '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'none' | 'subgrid',
-    string
-  >
-  gridTemplateRows: Record<
-    '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'none' | 'subgrid',
-    string
-  >
-  hueRotate: Record<'0' | '15' | '30' | '60' | '90' | '180', string>
-  invert: Record<'0' | 'DEFAULT', string>
-  keyframes: Record<'spin' | 'ping' | 'pulse' | 'bounce', Record<string, CSSDeclarationList>>
-  letterSpacing: Record<'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest', string>
-  lineHeight: Record<
-    | '3'
-    | '4'
-    | '5'
-    | '6'
-    | '7'
-    | '8'
-    | '9'
-    | '10'
-    | 'none'
-    | 'tight'
-    | 'snug'
-    | 'normal'
-    | 'relaxed'
-    | 'loose',
-    string
-  >
-  listStyleType: Record<'none' | 'disc' | 'decimal', string>
-  listStyleImage: Record<'none', string>
-  lineClamp: Record<'1' | '2' | '3' | '4' | '5' | '6', string>
-  objectPosition: Record<
-    | 'bottom'
-    | 'center'
-    | 'left'
-    | 'left-bottom'
-    | 'left-top'
-    | 'right'
-    | 'right-bottom'
-    | 'right-top'
-    | 'top',
-    string
-  >
-  opacity: Record<
-    | '0'
-    | '5'
-    | '10'
-    | '15'
-    | '20'
-    | '25'
-    | '30'
-    | '35'
-    | '40'
-    | '45'
-    | '50'
-    | '55'
-    | '60'
-    | '65'
-    | '70'
-    | '75'
-    | '80'
-    | '85'
-    | '90'
-    | '95'
-    | '100',
-    string
-  >
-  order: Record<
-    | '1'
-    | '2'
-    | '3'
-    | '4'
-    | '5'
-    | '6'
-    | '7'
-    | '8'
-    | '9'
-    | '10'
-    | '11'
-    | '12'
-    | 'first'
-    | 'last'
-    | 'none',
-    string
-  >
-  outlineOffset: Record<'0' | '1' | '2' | '4' | '8', string>
-  outlineWidth: Record<'0' | '1' | '2' | '4' | '8', string>
-  ringOffsetWidth: Record<'0' | '1' | '2' | '4' | '8', string>
-  ringWidth: Record<'0' | '1' | '2' | '4' | '8' | 'DEFAULT', string>
-  rotate: Record<'0' | '1' | '2' | '3' | '6' | '12' | '45' | '90' | '180', string>
-  saturate: Record<'0' | '50' | '100' | '150' | '200', string>
-  scale: Record<'0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150', string>
-  screens: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', string>
-  sepia: Record<'0' | 'DEFAULT', string>
-  skew: Record<'0' | '1' | '2' | '3' | '6' | '12', string>
-  spacing: Record<
-    | '0'
-    | '1'
-    | '2'
-    | '3'
-    | '4'
-    | '5'
-    | '6'
-    | '7'
-    | '8'
-    | '9'
-    | '10'
-    | '11'
-    | '12'
-    | '14'
-    | '16'
-    | '20'
-    | '24'
-    | '28'
-    | '32'
-    | '36'
-    | '40'
-    | '44'
-    | '48'
-    | '52'
-    | '56'
-    | '60'
-    | '64'
-    | '72'
-    | '80'
-    | '96'
-    | 'px'
-    | '0.5'
-    | '1.5'
-    | '2.5'
-    | '3.5',
-    string
-  >
-  strokeWidth: Record<'0' | '1' | '2', string>
-  textDecorationThickness: Record<'0' | '1' | '2' | '4' | '8' | 'auto' | 'from-font', string>
-  textUnderlineOffset: Record<'0' | '1' | '2' | '4' | '8' | 'auto', string>
-  transformOrigin: Record<
-    | 'center'
-    | 'top'
-    | 'top-right'
-    | 'right'
-    | 'bottom-right'
-    | 'bottom'
-    | 'bottom-left'
-    | 'left'
-    | 'top-left',
-    string
-  >
-  transitionDelay: Record<
-    '0' | '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000',
-    string
-  >
-  transitionDuration: Record<
-    '0' | '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000' | 'DEFAULT',
-    string
-  >
-  transitionProperty: Record<
-    'none' | 'all' | 'DEFAULT' | 'colors' | 'opacity' | 'shadow' | 'transform',
-    string
-  >
-  transitionTimingFunction: Record<'DEFAULT' | 'linear' | 'in' | 'out' | 'in-out', string>
-  willChange: Record<'auto' | 'scroll' | 'contents' | 'transform', string>
-  zIndex: Record<'0' | '10' | '20' | '30' | '40' | '50' | 'auto', string>
-}