@hanzogui/react-native-web-internals 8.3.0 → 8.3.2

package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js

@@ -0,0 +1,214 @@
+"use strict";
+// @ts-nocheck
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createReactDOMStyle = exports.createTransformValue = void 0;
+const canUseDOM_tsx_1 = require("../../modules/canUseDOM.js");
+const normalizeValueWithProperty_tsx_1 = require("./normalizeValueWithProperty.js");
+/**
+ * The browser implements the CSS cascade, where the order of properties is a
+ * factor in determining which styles to paint. React Native is different. It
+ * gives giving precedence to the more specific style property. For example,
+ * the value of `paddingTop` takes precedence over that of `padding`.
+ *
+ * This module creates mutally exclusive style declarations by expanding all of
+ * React Native's supported shortform properties (e.g. `padding`) to their
+ * longfrom equivalents.
+ */
+const emptyObject = {};
+const supportsCSS3TextDecoration = !canUseDOM_tsx_1.canUseDOM ||
+    (window.CSS != null &&
+        window.CSS.supports != null &&
+        (window.CSS.supports('text-decoration-line', 'none') ||
+            window.CSS.supports('-webkit-text-decoration-line', 'none')));
+const ignoredProps = {
+    elevation: true,
+    overlayColor: true,
+    resizeMode: true,
+    tintColor: true,
+};
+const MONOSPACE_FONT_STACK = 'monospace,monospace';
+const SYSTEM_FONT_STACK = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
+const STYLE_SHORT_FORM_EXPANSIONS = {
+    borderColor: [
+        'borderTopColor',
+        'borderRightColor',
+        'borderBottomColor',
+        'borderLeftColor',
+    ],
+    borderRadius: [
+        'borderTopLeftRadius',
+        'borderTopRightRadius',
+        'borderBottomRightRadius',
+        'borderBottomLeftRadius',
+    ],
+    borderStyle: [
+        'borderTopStyle',
+        'borderRightStyle',
+        'borderBottomStyle',
+        'borderLeftStyle',
+    ],
+    borderWidth: [
+        'borderTopWidth',
+        'borderRightWidth',
+        'borderBottomWidth',
+        'borderLeftWidth',
+    ],
+    marginHorizontal: ['marginRight', 'marginLeft'],
+    marginVertical: ['marginTop', 'marginBottom'],
+    overflow: ['overflowX', 'overflowY'],
+    overscrollBehavior: ['overscrollBehaviorX', 'overscrollBehaviorY'],
+    paddingHorizontal: ['paddingRight', 'paddingLeft'],
+    paddingVertical: ['paddingTop', 'paddingBottom'],
+};
+/**
+ * Transform
+ */
+// { scale: 2 } => 'scale(2)'
+// { translateX: 20 } => 'translateX(20px)'
+// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+const mapTransform = (transform) => {
+    const type = Object.keys(transform)[0];
+    const value = transform[type];
+    if (type === 'matrix' || type === 'matrix3d') {
+        return `${type}(${value.join(',')})`;
+    }
+    else {
+        const normalizedValue = (0, normalizeValueWithProperty_tsx_1.normalizeValueWithProperty)(value, type);
+        return `${type}(${normalizedValue})`;
+    }
+};
+const createTransformValue = (style) => {
+    let transform = style.transform;
+    if (Array.isArray(style.transform)) {
+        transform = style.transform.map(mapTransform).join(' ');
+    }
+    return transform;
+};
+exports.createTransformValue = createTransformValue;
+/**
+ * Reducer
+ */
+const createReactDOMStyle = (style, isInline) => {
+    if (!style) {
+        return emptyObject;
+    }
+    const resolvedStyle = {};
+    for (const prop in style) {
+        const value = style[prop];
+        if (
+        // Ignore everything with a null value
+        value == null ||
+            // Ignore some React Native styles
+            ignoredProps[prop]) {
+            continue;
+        }
+        if (prop === 'aspectRatio') {
+            resolvedStyle[prop] = value.toString();
+        }
+        else if (prop === 'backgroundClip') {
+            // TODO: remove once this issue is fixed
+            // https://github.com/rofrischmann/inline-style-prefixer/issues/159
+            if (value === 'text') {
+                resolvedStyle.backgroundClip = value;
+                resolvedStyle.WebkitBackgroundClip = value;
+            }
+        }
+        else if (prop === 'flex') {
+            if (value === -1) {
+                resolvedStyle.flexGrow = 0;
+                resolvedStyle.flexShrink = 1;
+                resolvedStyle.flexBasis = 'auto';
+            }
+            else {
+                resolvedStyle.flex = value;
+            }
+        }
+        else if (prop === 'font') {
+            resolvedStyle[prop] = value.replace('System', SYSTEM_FONT_STACK);
+        }
+        else if (prop === 'fontFamily') {
+            if (value.indexOf('System') > -1) {
+                const stack = value.split(/,\s*/);
+                stack[stack.indexOf('System')] = SYSTEM_FONT_STACK;
+                resolvedStyle[prop] = stack.join(',');
+            }
+            else if (value === 'monospace') {
+                resolvedStyle[prop] = MONOSPACE_FONT_STACK;
+            }
+            else {
+                resolvedStyle[prop] = value;
+            }
+        }
+        else if (prop === 'fontVariant') {
+            if (Array.isArray(value) && value.length > 0) {
+                resolvedStyle.fontVariant = value.join(' ');
+            }
+        }
+        else if (prop === 'textAlignVertical') {
+            resolvedStyle.verticalAlign = value === 'center' ? 'middle' : value;
+        }
+        else if (prop === 'textDecorationLine') {
+            // use 'text-decoration' for browsers that only support CSS2
+            // text-decoration (e.g., IE, Edge)
+            if (!supportsCSS3TextDecoration) {
+                resolvedStyle.textDecoration = value;
+            }
+            else {
+                resolvedStyle.textDecorationLine = value;
+            }
+        }
+        else if (prop === 'transform' || prop === 'transformMatrix') {
+            resolvedStyle.transform = (0, exports.createTransformValue)(style);
+        }
+        else if (prop === 'writingDirection') {
+            resolvedStyle.direction = value;
+        }
+        else {
+            const value = (0, normalizeValueWithProperty_tsx_1.normalizeValueWithProperty)(style[prop], prop);
+            const longFormProperties = STYLE_SHORT_FORM_EXPANSIONS[prop];
+            if (isInline && prop === 'margin') {
+                if (style.marginHorizontal == null) {
+                    resolvedStyle.marginLeft = value;
+                    resolvedStyle.marginRight = value;
+                }
+                if (style.marginVertical == null) {
+                    resolvedStyle.marginTop = value;
+                    resolvedStyle.marginBottom = value;
+                }
+            }
+            else if (isInline && prop === 'padding') {
+                if (style.paddingHorizontal == null) {
+                    resolvedStyle.paddingLeft = value;
+                    resolvedStyle.paddingRight = value;
+                }
+                if (style.paddingVertical == null) {
+                    resolvedStyle.paddingTop = value;
+                    resolvedStyle.paddingBottom = value;
+                }
+            }
+            else if (longFormProperties) {
+                longFormProperties.forEach((longForm, i) => {
+                    // The value of any longform property in the original styles takes
+                    // precedence over the shortform's value.
+                    if (style[longForm] == null) {
+                        resolvedStyle[longForm] = value;
+                    }
+                });
+            }
+            else {
+                resolvedStyle[prop] = Array.isArray(value) ? value.join(',') : value;
+            }
+        }
+    }
+    return resolvedStyle;
+};
+exports.createReactDOMStyle = createReactDOMStyle;
+//# sourceMappingURL=createReactDOMStyle.js.map

