@stylix/core 3.1.0

package/dist/useStyles.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalStyles = exports.useKeyframes = exports.useStyles = void 0;
+const applyRules_1 = __importDefault(require("./applyRules"));
+const plugins_1 = require("./plugins");
+const stylesToRuleArray_1 = __importDefault(require("./stylesToRuleArray"));
+const StylixProvider_1 = require("./StylixProvider");
+const hashString_1 = require("./util/hashString");
+const useIsoLayoutEffect_1 = __importDefault(require("./util/useIsoLayoutEffect"));
+function cleanup(ctx) {
+    if (typeof ctx.cleanupRequest !== 'undefined')
+        return;
+    ctx.cleanupRequest = setTimeout(() => {
+        let deleted = false;
+        for (const i in ctx.rules) {
+            const rule = ctx.rules[i];
+            if (!rule.refs) {
+                delete ctx.rules[rule.hash];
+                deleted = true;
+            }
+        }
+        deleted && applyRules_1.default(ctx);
+        delete ctx.cleanupRequest;
+    }, 100);
+}
+/**
+ * Accepts a Stylix CSS object and returns a unique className based on the styles' hash.
+ * The styles are registered with the Stylix context and will be applied to the document.
+ * If `global` is false, provided styles will be nested within the generated classname.
+ * Returns the className hash if enabled, or an empty string.
+ */
+function useStyles(styles, options = { global: false, disabled: false }) {
+    const stylixCtx = StylixProvider_1.useStylixContext();
+    // Preprocess styles with plugins
+    if (!options.disabled && styles)
+        styles = plugins_1.applyPlugins('preprocessStyles', styles, null, stylixCtx);
+    // Serialize value and generate hash
+    const json = !options.disabled && styles && JSON.stringify(styles);
+    const hash = json && json !== '{}' && json !== '[]'
+        ? hashString_1.hashString(JSON.stringify(stylixCtx.media || []) + json)
+        : '';
+    // When hash changes, add/remove ref count
+    useIsoLayoutEffect_1.default(() => {
+        if (!hash)
+            return;
+        stylixCtx.rules[hash].refs++;
+        return () => {
+            stylixCtx.rules[hash].refs--;
+            cleanup(stylixCtx);
+        };
+    }, [hash]);
+    if (!hash) {
+        return '';
+    }
+    // If css is not cached, process css and apply it.
+    if (!stylixCtx.rules[hash]) {
+        // If not global styles, wrap original styles with classname
+        if (!options.global)
+            styles = { ['.' + hash]: styles };
+        stylixCtx.rules[hash] = {
+            hash,
+            rules: stylesToRuleArray_1.default(styles, hash, stylixCtx),
+            refs: 0,
+        };
+        applyRules_1.default(stylixCtx);
+    }
+    return hash;
+}
+exports.useStyles = useStyles;
+function useKeyframes(keyframes, options = { disabled: false }) {
+    return useStyles({ '@keyframes $$class': keyframes }, Object.assign({ global: true }, options));
+}
+exports.useKeyframes = useKeyframes;
+function useGlobalStyles(styles, options = { disabled: false }) {
+    return useStyles(styles, Object.assign(Object.assign({}, options), { global: true }));
+}
+exports.useGlobalStyles = useGlobalStyles;
+//# sourceMappingURL=useStyles.js.map

package/dist/useStyles.js.map

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

package/dist/util/cloneDeep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Deeply clones a value.
+ */
+export declare function cloneDeep<T>(value: T): T;

package/dist/util/cloneDeep.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloneDeep = void 0;
+const isPlainObject_1 = require("./isPlainObject");
+/**
+ * Deeply clones a value.
+ */
+function cloneDeep(value) {
+    if (!value || typeof value !== 'object')
+        return value;
+    if (Array.isArray(value)) {
+        const clone = [];
+        for (let index = 0; index < value.length; ++index) {
+            clone.push(cloneDeep(value[index]));
+        }
+        return clone;
+    }
+    if (isPlainObject_1.isPlainObject(value)) {
+        const clone = {};
+        for (const key in value) {
+            clone[key] = cloneDeep(value[key]);
+        }
+        return clone;
+    }
+    return value;
+}
+exports.cloneDeep = cloneDeep;
+//# sourceMappingURL=cloneDeep.js.map

package/dist/util/cloneDeep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneDeep.js","sourceRoot":"","sources":["../../src/util/cloneDeep.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD;;GAEG;AACH,SAAgB,SAAS,CAAI,KAAQ;IACnC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,MAAM,KAAK,GAAQ,EAAE,CAAC;QACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;YACjD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACrC;QACD,OAAO,KAAK,CAAC;KACd;IACD,IAAI,6BAAa,CAAC,KAAK,CAAC,EAAE;QACxB,MAAM,KAAK,GAAQ,EAAE,CAAC;QACtB,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;YACvB,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;SACpC;QACD,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,8BAiBC"}

