react-native-unistyles 2.0.0-beta.2 → 2.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.3",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -144,7 +144,8 @@
   },
   "eslintIgnore": [
     "node_modules/",
-    "lib/"
+    "lib/",
+    "src/utils/hash32.ts"
   ],
   "react-native-builder-bob": {
     "source": "src",

package/src/core/UnistyleRegistry.ts

@@ -1,7 +1,7 @@
 import type { UnistylesBridge, UnistylesConfig, UnistylesPlugin } from '../types'
 import type { UnistylesBreakpoints, UnistylesThemes } from '../global'
 import { isWeb, UnistylesError } from '../common'
-import { normalizeWebStylesPlugin } from '../plugins'
+import { cssMediaQueriesPlugin, normalizeWebStylesPlugin } from '../plugins'
 
 export class UnistyleRegistry {
     public config: UnistylesConfig = {}
@@ -47,14 +47,19 @@ export class UnistyleRegistry {
             this.unistylesBridge.useAdaptiveThemes(config.adaptiveThemes)
         }
 
-        if (config.experimentalPlugins) {
-            config.experimentalPlugins.forEach(plugin => this.addPlugin(plugin, false))
+        if (config.plugins) {
+            config.plugins.forEach(plugin => this.addPlugin(plugin, false))
         }
 
         if (config.initialTheme) {
             this.unistylesBridge.useTheme(config.initialTheme)
         }
 
+        if (config.experimentalCSSMediaQueries) {
+            this.plugins = [cssMediaQueriesPlugin].concat(this.plugins)
+            this.unistylesBridge.addPlugin(cssMediaQueriesPlugin.name, false)
+        }
+
         return {
             addBreakpoints: this.addBreakpoints,
             addThemes: this.addThemes

package/src/core/UnistylesModule.web.ts

@@ -10,6 +10,7 @@ export class UnistylesBridgeWeb {
     #screenWidth: number = window.innerWidth
     #screenHeight: number = window.innerHeight
     #themes: Array<keyof UnistylesThemes> = []
+    #breakpoints: UnistylesBreakpoints = {} as UnistylesBreakpoints
     #colorScheme: ColorSchemeName = this.getPreferredColorScheme()
     #themeName: keyof UnistylesThemes = '' as keyof UnistylesThemes
     #enabledPlugins: Array<string> = [normalizeWebStylesPlugin.name]
@@ -34,6 +35,8 @@ export class UnistylesBridgeWeb {
                         return this.#screenHeight
                     case 'breakpoint':
                         return this.#breakpoint || undefined
+                    case 'breakpoints':
+                        return this.#breakpoints
                     case 'hasAdaptiveThemes':
                         return this.#hasAdaptiveThemes
                     case 'sortedBreakpointPairs':
@@ -85,6 +88,7 @@ export class UnistylesBridgeWeb {
     }
 
     private useBreakpoints(breakpoints: UnistylesBreakpoints) {
+        this.#breakpoints = breakpoints
         this.#sortedBreakpointPairs = Object
             .entries(breakpoints)
             .sort(([, a], [, b]) => (a ?? 0) - (b ?? 0)) as Array<[keyof UnistylesBreakpoints, number]>

package/src/core/UnistylesRuntime.ts

@@ -22,6 +22,10 @@ export class UnistylesRuntime {
         return this.unistylesBridge.breakpoint
     }
 
+    public get breakpoints() {
+        return this.unistylesRegistry.breakpoints
+    }
+
     public get enabledPlugins() {
         return this.unistylesBridge.enabledPlugins
     }

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export { useInitialTheme } from './useInitialTheme'
 export { useUnistyles } from './useUnistyles'
 export { useVariants } from './useVariants'
+export { useCSS } from './useCSS'

package/src/hooks/useCSS.ts

@@ -0,0 +1,3 @@
+import type { ReactNativeStyleSheet } from '../types'
+
+export const useCSS = <T>(_stylesheet: ReactNativeStyleSheet<T>): void => {}

package/src/hooks/useCSS.web.ts

@@ -0,0 +1,51 @@
+import { useInsertionEffect, useRef } from 'react'
+import { unistyles } from '../core'
+import type { ReactNativeStyleSheet } from '../types'
+import { generateReactNativeWebId } from '../utils'
+
+export const useCSS = <T>(stylesheet: ReactNativeStyleSheet<T>) => {
+    const insertedIds = useRef<Array<string>>([])
+
+    useInsertionEffect(() => {
+        if (!unistyles.registry.config.experimentalCSSMediaQueries) {
+            return
+        }
+
+        Object
+            .entries(stylesheet)
+            .forEach(([_key, value]) => {
+                Object.entries(value!)
+                    .forEach(([prop, val]) => {
+                        if (!val.toString().includes('@media')) {
+                            return
+                        }
+
+                        const id = generateReactNativeWebId(prop, '""')
+
+                        if (insertedIds.current.includes(id)) {
+                            return
+                        }
+
+                        const style = document.createElement('style')
+
+                        style.id = id
+                        style.innerHTML = val
+
+                        document.head.appendChild(style)
+                        insertedIds.current = [...insertedIds.current, id]
+                    })
+            })
+
+        return () => {
+            insertedIds.current.forEach(id => {
+                const style = document.getElementById(id)
+
+                if (style) {
+                    style.remove()
+                }
+            })
+
+            insertedIds.current = []
+        }
+    }, [stylesheet])
+}

package/src/{plugins/normalizer → normalizer}/normalizeStyle.ts

@@ -1,6 +1,6 @@
 import { preprocessor } from './normalizer'
-import { warn } from '../../common'
-import type { NormalizedBoxShadow, NormalizedTextShadow, BoxShadow, TextShadow, RNStyle } from '../../types'
+import { warn } from '../common'
+import type { NormalizedBoxShadow, NormalizedTextShadow, BoxShadow, TextShadow, RNStyle } from '../types'
 
 const normalizeBoxShadow = <T extends BoxShadow>(style: T): NormalizedBoxShadow => {
     const requiredBoxShadowProperties = [

package/src/{plugins/normalizer → normalizer}/normalizer.ts

@@ -1,7 +1,7 @@
 // based on react-native-web normalizer
 // https://github.com/necolas/react-native-web
 import normalizeColors from '@react-native/normalize-colors'
-import type { TextShadow, Transforms, BoxShadow, Nullable } from '../../types'
+import type { TextShadow, Transforms, BoxShadow, Nullable } from '../types'
 
 type Preprocessor = {
     createTextShadowValue(style: TextShadow): string,
@@ -37,6 +37,7 @@ export const normalizeColor = (color: string, opacity: number = 1) => {
 }
 
 export const normalizeNumericValue = (value: number) => value ? `${value}px` : value
+
 const normalizeTransform = (key: string, value: number | string) => {
     if (key.includes('scale')) {
         return value

package/src/plugins/cssMediaQueriesPlugin.ts

@@ -0,0 +1,8 @@
+// prevent recursive import
+import { createMediaQueryForStyles } from '../utils/cssMediaQuery'
+import type { UnistylesPlugin } from '../types'
+
+export const cssMediaQueriesPlugin: UnistylesPlugin = {
+    name: '__unistylesCSSMediaQueries',
+    onParsedStyle: (_key, styles, runtime) => createMediaQueryForStyles(styles, runtime)
+}

package/src/plugins/index.ts

@@ -1,2 +1,2 @@
 export { normalizeWebStylesPlugin } from './normalizeWebStylesPlugin'
-export { preprocessor, normalizeNumericValue, normalizeColor, normalizeStyle } from './normalizer'
+export { cssMediaQueriesPlugin } from './cssMediaQueriesPlugin'

package/src/plugins/normalizeWebStylesPlugin.ts

@@ -1,5 +1,5 @@
 import type { UnistylesPlugin } from '../types'
-import { normalizeStyle } from './normalizer'
+import { normalizeStyle } from '../normalizer'
 
 export const normalizeWebStylesPlugin: UnistylesPlugin = {
     name: '__unistylesNormalizeWebStyles',

package/src/types/unistyles.ts

@@ -7,8 +7,9 @@ export type ColorSchemeName = 'light' | 'dark' | 'unspecified'
 
 export type UnistylesConfig = {
     adaptiveThemes?: boolean,
-    experimentalPlugins?: Array<UnistylesPlugin>,
-    initialTheme?: keyof UnistylesThemes
+    initialTheme?: keyof UnistylesThemes,
+    plugins?: Array<UnistylesPlugin>,
+    experimentalCSSMediaQueries?: boolean
 }
 
 export type UnistylesBridge = {

package/src/useStyles.ts

@@ -1,9 +1,11 @@
 import { useMemo } from 'react'
 import { StyleSheet } from 'react-native'
 import { parseStyle, proxifyFunction, withPlugins } from './utils'
-import { useUnistyles, useVariants } from './hooks'
+import { useCSS, useUnistyles, useVariants } from './hooks'
 import type { UnistylesBreakpoints } from './global'
 import type { ExtractVariantNames, ReactNativeStyleSheet, StyleSheetWithSuperPowers, UnistylesTheme } from './types'
+import { unistyles } from './core'
+import { isWeb } from './common'
 
 type ParsedStylesheet<ST extends StyleSheetWithSuperPowers> = {
     theme: UnistylesTheme,
@@ -33,11 +35,17 @@ export const useStyles = <ST extends StyleSheetWithSuperPowers>(
 
             return StyleSheet.create({
                 ...acc,
-                [key]: withPlugins(key, parseStyle(value, variants))
+                [key]: withPlugins(key, parseStyle(
+                    value,
+                    variants,
+                    !isWeb || !unistyles.registry.config.experimentalCSSMediaQueries)
+                )
             })
         }, {}), [parsedStyles, variants, plugins]
     )
 
+    useCSS(dynamicStyleSheet as ReactNativeStyleSheet<ST>)
+
     return {
         theme,
         breakpoint: layout.breakpoint,

package/src/utils/cssMediaQuery.ts

@@ -0,0 +1,268 @@
+import { normalizeColor } from '../normalizer'
+import { isUnistylesMq, isValidMq, parseMq, type UnistylesParsedMq } from './mqParser'
+import type { RNStyle, RNValue } from '../types'
+import { generateReactNativeWebId } from './generateId'
+import type { UnistylesRuntime } from '../core'
+
+export const createMediaQueryForStyles = (styles: RNStyle, runtime: UnistylesRuntime): RNStyle => {
+    const withMediaQueries = Object
+        .entries(styles)
+        .filter(([, value]) => typeof value === 'object')
+        .reduce((acc, [prop, value]) => {
+            const objectKeys = Object.keys(value)
+            const mediaQueries = objectKeys.filter(key => isUnistylesMq(key))
+            const breakpoints = objectKeys.filter(key => runtime.breakpoints[key as keyof typeof runtime.breakpoints])
+
+            if (mediaQueries.length === 0 && breakpoints.length === 0) {
+                return acc
+            }
+
+            const className = generateReactNativeWebId(prop, '""')
+            const breakpointsStyles = getBreakpointsStyles(prop, value as Record<string, RNValue>, runtime, className)
+            const mediaQueriesStyles = getMediaQueriesFromMQ(prop, value as Record<string, RNValue>, className)
+
+            return {
+                ...acc,
+                [prop]: `
+                    ${breakpointsStyles} 
+                    ${mediaQueriesStyles}
+                `.trim()
+            }
+        }, {})
+
+    return {
+        ...styles,
+        ...withMediaQueries
+    }
+}
+
+const getMaxWidthMediaQuery = (width: UnistylesParsedMq['width']): string => {
+    if (!width) {
+        return ''
+    }
+
+    if (width.to === Infinity) {
+        return ''
+    }
+
+    return `and (max-width: ${width.to}px)`
+}
+
+const getMaxHeightMediaQuery = (height: UnistylesParsedMq['height']): string => {
+    if (!height) {
+        return ''
+    }
+
+    if (height.to === Infinity) {
+        return ''
+    }
+
+    return `and (max-height: ${height.to}px)`
+}
+
+const getMediaQueriesFromMQ = (prop: string, value: Record<string, RNValue>, className: string): string => Object
+    .entries(value)
+    .reduce((acc, [key, value]) => {
+        const result = parseMq(key)
+
+        if (!isValidMq(result)) {
+            return acc
+        }
+
+        if (result.width && result.height) {
+            return `${acc}
+
+                @media screen and (min-width: ${result.width.from}px) and (min-height: ${result.height.from}px) ${getMaxWidthMediaQuery(result.width)} ${getMaxHeightMediaQuery(result.height)} {
+                    .${className} {
+                        ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                    }
+                }
+            `
+        }
+
+        if (result.width) {
+            return `${acc}
+
+                @media screen and (min-width: ${result.width.from}px) ${getMaxWidthMediaQuery(result.width)} {
+                    .${className} {
+                        ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                    }
+                }
+            `
+        }
+
+        if (result.height) {
+            return `${acc}
+
+                @media screen and (min-height: ${result.height.from}px) ${getMaxHeightMediaQuery(result.height)} {
+                    .${className} {
+                        ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                    }
+                }
+            `
+        }
+
+        return acc
+    }, '')
+
+const getBreakpointsStyles = (prop: string, value: Record<string, RNValue>, runtime: UnistylesRuntime, className: string): string => Object
+    .entries(value)
+    .reduce((acc, [key, value]) => {
+        const breakpoint = runtime.breakpoints[key as keyof typeof runtime.breakpoints]
+
+        if (breakpoint === undefined) {
+            return acc
+        }
+
+        return `${acc}
+
+            @media screen and (min-width: ${breakpoint}px) {
+                .${className} {
+                    ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                }
+            }
+        `
+    }, '')
+
+const normalizePropName = (prop: string) => prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
+
+const normalizeWebValue = (prop: string, value: RNValue): string => {
+    if (value === undefined) {
+        return 'unset'
+    }
+
+    switch (prop) {
+        // colors
+        case 'color':
+        case 'backgroundColor':
+        case 'borderColor':
+        case 'borderBottomColor':
+        case 'borderLeftColor':
+        case 'borderRightColor':
+        case 'borderTopColor':
+        case 'borderBlockColor':
+        case 'borderBlockEndColor':
+        case 'borderBlockStartColor':
+        case 'textDecorationColor':
+            return normalizeColor(value as string)
+
+        // dimensions
+        case 'width':
+        case 'height':
+        case 'minWidth':
+        case 'minHeight':
+        case 'maxWidth':
+        case 'maxHeight':
+        case 'borderRadius':
+        case 'borderWidth':
+        case 'borderBottomLeftRadius':
+        case 'borderBottomRightRadius':
+        case 'borderEndEndRadius':
+        case 'borderEndStartRadius':
+        case 'borderStartEndRadius':
+        case 'borderStartStartRadius':
+        case 'borderTopLeftRadius':
+        case 'borderTopRightRadius':
+        case 'borderBottomWidth':
+        case 'borderLeftWidth':
+        case 'borderRightWidth':
+        case 'borderTopWidth':
+        case 'bottom':
+        case 'left':
+        case 'right':
+        case 'top':
+        case 'marginTop':
+        case 'marginBottom':
+        case 'marginLeft':
+        case 'marginRight':
+        case 'paddingTop':
+        case 'paddingBottom':
+        case 'paddingLeft':
+        case 'paddingRight':
+        case 'flexBasis':
+        case 'rowGap':
+        case 'columnGap':
+        case 'gap':
+        case 'margin':
+        case 'padding':
+        case 'fontSize':
+        case 'letterSpacing':
+            return `${value as string}px`
+
+        // without unit
+        case 'borderStyle':
+        case 'pointerEvents':
+        case 'backfaceVisibility':
+        case 'alignContent':
+        case 'alignItems':
+        case 'alignSelf':
+        case 'flexDirection':
+        case 'flexWrap':
+        case 'flex':
+        case 'aspectRatio':
+        case 'opacity':
+        case 'direction':
+        case 'zIndex':
+        case 'justifyContent':
+        case 'overflow':
+        case 'display':
+        case 'position':
+        case 'flexGrow':
+        case 'flexShrink':
+        case 'fontFamily':
+        case 'fontStyle':
+        case 'textDecorationLine':
+        case 'textAlign':
+        case 'textDecorationStyle':
+        case 'lineHeight':
+        case 'textTransform':
+        case 'fontVariant':
+        case 'verticalAlign':
+        case 'objectFit':
+            return value as string
+
+        // to be transformed for now
+        // not supported
+        case 'marginHorizontal':
+        case 'paddingHorizontal':
+        case 'marginVertical':
+        case 'paddingVertical':
+        case 'shadowColor':
+        case 'shadowOffset':
+        case 'shadowOpacity':
+        case 'shadowRadius':
+        case 'transform':
+        case 'transformMatrix':
+        case 'fontWeight':
+        case 'textShadowOffset':
+        case 'textShadowRadius':
+        case 'textShadowColor':
+            return ''
+
+        // unsupported
+        case 'borderStartColor':
+        case 'borderEndColor':
+        case 'borderEndWidth':
+        case 'borderBottomEndRadius':
+        case 'borderBottomStartRadius':
+        case 'borderCurve':
+        case 'elevation':
+        case 'borderTopEndRadius':
+        case 'borderTopStartRadius':
+        case 'borderStartWidth':
+        case 'start':
+        case 'end':
+        case 'margin-end':
+        case 'margin-start':
+        case 'padding-end':
+        case 'padding-start':
+        case 'writingDirection':
+        case 'textAlignVertical':
+        case 'includeFontPadding':
+        case 'resizeMode':
+        case 'overlayColor':
+        case 'tintColor':
+        default:
+            return ''
+    }
+}

package/src/utils/generateId.ts

@@ -0,0 +1,10 @@
+// eslint-disable-next-line camelcase
+import { murmurhash2_32_gc } from './hash32'
+
+export const generateReactNativeWebId = (key: string, value: string): string => {
+    const hashedString = murmurhash2_32_gc(key + value, 1).toString(36)
+
+    return process.env.NODE_ENV !== 'production'
+        ? `r-${key}-${hashedString}`
+        : `r-${hashedString}`
+}

package/src/utils/hash32.ts

@@ -0,0 +1,53 @@
+/*
+    Authors: Gary Court and Austin Appleby
+    Compatible with React Native Web
+    https://github.com/necolas/react-native-web/blob/master/packages/react-native-web/src/exports/StyleSheet/compiler/hash.js#L65
+*/
+export const murmurhash2_32_gc = (str: string, seed: number) => {
+    let l = str.length
+    let h = seed ^ l
+    let i = 0
+    let k
+
+    while (l >= 4) {
+        k =
+        (str.charCodeAt(i) & 0xff) |
+        ((str.charCodeAt(++i) & 0xff) << 8) |
+        ((str.charCodeAt(++i) & 0xff) << 16) |
+        ((str.charCodeAt(++i) & 0xff) << 24)
+
+        k =
+        (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16)
+        k ^= k >>> 24
+        k =
+        (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16)
+
+        h =
+        ((h & 0xffff) * 0x5bd1e995 +
+          ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16)) ^
+        k
+
+        l -= 4
+        ++i
+    }
+
+    switch (l) {
+        // @ts-ignore
+        case 3:
+            h ^= (str.charCodeAt(i + 2) & 0xff) << 16
+        // @ts-ignore
+        case 2:
+            h ^= (str.charCodeAt(i + 1) & 0xff) << 8
+        case 1:
+            h ^= str.charCodeAt(i) & 0xff
+            h =
+          (h & 0xffff) * 0x5bd1e995 +
+          ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16)
+    }
+
+    h ^= h >>> 13
+    h = (h & 0xffff) * 0x5bd1e995 + ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16)
+    h ^= h >>> 15
+
+    return h >>> 0
+}

package/src/utils/index.ts

@@ -1,5 +1,7 @@
 export { mq } from './mq'
-export { getKeyForUnistylesMediaQuery, isWithinTheWidthAndHeight, isValidMq, parseMq } from './mqParser'
+export type { UnistylesParsedMq } from './mqParser'
+export { getKeyForUnistylesMediaQuery, isWithinTheWidthAndHeight, isValidMq, parseMq, isUnistylesMq } from './mqParser'
 export { getValueForBreakpoint } from './breakpoints'
 export { proxifyFunction, parseStyle } from './styles'
 export { withPlugins } from './withPlugins'
+export { generateReactNativeWebId } from './generateId'

package/src/utils/mqParser.ts

@@ -9,7 +9,7 @@ type ParsedMqDimension = {
     to: number
 }
 
-type UnistylesParsedMq = {
+export type UnistylesParsedMq = {
     width?: ParsedMqDimension,
     height?: ParsedMqDimension
 }
@@ -30,7 +30,7 @@ export const parseMq = (mq: string): UnistylesParsedMq => {
     }
 }
 
-const isUnistylesMq = (mq: string) => IS_UNISTYLES_REGEX.test(mq)
+export const isUnistylesMq = (mq: string) => IS_UNISTYLES_REGEX.test(mq)
 
 export const isValidMq = (parsedMq: UnistylesParsedMq) => {
     const { width, height } = parsedMq

package/src/utils/styles.ts

@@ -21,7 +21,8 @@ export const isPlatformColor = <T extends {}>(value: T): boolean => {
 
 export const parseStyle = <T extends RNStyle>(
     style: T,
-    variant: Record<string, Optional<string>> = {}
+    variant: Record<string, Optional<string>> = {},
+    parseMediaQueries = true
 ): T => Object
     .entries(style || {})
     .reduce((acc, [key, value]) => {
@@ -58,6 +59,14 @@ export const parseStyle = <T extends RNStyle>(
             }
         }
 
+        // don't parse media queries and breakpoints
+        if (!parseMediaQueries) {
+            return {
+                ...acc,
+                [key]: value
+            }
+        }
+
         return {
             ...acc,
             [key]: getValueForBreakpoint(value as Record<string, RNValue>)

package/lib/commonjs/plugins/normalizer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_normalizeStyle","require","_normalizer"],"sourceRoot":"../../../../src","sources":["plugins/normalizer/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA"}

package/lib/commonjs/plugins/normalizer/module.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["plugins/normalizer/module.d.ts"],"mappings":""}

package/lib/commonjs/plugins/normalizer/normalizeStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_normalizer","require","_common","normalizeBoxShadow","style","requiredBoxShadowProperties","every","prop","warn","join","shadowColor","undefined","shadowOffset","shadowOpacity","shadowRadius","boxShadow","preprocessor","createBoxShadowValue","normalizeTextShadow","requiredTextShadowProperties","textShadowColor","textShadowOffset","textShadowRadius","textShadow","createTextShadowValue","normalizeStyle","normalizedTransform","Array","isArray","transform","createTransformValue","normalizedBoxShadow","normalizedTextShadow","exports"],"sourceRoot":"../../../../src","sources":["plugins/normalizer/normalizeStyle.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA,MAAME,kBAAkB,GAAyBC,KAAQ,IAA0B;EAC/E,MAAMC,2BAA2B,GAAG,CAChC,aAAa,EACb,cAAc,EACd,eAAe,EACf,cAAc,CACjB;EAED,IAAI,CAACA,2BAA2B,CAACC,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,KAAK,CAAC,EAAE;IAC3D,IAAAI,YAAI,EAAE,wEAAuEH,2BAA2B,CAACI,IAAI,CAAC,IAAI,CAAE,EAAC,CAAC;IAEtH,OAAO;MACHC,WAAW,EAAEC,SAAS;MACtBC,YAAY,EAAED,SAAS;MACvBE,aAAa,EAAEF,SAAS;MACxBG,YAAY,EAAEH;IAClB,CAAC;EACL;EAEA,OAAO;IACHI,SAAS,EAAEC,wBAAY,CAACC,oBAAoB,CAACb,KAAK,CAAC;IACnDM,WAAW,EAAEC,SAAS;IACtBC,YAAY,EAAED,SAAS;IACvBE,aAAa,EAAEF,SAAS;IACxBG,YAAY,EAAEH;EAClB,CAAC;AACL,CAAC;AAED,MAAMO,mBAAmB,GAA0Bd,KAAQ,IAA2B;EAClF,MAAMe,4BAA4B,GAAG,CACjC,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,CACrB;EAED,IAAI,CAACA,4BAA4B,CAACb,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,KAAK,CAAC,EAAE;IAC5D,IAAAI,YAAI,EAAE,yEAAwEW,4BAA4B,CAACV,IAAI,CAAC,IAAI,CAAE,EAAC,CAAC;IAExH,OAAO;MACHW,eAAe,EAAET,SAAS;MAC1BU,gBAAgB,EAAEV,SAAS;MAC3BW,gBAAgB,EAAEX;IACtB,CAAC;EACL;EAEA,OAAO;IACHY,UAAU,EAAEP,wBAAY,CAACQ,qBAAqB,CAACpB,KAAK,CAAC;IACrDgB,eAAe,EAAET,SAAS;IAC1BU,gBAAgB,EAAEV,SAAS;IAC3BW,gBAAgB,EAAEX;EACtB,CAAC;AACL,CAAC;AAEM,MAAMc,cAAc,GAAuBrB,KAAQ,IAAQ;EAC9D,MAAMsB,mBAAmB,GAAI,WAAW,IAAItB,KAAK,IAAIuB,KAAK,CAACC,OAAO,CAACxB,KAAK,CAACyB,SAAS,CAAC,GAC7E;IAAEA,SAAS,EAAEb,wBAAY,CAACc,oBAAoB,CAAC1B,KAAK,CAACyB,SAAS;EAAE,CAAC,GACjE,CAAC,CAAC;EAER,MAAME,mBAAmB,GACrB,aAAa,IAAI3B,KAAK,IACtB,cAAc,IAAIA,KAAK,IACvB,eAAe,IAAIA,KAAK,IACxB,cAAc,IAAIA,KAAK,GACvBD,kBAAkB,CAACC,KAAkB,CAAC,GAAG,CAAC,CAAC;EAE/C,MAAM4B,oBAAoB,GACtB,iBAAiB,IAAI5B,KAAK,IAC1B,kBAAkB,IAAIA,KAAK,IAC3B,kBAAkB,IAAIA,KAAK,GAC3Bc,mBAAmB,CAACd,KAAmB,CAAC,GAAG,CAAC,CAAC;EAEjD,OAAO;IACH,GAAGA,KAAK;IACR,GAAGsB,mBAAmB;IACtB,GAAGK,mBAAmB;IACtB,GAAGC;EACP,CAAC;AACL,CAAC;AAAAC,OAAA,CAAAR,cAAA,GAAAA,cAAA"}

package/lib/commonjs/plugins/normalizer/normalizer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_normalizeColors","_interopRequireDefault","require","obj","__esModule","default","normalizeColor","color","opacity","arguments","length","undefined","integer","normalizeColors","hex","toString","padStart","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","exports","normalizeNumericValue","value","normalizeTransform","key","includes","createTextShadowValue","style","textShadowColor","textShadowOffset","textShadowRadius","offsetX","width","offsetY","height","radius","createBoxShadowValue","shadowColor","shadowOffset","shadowOpacity","shadowRadius","createTransformValue","transforms","transform","Object","keys","join","Boolean","preprocessor"],"sourceRoot":"../../../../src","sources":["plugins/normalizer/normalizer.ts"],"mappings":"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"}

package/lib/module/plugins/normalizer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["normalizeStyle","preprocessor","normalizeNumericValue","normalizeColor"],"sourceRoot":"../../../../src","sources":["plugins/normalizer/index.ts"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,cAAc"}

package/lib/module/plugins/normalizer/module.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["plugins/normalizer/module.d.ts"],"mappings":""}