package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactDOMStyle.js","sourceRoot":"","sources":["../../../../src/StyleSheet/compiler/createReactDOMStyle.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/StyleSheet/compiler/hash.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var simple_hash_1 = require("@hanzogui/simple-hash");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return simple_hash_1.simpleHash; } });
+//# sourceMappingURL=hash.js.map

package/dist/cjs/StyleSheet/compiler/hash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash.js","sourceRoot":"","sources":["../../../../src/StyleSheet/compiler/hash.tsx"],"names":[],"mappings":";;;AAAA,qDAA6D;AAApD,sGAAA,UAAU,OAAW"}

package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hyphenateStyleName = hyphenateStyleName;
+const uppercasePattern = /[A-Z]/g;
+const msPattern = /^ms-/;
+const cache = {};
+function toHyphenLower(match) {
+    return '-' + match.toLowerCase();
+}
+function hyphenateStyleName(name) {
+    if (name in cache) {
+        return cache[name];
+    }
+    const hName = name.replace(uppercasePattern, toHyphenLower);
+    return (cache[name] = msPattern.test(hName) ? '-' + hName : hName);
+}
+//# sourceMappingURL=hyphenateStyleName.js.map

package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyphenateStyleName.js","sourceRoot":"","sources":["../../../../src/StyleSheet/compiler/hyphenateStyleName.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;AAEH,MAAM,gBAAgB,GAAG,QAAQ,CAAA;AACjC,MAAM,SAAS,GAAG,MAAM,CAAA;AACxB,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,SAAS,aAAa,CAAC,KAAK;IAC1B,OAAO,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;AAClC,CAAC;AAED,4BAAmC,IAAY;IAC7C,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;IAC3D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AACpE,CAAC"}