package/dist/util/flatten.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Flatten an array recursively.
+ */
+export declare function flatten<TEntryType>(array: unknown[]): TEntryType[];

package/dist/util/flatten.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flatten = void 0;
+/**
+ * Flatten an array recursively.
+ */
+function flatten(array) {
+    const result = [];
+    _flatten(array, result);
+    return result;
+}
+exports.flatten = flatten;
+function _flatten(array, result) {
+    for (let i = 0; i < array.length; i++) {
+        const value = array[i];
+        Array.isArray(value) ? _flatten(value, result) : result.push(value);
+    }
+}
+//# sourceMappingURL=flatten.js.map

package/dist/util/flatten.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten.js","sourceRoot":"","sources":["../../src/util/flatten.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,SAAgB,OAAO,CAAa,KAAgB;IAClD,MAAM,MAAM,GAAc,EAAE,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACxB,OAAO,MAAsB,CAAC;AAChC,CAAC;AAJD,0BAIC;AAED,SAAS,QAAQ,CAAC,KAAgB,EAAE,MAAiB;IACnD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACvB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5E;AACH,CAAC"}

package/dist/util/hashString.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Cheap string hashing, suitable for generating css class names
+ */
+export declare function hashString(str: any): string;

package/dist/util/hashString.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hashString = void 0;
+/**
+ * Cheap string hashing, suitable for generating css class names
+ */
+function hashString(str) {
+    let hash = 5381;
+    let i = str.length;
+    while (i)
+        hash = (hash * 33) ^ str.charCodeAt(--i);
+    return 'stylix-' + (hash >>> 0).toString(36);
+}
+exports.hashString = hashString;
+//# sourceMappingURL=hashString.js.map

package/dist/util/hashString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashString.js","sourceRoot":"","sources":["../../src/util/hashString.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,SAAgB,UAAU,CAAC,GAAG;IAC5B,IAAI,IAAI,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC;IACnB,OAAO,CAAC;QAAE,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IACnD,OAAO,SAAS,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC/C,CAAC;AALD,gCAKC"}

package/dist/util/isPlainObject.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Indicates that an object is most likely just an object literal.
+ */
+export declare function isPlainObject(obj: any): boolean;

package/dist/util/isPlainObject.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPlainObject = void 0;
+/**
+ * Indicates that an object is most likely just an object literal.
+ */
+function isPlainObject(obj) {
+    return typeof obj === 'object' && (obj === null || obj === void 0 ? void 0 : obj.__proto__) === Object.prototype;
+}
+exports.isPlainObject = isPlainObject;
+//# sourceMappingURL=isPlainObject.js.map

package/dist/util/isPlainObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isPlainObject.js","sourceRoot":"","sources":["../../src/util/isPlainObject.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,SAAgB,aAAa,CAAC,GAAQ;IACpC,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,MAAK,MAAM,CAAC,SAAS,CAAC;AACxE,CAAC;AAFD,sCAEC"}

package/dist/util/mapObjectRecursive.d.ts

@@ -0,0 +1,8 @@
+export declare function mapObjectRecursive(object: any, map: (key: string | number, value: any, object: any, context: any) => Record<string | number, any>, context?: any): {};
+/**
+ * Invokes `map` on each key/value pair in `object`. The key/value pair is deleted from the object and replaced by
+ * merging in the object returned from `map`. Recursively descends into all object and array values.
+ * The `map` function will receive the key, the value, the current object being mapped, and a context object.
+ * The context object is a plain object that you can modify as needed. The value will persist to subsequent calls to
+ * `map` on child properties of `value`.
+ */

package/dist/util/mapObjectRecursive.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapObjectRecursive = void 0;
+const isPlainObject_1 = require("./isPlainObject");
+function mapObjectRecursive(object, map, context = {}) {
+    const clone = Array.isArray(object) ? [] : {};
+    for (const k of Object.keys(object)) {
+        let key = k;
+        const value = object[key];
+        if (Array.isArray(object))
+            key = +key;
+        const contextClone = Object.assign({}, context);
+        let result = map(key, value, object, contextClone);
+        if (typeof result !== 'undefined' && typeof result !== 'object' && !Array.isArray(result))
+            throw new Error('mapObjectRecursive: return value of map function must be undefined, object, or array!');
+        if (typeof result === 'undefined') {
+            result = { [key]: value };
+        }
+        for (const kk in result) {
+            let value = result[kk];
+            if (isPlainObject_1.isPlainObject(value) || Array.isArray(value))
+                value = mapObjectRecursive(value, map, contextClone);
+            if (typeof value !== 'undefined')
+                clone[kk] = value;
+        }
+    }
+    return clone;
+}
+exports.mapObjectRecursive = mapObjectRecursive;
+/**
+ * Invokes `map` on each key/value pair in `object`. The key/value pair is deleted from the object and replaced by
+ * merging in the object returned from `map`. Recursively descends into all object and array values.
+ * The `map` function will receive the key, the value, the current object being mapped, and a context object.
+ * The context object is a plain object that you can modify as needed. The value will persist to subsequent calls to
+ * `map` on child properties of `value`.
+ */
+// export function mapObjectRecursive(
+//   object: any,
+//   map: (
+//     key: string | number,
+//     value: any,
+//     object: any,
+//     context: any,
+//   ) => Record<string | number, any>,
+// ): any {
+//   return _mapObjectRecursive(object, map, {});
+// }
+//# sourceMappingURL=mapObjectRecursive.js.map

