export const lengthSafeProperties = { background : 0 , backgroundPosition : 0 , backgroundPositionX : 0 , backgroundPositionY : 0 , backgroundSize : 0 , blockSize : 0 , border : 0 , borderBlock : 0 , borderBlockEnd : 0 , borderBlockEndWidth : 0 , borderBlockStart : 0 , borderBlockStartWidth : 0 , borderBlockWidth : 0 , borderBottom : 0 , borderBottomLeftRadius : 0 , borderBottomRightRadius : 0 , borderBottomWidth : 0 , borderEndEndRadius : 0 , borderEndStartRadius : 0 , borderInline : 0 , borderInlineEnd : 0 , borderInlineEndWidth : 0 , borderInlineStart : 0 , borderInlineStartWidth : 0 , borderInlineWidth : 0 , borderLeft : 0 , borderLeftWidth : 0 , borderRadius : 0 , borderRight : 0 , borderRightWidth : 0 , borderSpacing : 0 , borderStartEndRadius : 0 , borderStartStartRadius : 0 , borderTop : 0 , borderTopLeftRadius : 0 , borderTopRightRadius : 0 , borderTopWidth : 0 , borderWidth : 0 , bottom : 0 , columnGap : 0 , columnRule : 0 , columnRuleWidth : 0 , columnWidth : 0 , flexBasis : 0 , fontSize : 0 , gap : 0 , gridAutoColumns : 0 , gridAutoRows : 0 , gridColumnGap : 0 , gridGap : 0 , gridRowGap : 0 , gridTemplateColumns : 0 , gridTemplateRows : 0 , height : 0 , inlineSize : 0 , inset : 0 , insetBlock : 0 , insetBlockEnd : 0 , insetBlockStart : 0 , insetInline : 0 , insetInlineEnd : 0 , insetInlineStart : 0 , left : 0 , letterSpacing : 0 , lineHeightStep : 0 , margin : 0 , marginBlock : 0 , marginBlockEnd : 0 , marginBlockStart : 0 , marginBottom : 0 , marginInline : 0 , marginInlineEnd : 0 , marginInlineStart : 0 , marginLeft : 0 , marginRight : 0 , marginTop : 0 , mask : 0 , maskPosition : 0 , maskSize : 0 , maxBlockSize : 0 , maxHeight : 0 , maxInlineSize : 0 , maxWidth : 0 , minBlockSize : 0 , minHeight : 0 , minInlineSize : 0 , minWidth : 0 , motion : 0 , motionDistance : 0 , objectPosition : 0 , offset : 0 , offsetAnchor : 0 , offsetBlock : 0 , offsetBlockEnd : 0 , offsetBlockStart : 0 , offsetDistance : 0 , offsetInline : 0 , offsetInlineEnd : 0 , offsetInlineStart : 0 , outline : 0 , outlineOffset : 0 , outlineWidth : 0 , padding : 0 , paddingBlock : 0 , paddingBlockEnd : 0 , paddingBlockStart : 0 , paddingBottom : 0 , paddingInline : 0 , paddingInlineEnd : 0 , paddingInlineStart : 0 , paddingLeft : 0 , paddingRight : 0 , paddingTop : 0 , perspective : 0 , perspectiveOrigin : 0 , right : 0 , rowGap : 0 , scrollMargin : 0 , scrollMarginBlock : 0 , scrollMarginBlockEnd : 0 , scrollMarginBlockStart : 0 , scrollMarginBottom : 0 , scrollMarginInline : 0 , scrollMarginInlineEnd : 0 , scrollMarginInlineStart : 0 , scrollMarginLeft : 0 , scrollMarginRight : 0 , scrollMarginTop : 0 , scrollPadding : 0 , scrollPaddingBlock : 0 , scrollPaddingBlockEnd : 0 , scrollPaddingBlockStart : 0 , scrollPaddingBottom : 0 , scrollPaddingInline : 0 , scrollPaddingInlineEnd : 0 , scrollPaddingInlineStart : 0 , scrollPaddingLeft : 0 , scrollPaddingRight : 0 , scrollPaddingTop : 0 , scrollSnapCoordinate : 0 , scrollSnapDestination : 0 , scrollSnapMargin : 0 , scrollSnapMarginBottom : 0 , scrollSnapMarginLeft : 0 , scrollSnapMarginRight : 0 , scrollSnapMarginTop : 0 , shapeMargin : 0 , textDecoration : 0 , textDecorationThickness : 0 , textDecorationWidth : 0 , textIndent : 0 , textUnderlineOffset : 0 , top : 0 , transformOrigin : 0 , translate : 0 , verticalAlign : 0 , width : 0 , wordSpacing : 0 , baselineShift : 0 , strokeDashoffset : 0 , strokeWidth : 0 , } ; export type TimeProperties = 'animationDelay' | 'animationDuration' | 'transitionDelay' | 'transitionDuration' ; export const timeSafeProperties = { animationDelay : 0 , animationDuration : 0 , transition : 0 , transitionDelay : 0 , transitionDuration : 0 , } ; const uppercaseRegex = /[A-Z]/g ; for ( const properties of [ lengthSafeProperties , timeSafeProperties ] ) { for ( const property in properties ) { properties [ property . replace ( uppercaseRegex , '-$&' ) . toLowerCase ( ) ] = 0 ; } }