package/dist/cjs/StyleSheet/compiler/index.js

@@ -0,0 +1,409 @@
+"use strict";
+// @ts-nocheck
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.atomic = atomic;
+exports.classic = classic;
+exports.inline = inline;
+exports.stringifyValueWithProperty = stringifyValueWithProperty;
+const simple_hash_1 = require("@hanzogui/simple-hash");
+const createReactDOMStyle_tsx_1 = require("./createReactDOMStyle.js");
+const hyphenateStyleName_tsx_1 = require("./hyphenateStyleName.js");
+const normalizeValueWithProperty_tsx_1 = require("./normalizeValueWithProperty.js");
+const cache = new Map();
+const emptyObject = {};
+const classicGroup = 1;
+const atomicGroup = 2.2;
+const customGroup = {
+    borderColor: 2,
+    borderRadius: 2,
+    borderStyle: 2,
+    borderWidth: 2,
+    display: 2,
+    flex: 2,
+    margin: 2,
+    overflow: 2,
+    overscrollBehavior: 2,
+    padding: 2,
+    marginHorizontal: 2.1,
+    marginVertical: 2.1,
+    paddingHorizontal: 2.1,
+    paddingVertical: 2.1,
+};
+const borderTopLeftRadius = 'borderTopLeftRadius';
+const borderTopRightRadius = 'borderTopRightRadius';
+const borderBottomLeftRadius = 'borderBottomLeftRadius';
+const borderBottomRightRadius = 'borderBottomRightRadius';
+const borderLeftColor = 'borderLeftColor';
+const borderLeftStyle = 'borderLeftStyle';
+const borderLeftWidth = 'borderLeftWidth';
+const borderRightColor = 'borderRightColor';
+const borderRightStyle = 'borderRightStyle';
+const borderRightWidth = 'borderRightWidth';
+const right = 'right';
+const marginLeft = 'marginLeft';
+const marginRight = 'marginRight';
+const paddingLeft = 'paddingLeft';
+const paddingRight = 'paddingRight';
+const left = 'left';
+// Map of LTR property names to their BiDi equivalent.
+const PROPERTIES_FLIP = {
+    [borderTopLeftRadius]: borderTopRightRadius,
+    [borderTopRightRadius]: borderTopLeftRadius,
+    [borderBottomLeftRadius]: borderBottomRightRadius,
+    [borderBottomRightRadius]: borderBottomLeftRadius,
+    [borderLeftColor]: borderRightColor,
+    [borderLeftStyle]: borderRightStyle,
+    [borderLeftWidth]: borderRightWidth,
+    [borderRightColor]: borderLeftColor,
+    [borderRightStyle]: borderLeftStyle,
+    [borderRightWidth]: borderLeftWidth,
+    [left]: right,
+    [marginLeft]: marginRight,
+    [marginRight]: marginLeft,
+    [paddingLeft]: paddingRight,
+    [paddingRight]: paddingLeft,
+    [right]: left,
+};
+// Map of I18N property names to their LTR equivalent.
+const PROPERTIES_I18N = {
+    borderTopStartRadius: borderTopLeftRadius,
+    borderTopEndRadius: borderTopRightRadius,
+    borderBottomStartRadius: borderBottomLeftRadius,
+    borderBottomEndRadius: borderBottomRightRadius,
+    borderStartColor: borderLeftColor,
+    borderStartStyle: borderLeftStyle,
+    borderStartWidth: borderLeftWidth,
+    borderEndColor: borderRightColor,
+    borderEndStyle: borderRightStyle,
+    borderEndWidth: borderRightWidth,
+    end: right,
+    marginStart: marginLeft,
+    marginEnd: marginRight,
+    paddingStart: paddingLeft,
+    paddingEnd: paddingRight,
+    start: left,
+};
+const PROPERTIES_VALUE = ['clear', 'float', 'textAlign'];
+function atomic(style) {
+    const compiledStyle = { $$css: true };
+    const compiledRules = [];
+    function atomicCompile(prop, value) {
+        const valueString = stringifyValueWithProperty(value, prop);
+        const cacheKey = prop + valueString;
+        const cachedResult = cache.get(cacheKey);
+        let identifier;
+        if (cachedResult != null) {
+            identifier = cachedResult[0];
+            compiledRules.push(cachedResult[1]);
+        }
+        else {
+            identifier = createIdentifier('r', prop, value);
+            const order = customGroup[prop] || atomicGroup;
+            const rules = createAtomicRules(identifier, prop, value);
+            const orderedRules = [rules, order];
+            compiledRules.push(orderedRules);
+            cache.set(cacheKey, [identifier, orderedRules]);
+        }
+        return identifier;
+    }
+    Object.keys(style)
+        .sort()
+        .forEach((prop) => {
+        const value = style[prop];
+        if (value != null) {
+            let localizeableValue;
+            // BiDi flip values
+            if (PROPERTIES_VALUE.indexOf(prop) > -1) {
+                const left = atomicCompile(prop, 'left');
+                const right = atomicCompile(prop, 'right');
+                if (value === 'start') {
+                    localizeableValue = [left, right];
+                }
+                else if (value === 'end') {
+                    localizeableValue = [right, left];
+                }
+            }
+            // BiDi flip properties
+            const propPolyfill = PROPERTIES_I18N[prop];
+            if (propPolyfill != null) {
+                const ltr = atomicCompile(propPolyfill, value);
+                const rtl = atomicCompile(PROPERTIES_FLIP[propPolyfill], value);
+                localizeableValue = [ltr, rtl];
+            }
+            // BiDi flip transitionProperty value
+            if (prop === 'transitionProperty') {
+                const values = Array.isArray(value) ? value : [value];
+                const polyfillIndices = [];
+                for (let i = 0; i < values.length; i++) {
+                    const val = values[i];
+                    if (typeof val === 'string' && PROPERTIES_I18N[val] != null) {
+                        polyfillIndices.push(i);
+                    }
+                }
+                if (polyfillIndices.length > 0) {
+                    const ltrPolyfillValues = [...values];
+                    const rtlPolyfillValues = [...values];
+                    polyfillIndices.forEach((i) => {
+                        const ltrVal = ltrPolyfillValues[i];
+                        if (typeof ltrVal === 'string') {
+                            const ltrPolyfill = PROPERTIES_I18N[ltrVal];
+                            const rtlPolyfill = PROPERTIES_FLIP[ltrPolyfill];
+                            ltrPolyfillValues[i] = ltrPolyfill;
+                            rtlPolyfillValues[i] = rtlPolyfill;
+                            const ltr = atomicCompile(prop, ltrPolyfillValues);
+                            const rtl = atomicCompile(prop, rtlPolyfillValues);
+                            localizeableValue = [ltr, rtl];
+                        }
+                    });
+                }
+            }
+            if (localizeableValue == null) {
+                localizeableValue = atomicCompile(prop, value);
+            }
+            else {
+                compiledStyle['$$css$localize'] = true;
+            }
+            compiledStyle[prop] = localizeableValue;
+        }
+    });
+    return [compiledStyle, compiledRules];
+}
+/**
+ * Compile simple style object to classic CSS rules.
+ * No support for 'placeholderTextColor', 'scrollbarWidth', or 'pointerEvents'.
+ */
+function classic(style, name) {
+    const compiledStyle = { $$css: true };
+    const compiledRules = [];
+    const { animationKeyframes, ...rest } = style;
+    const identifier = createIdentifier('css', name, style);
+    const selector = `.${identifier}`;
+    let animationName;
+    if (animationKeyframes != null) {
+        const [animationNames, keyframesRules] = processKeyframesValue(animationKeyframes);
+        animationName = animationNames.join(',');
+        compiledRules.push(...keyframesRules);
+    }
+    const block = createDeclarationBlock({ ...rest, animationName });
+    compiledRules.push(`${selector}${block}`);
+    compiledStyle[identifier] = identifier;
+    return [compiledStyle, [[compiledRules, classicGroup]]];
+}
+/**
+ * Compile simple style object to inline DOM styles.
+ * No support for 'animationKeyframes', 'placeholderTextColor', 'scrollbarWidth', or 'pointerEvents'.
+ */
+function inline(originalStyle, isRTL) {
+    const style = originalStyle || emptyObject;
+    const frozenProps = {};
+    const nextStyle = {};
+    for (const originalProp in style) {
+        const originalValue = style[originalProp];
+        let prop = originalProp;
+        let value = originalValue;
+        if (!Object.prototype.hasOwnProperty.call(style, originalProp) ||
+            originalValue == null) {
+            continue;
+        }
+        // BiDi flip values
+        if (PROPERTIES_VALUE.indexOf(originalProp) > -1) {
+            if (originalValue === 'start') {
+                value = isRTL ? 'right' : 'left';
+            }
+            else if (originalValue === 'end') {
+                value = isRTL ? 'left' : 'right';
+            }
+        }
+        // BiDi flip properties
+        const propPolyfill = PROPERTIES_I18N[originalProp];
+        if (propPolyfill != null) {
+            prop = isRTL ? PROPERTIES_FLIP[propPolyfill] : propPolyfill;
+        }
+        // BiDi flip transitionProperty value
+        if (originalProp === 'transitionProperty') {
+            // @ts-ignore
+            const originalValues = Array.isArray(originalValue)
+                ? originalValue
+                : [originalValue];
+            originalValues.forEach((val, i) => {
+                if (typeof val === 'string') {
+                    const valuePolyfill = PROPERTIES_I18N[val];
+                    if (valuePolyfill != null) {
+                        originalValues[i] = isRTL ? PROPERTIES_FLIP[valuePolyfill] : valuePolyfill;
+                    }
+                }
+            });
+        }
+        // Create finalized style
+        if (!frozenProps[prop]) {
+            nextStyle[prop] = value;
+        }
+        if (PROPERTIES_I18N.hasOwnProperty(originalProp)) {
+            frozenProps[prop] = true;
+        }
+    }
+    return (0, createReactDOMStyle_tsx_1.createReactDOMStyle)(nextStyle, true);
+}
+/**
+ * Create a value string that normalizes different input values with a common
+ * output.
+ */
+function stringifyValueWithProperty(value, property) {
+    // e.g., 0 => '0px', 'black' => 'rgba(0,0,0,1)'
+    const normalizedValue = (0, normalizeValueWithProperty_tsx_1.normalizeValueWithProperty)(value, property);
+    return typeof normalizedValue !== 'string'
+        ? JSON.stringify(normalizedValue || '')
+        : normalizedValue;
+}
+/**
+ * Create the Atomic CSS rules needed for a given StyleSheet rule.
+ * Translates StyleSheet declarations to CSS.
+ */
+function createAtomicRules(identifier, property, value) {
+    const rules = [];
+    const selector = `.${identifier}`;
+    // Handle non-standard properties and object values that require multiple
+    // CSS rules to be created.
+    switch (property) {
+        case 'animationKeyframes': {
+            const [animationNames, keyframesRules] = processKeyframesValue(value);
+            const block = createDeclarationBlock({
+                animationName: animationNames.join(','),
+            });
+            rules.push(`${selector}${block}`, ...keyframesRules);
+            break;
+        }
+        // Equivalent to using '::placeholder'
+        case 'placeholderTextColor': {
+            const block = createDeclarationBlock({ color: value, opacity: 1 });
+            rules.push(`${selector}::-webkit-input-placeholder${block}`, `${selector}::-moz-placeholder${block}`, `${selector}:-ms-input-placeholder${block}`, `${selector}::placeholder${block}`);
+            break;
+        }
+        // Polyfill for additional 'pointer-events' values
+        // See d13f78622b233a0afc0c7a200c0a0792c8ca9e58
+        case 'pointerEvents': {
+            let finalValue = value;
+            if (value === 'auto' || value === 'box-only') {
+                finalValue = 'auto!important';
+                if (value === 'box-only') {
+                    const block = createDeclarationBlock({ pointerEvents: 'none' });
+                    rules.push(`${selector}>*${block}`);
+                }
+            }
+            else if (value === 'none' || value === 'box-none') {
+                finalValue = 'none!important';
+                if (value === 'box-none') {
+                    const block = createDeclarationBlock({ pointerEvents: 'auto' });
+                    rules.push(`${selector}>*${block}`);
+                }
+            }
+            const block = createDeclarationBlock({ pointerEvents: finalValue });
+            rules.push(`${selector}${block}`);
+            break;
+        }
+        // Polyfill for draft spec
+        // https://drafts.csswg.org/css-scrollbars-1/
+        case 'scrollbarWidth': {
+            if (value === 'none') {
+                rules.push(`${selector}::-webkit-scrollbar{display:none}`);
+            }
+            const block = createDeclarationBlock({ scrollbarWidth: value });
+            rules.push(`${selector}${block}`);
+            break;
+        }
+        default: {
+            const block = createDeclarationBlock({ [property]: value });
+            rules.push(`${selector}${block}`);
+            break;
+        }
+    }
+    return rules;
+}
+/**
+ * Creates a CSS declaration block from a StyleSheet object.
+ */
+function createDeclarationBlock(style) {
+    const domStyle = (0, createReactDOMStyle_tsx_1.createReactDOMStyle)(style);
+    const declarationsString = Object.keys(domStyle)
+        .map((property) => {
+        const value = domStyle[property];
+        const prop = (0, hyphenateStyleName_tsx_1.hyphenateStyleName)(property);
+        // The prefixer may return an array of values:
+        // { display: [ '-webkit-flex', 'flex' ] }
+        // to represent "fallback" declarations
+        // { display: -webkit-flex; display: flex; }
+        if (Array.isArray(value)) {
+            return value.map((v) => `${prop}:${v}`).join(';');
+        }
+        else {
+            return `${prop}:${value}`;
+        }
+    })
+        // Once properties are hyphenated, this will put the vendor
+        // prefixed and short-form properties first in the list.
+        .sort()
+        .join(';');
+    return `{${declarationsString};}`;
+}
+/**
+ * An identifier is associated with a unique set of styles.
+ */
+function createIdentifier(prefix, name, value) {
+    const hashedString = (0, simple_hash_1.simpleHash)(name + stringifyValueWithProperty(value, name));
+    return process.env.NODE_ENV !== 'production'
+        ? `${prefix}-${name}-${hashedString}`
+        : `${prefix}-${hashedString}`;
+}
+/**
+ * Create individual CSS keyframes rules.
+ */
+function createKeyframes(keyframes) {
+    const prefixes = ['-webkit-', ''];
+    const identifier = createIdentifier('r', 'animation', keyframes);
+    const steps = '{' +
+        Object.keys(keyframes)
+            .map((stepName) => {
+            const rule = keyframes[stepName];
+            const block = createDeclarationBlock(rule);
+            return `${stepName}${block}`;
+        })
+            .join('') +
+        '}';
+    const rules = prefixes.map((prefix) => {
+        return `@${prefix}keyframes ${identifier}${steps}`;
+    });
+    return [identifier, rules];
+}
+/**
+ * Create CSS keyframes rules and names from a StyleSheet keyframes object.
+ */
+function processKeyframesValue(keyframesValue) {
+    if (typeof keyframesValue === 'number') {
+        throw new Error(`Invalid CSS keyframes type: ${typeof keyframesValue}`);
+    }
+    const animationNames = [];
+    const rules = [];
+    const value = Array.isArray(keyframesValue) ? keyframesValue : [keyframesValue];
+    value.forEach((keyframes) => {
+        if (typeof keyframes === 'string') {
+            // Support external animation libraries (identifiers only)
+            animationNames.push(keyframes);
+        }
+        else {
+            // Create rules for each of the keyframes
+            const [identifier, keyframesRules] = createKeyframes(keyframes);
+            animationNames.push(identifier);
+            rules.push(...keyframesRules);
+        }
+    });
+    return [animationNames, rules];
+}
+//# sourceMappingURL=index.js.map