package/dist/util/mapObjectRecursive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapObjectRecursive.js","sourceRoot":"","sources":["../../src/util/mapObjectRecursive.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD,SAAgB,kBAAkB,CAChC,MAAW,EACX,GAKiC,EACjC,UAAe,EAAE;IAEjB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9C,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACnC,IAAI,GAAG,GAAoB,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,GAAG,GAAG,CAAC,GAAG,CAAC;QACtC,MAAM,YAAY,qBAAQ,OAAO,CAAE,CAAC;QACpC,IAAI,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;QACnD,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvF,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;QACJ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;SAC3B;QACD,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE;YACvB,IAAI,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;YACvB,IAAI,6BAAa,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC9C,KAAK,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;YACvD,IAAI,OAAO,KAAK,KAAK,WAAW;gBAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;SACrD;KACF;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAnCD,gDAmCC;AAED;;;;;;GAMG;AACH,sCAAsC;AACtC,iBAAiB;AACjB,WAAW;AACX,4BAA4B;AAC5B,kBAAkB;AAClB,mBAAmB;AACnB,oBAAoB;AACpB,uCAAuC;AACvC,WAAW;AACX,iDAAiD;AACjD,IAAI"}

package/dist/util/merge.d.ts

@@ -0,0 +1,5 @@
+export declare function merge<A>(a?: A): A;
+export declare function merge<A, B>(a: A, b: B): A & B;
+export declare function merge<A, B, C>(a: A, b: B, c: C): A & B & C;
+export declare function merge<A, B, C, D>(a: A, b: B, c: C, d: D): A & B & C & D;
+export declare function merge<A, B, C, D, E>(a: A, b: B, c: C, d: D, e: E): A & B & C & D & E;

package/dist/util/merge.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.merge = void 0;
+const isPlainObject_1 = require("./isPlainObject");
+function merge(...items) {
+    items = items.filter((item) => typeof item !== 'undefined' && item !== null);
+    if (!(items === null || items === void 0 ? void 0 : items.length))
+        return undefined;
+    if (items.length === 1)
+        return items[0];
+    // If items are not all objects/arrays, return the last object/array if possible, otherwise last non-undefined value
+    if (!items.every((item) => Array.isArray(item) || isPlainObject_1.isPlainObject(item))) {
+        items.reverse();
+        return (items.find((item) => Array.isArray(item) || isPlainObject_1.isPlainObject(item)) ||
+            items.find((item) => typeof item !== 'undefined'));
+    }
+    const merged = Array.isArray(items[0]) ? [] : {};
+    for (const item of items) {
+        if (!Array.isArray(item) && !isPlainObject_1.isPlainObject(item))
+            return merged;
+        const keys = [...Object.keys(item), ...Object.getOwnPropertySymbols(item)];
+        for (const key of keys) {
+            const result = merge(merged[key], item[key]);
+            if (typeof result !== 'undefined')
+                merged[key] = result;
+        }
+    }
+    return merged;
+}
+exports.merge = merge;
+//# sourceMappingURL=merge.js.map

package/dist/util/merge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../src/util/merge.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAQhD,SAAgB,KAAK,CAAC,GAAG,KAAwB;IAC/C,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC;IAC7E,IAAI,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;QAAE,OAAO,SAAS,CAAC;IAErC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IAExC,oHAAoH;IACpH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6BAAa,CAAC,IAAI,CAAC,CAAC,EAAE;QACtE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,OAAO,CACL,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6BAAa,CAAC,IAAI,CAAC,CAAC;YAChE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,WAAW,CAAC,CAClD,CAAC;KACH;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,6BAAa,CAAC,IAAI,CAAC;YAAE,OAAO,MAAM,CAAC;QAEhE,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3E,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAC7C,IAAI,OAAO,MAAM,KAAK,WAAW;gBAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;SACzD;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AA1BD,sBA0BC"}

package/dist/util/useIsoLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+declare const useIsoLayoutEffect: typeof useLayoutEffect;
+export default useIsoLayoutEffect;

package/dist/util/useIsoLayoutEffect.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useIsoLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
+exports.default = useIsoLayoutEffect;
+//# sourceMappingURL=useIsoLayoutEffect.js.map

package/dist/util/useIsoLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsoLayoutEffect.js","sourceRoot":"","sources":["../../src/util/useIsoLayoutEffect.ts"],"names":[],"mappings":";;AAAA,iCAAmD;AAEnD,MAAM,kBAAkB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,iBAAS,CAAC;AAEvF,kBAAe,kBAAkB,CAAC"}

package/dist/util/walkRecursive.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Invokes a callback for each key/value pair in `object`, and continues recursively on each value that is an array or a
+ * plain object. Returns `object`.
+ * The `cb` function will receive the key, the value, the current object being mapped, and a context object.
+ * The context object is a plain object that you can modify as needed. The value will persist to subsequent calls to
+ * `map` on child properties of `value`.
+ */
+export declare function walkRecursive<T = any>(object: T, cb: (key: string, value: any, currentObject: any, context: any) => void, context?: any): T;

package/dist/util/walkRecursive.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.walkRecursive = void 0;
+const cloneDeep_1 = require("./cloneDeep");
+const isPlainObject_1 = require("./isPlainObject");
+/**
+ * Invokes a callback for each key/value pair in `object`, and continues recursively on each value that is an array or a
+ * plain object. Returns `object`.
+ * The `cb` function will receive the key, the value, the current object being mapped, and a context object.
+ * The context object is a plain object that you can modify as needed. The value will persist to subsequent calls to
+ * `map` on child properties of `value`.
+ */
+function walkRecursive(object, cb, context) {
+    const keys = Object.keys(object);
+    for (const key of keys) {
+        const value = object[key];
+        cb(key, value, object, context);
+        if (Array.isArray(value) || isPlainObject_1.isPlainObject(value)) {
+            const contextClone = cloneDeep_1.cloneDeep(context);
+            walkRecursive(value, cb, contextClone);
+        }
+    }
+    return object;
+}
+exports.walkRecursive = walkRecursive;
+//# sourceMappingURL=walkRecursive.js.map

package/dist/util/walkRecursive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkRecursive.js","sourceRoot":"","sources":["../../src/util/walkRecursive.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AACxC,mDAAgD;AAEhD;;;;;;GAMG;AACH,SAAgB,aAAa,CAC3B,MAAS,EACT,EAAuE,EACvE,OAAa;IAEb,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,6BAAa,CAAC,KAAK,CAAC,EAAE;YAChD,MAAM,YAAY,GAAG,qBAAS,CAAC,OAAO,CAAC,CAAC;YACxC,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;SACxC;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAfD,sCAeC"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@stylix/core",
+  "version": "3.1.0",
+  "description": "React, with style. Add styles to your React apps with props: the easy, natural, and low learning curve approach.",
+  "keywords": [
+    "react",
+    "styles",
+    "css",
+    "css-in-js",
+    "emotion",
+    "styled-components"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "npm run clean && tsc",
+    "start": "tsc --watch",
+    "test": "jest",
+    "clean": "rm -rf dist",
+    "prettier": "prettier --write .",
+    "eslint": "eslint --ext=.ts,.tsx,.js,.jsx ./src",
+    "eslint:fix": "eslint --fix --ext=.ts,.tsx,.js,.jsx ./src",
+    "prepare": "husky install && rm -rf .git/hooks && ln -s ../.husky .git/hooks"
+  },
+  "author": "Alex Brombal",
+  "license": "MIT",
+  "homepage": "https://stylix.dev/",
+  "bugs": "https://github.com/brombal/stylix/issues",
+  "repository": "https://github.com/brombal/stylix",
+  "devDependencies": {
+    "@types/jest": "^26.0.22",
+    "@types/node": "^14.14.20",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.12.0",
+    "@typescript-eslint/parser": "^4.12.0",
+    "eslint": "^7.17.0",
+    "eslint-config-prettier": "^7.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "eslint-plugin-unused-imports": "^1.0.1",
+    "husky": "^6.0.0",
+    "jest": "^26.6.3",
+    "lint-staged": "^10.5.3",
+    "prettier": "^2.2.1",
+    "ts-jest": "^26.5.1",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "lint-staged": {
+    "**/*.{md,json}": [
+      "prettier --embedded-language-formatting off --write"
+    ],
+    "src/**/*.{js,jsx,ts,tsx}": [
+      "eslint"
+    ]
+  },
+  "files": [
+    "dist/*"
+  ]
+}