@weser/style 1.0.0 → 2.0.1

package/dist/core/__tests__/createRenderer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createRenderer.test.d.ts.map

package/dist/core/__tests__/createRenderer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.test.d.ts","sourceRoot":"","sources":["../../../src/core/__tests__/createRenderer.test.ts"],"names":[],"mappings":""}

package/dist/core/__tests__/createRenderer.test.js

@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest';
+import createRenderer from '../createRenderer.js';
+describe('createRenderer', () => {
+    it('returns a css function', () => {
+        const css = createRenderer();
+        expect(typeof css).toBe('function');
+    });
+});
+describe('css function', () => {
+    it('returns returns a tuple of the processed style object and a style node', () => {
+        const css = createRenderer();
+        const [props, node] = css({ color: 'red' });
+        expect(props.style).toEqual({ color: 'red' });
+        expect(node).toMatchSnapshot();
+    });
+    it('supports nested selectors', () => {
+        const css = createRenderer();
+        const [props, node] = css({ color: 'red', ':hover': { color: 'blue' } });
+        expect(props.style).toEqual({
+            color: 'var(--3dwc1p-1, blue) var(--3dwc1p-0, red)',
+        });
+        expect(node).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=createRenderer.test.js.map

package/dist/core/__tests__/createRenderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.test.js","sourceRoot":"","sources":["../../../src/core/__tests__/createRenderer.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,cAAc,MAAM,sBAAsB,CAAA;AAEjD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;QAE5B,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;QAE5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QAC3C,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QAC7C,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;IAChC,CAAC,CAAC,CAAA;IACF,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;QAE5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAA;QACxE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YAC1B,KAAK,EAAE,4CAA4C;SACpD,CAAC,CAAA;QACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;IAChC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/core/createRenderer.d.ts

@@ -1,21 +1,21 @@
-import { createHooks as baseCreateHooks } from '@css-hooks/react';
-import { WithHooks as BaseWithHooks } from '@css-hooks/core';
 import { assignStyle } from 'css-in-js-utils';
-import { type T_Fallback, type T_RawStyle, type T_Style } from '../types';
-type WithHooks<Hooks, T> = BaseWithHooks<Hooks, T>;
-type Plugin<T> = (style: T) => T;
-type HookOptions<Hooks extends string> = Parameters<typeof baseCreateHooks<Hooks>>[0];
-type Config<T, Hooks extends string> = {
-    hooks: HookOptions<Hooks>;
-    fallbacks?: Array<T_Fallback>;
-    plugins?: Array<Plugin<T>>;
+import { ReactNode } from 'react';
+import { T_Style, T_Props, T_Context } from '../types';
+type StyleInput<T = T_Style> = undefined | T | Array<StyleInput<T>>;
+type Plugin = (style: T_Style, context: T_Context) => T_Style;
+type Config = {
+    plugins?: Array<Plugin>;
     mergeStyle?: typeof assignStyle;
+    devMode?: boolean;
 };
-export type Properties<T, Hooks> = Array<Properties<T, Hooks>> | WithHooks<Hooks, T> | undefined;
-export type CSSFunction<T, Hooks> = (...style: Array<Properties<T, Hooks>>) => T_RawStyle;
-export default function createRenderer<Hooks extends Record<string, string>, T extends Record<string, any> = T_Style>({ hooks, fallbacks, plugins, mergeStyle, }: Config<T, keyof Hooks & string>): [
-    string,
-    CSSFunction<T, keyof Hooks & string>
-];
+export default function createRenderer<T extends Record<string, any> = T_Style>(config?: Config): (...style: Array<StyleInput<T>>) => readonly [T_Props, MapIterator<ReactNode> | null] | readonly [T_Props, readonly [...ReactNode[], import("react").DetailedReactHTMLElement<{
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+    precedence: string;
+    href: string;
+    key: string;
+    nonce: string | undefined;
+}, HTMLElement>]];
 export {};
 //# sourceMappingURL=createRenderer.d.ts.map

package/dist/core/createRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.d.ts","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAK7C,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;AAElD,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;AAEhC,KAAK,WAAW,CAAC,KAAK,SAAS,MAAM,IAAI,UAAU,CACjD,OAAO,eAAe,CAAC,KAAK,CAAC,CAC9B,CAAC,CAAC,CAAC,CAAA;AAEJ,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,SAAS,MAAM,IAAI;IACrC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,WAAW,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,EAAE,KAAK,IAC3B,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAC3B,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,GACnB,SAAS,CAAA;AACb,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,KAAK,IAAI,CAClC,GAAG,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAClC,UAAU,CAAA;AACf,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACpC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EACvC,EACA,KAAK,EACL,SAAc,EACd,OAAY,EACZ,UAAwB,GACzB,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG;IACnC,MAAM;IACN,WAAW,CAAC,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAC;CACrC,CA2BA"}
+{"version":3,"file":"createRenderer.d.ts","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEtD,KAAK,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;AAEnE,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,KAAK,OAAO,CAAA;AAC7D,KAAK,MAAM,GAAG;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,WAAW,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EAC5E,MAAM,GAAE,MAAW,IAIC,GAAG,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;;;;;;;kBA8CnD"}

package/dist/core/createRenderer.js

@@ -1,23 +1,76 @@
-import { createHooks as baseCreateHooks } from '@css-hooks/react';
+import { each } from '@weser/object';
+import { reduce } from '@weser/array';
 import { assignStyle } from 'css-in-js-utils';
-import fallbackValuePlugin from './fallbackValuePlugin';
-import getFallbackCSS from './getFallbackCSS';
-export default function createRenderer({ hooks, fallbacks = [], plugins = [], mergeStyle = assignStyle, }) {
-    if (fallbacks.length > 0) {
-        plugins.unshift(fallbackValuePlugin(fallbacks));
-    }
-    const fallbackCSS = getFallbackCSS(fallbacks);
-    const [baseCSS, fn] = baseCreateHooks(hooks);
-    const staticCSS = [baseCSS, fallbackCSS].join('');
-    function css(...style) {
+import createStyleNode from './createStyleNode';
+import hash from '../helpers/hash';
+export default function createRenderer(config = {}) {
+    const { plugins = [], mergeStyle = assignStyle, devMode = false } = config;
+    return function css(...style) {
+        const flags = {};
+        // we use a map to cache nodes to avoid duplicate
+        const nodes = new Map();
+        const props = {
+            style: {},
+        };
+        function createNode(css) {
+            const id = hash(css);
+            const node = createStyleNode(id, css);
+            nodes.set(id, node);
+        }
+        const context = {
+            devMode,
+            createNode,
+            props,
+            mergeStyle,
+        };
         // we ignore the "Type instantiation is excessively deep and possibly infinite."
         // @ts-ignore
         const flattened = style.flat(Infinity);
         const filtered = flattened.filter(Boolean);
+        // @ts-ignore
         const merged = mergeStyle({}, ...filtered);
-        const processed = plugins.reduce((processed, plugin) => plugin(processed), merged);
-        return fn(processed);
+        const resolved = resolveStyle(merged, plugins, flags, context);
+        props.style = resolved;
+        if (Object.keys(flags).length === 0) {
+            return [props, nodes.size > 0 ? nodes.values() : null];
+        }
+        const flagsSetup = Object.values(flags).map(getFlagSetup);
+        const flagsUsage = Object.entries(flags).map(([property, flag]) => getFlagUsage(property, flag));
+        const join = devMode ? '\n' : '';
+        const id = Object.values(flags).sort().join('_');
+        const markup = `*{${flagsSetup.join(join)}}${join}${flagsUsage.join(join)}`;
+        const node = createStyleNode(id, markup);
+        return [props, [...nodes.values(), node]];
+    };
+}
+function resolveStyle(style, plugins, flags = {}, context) {
+    const processed = reduce(plugins, (style, plugin) => plugin(style, context), style);
+    const { devMode } = context;
+    each(processed, (value, property) => {
+        if (typeof value === 'object' && value !== null) {
+            const resolved = resolveStyle(value, plugins, flags, context);
+            const flag = devMode
+                ? property.replace(/ /g, '-').replace(/[^a-z0-9-]/gi, '')
+                : hash(property);
+            flags[property] = flag;
+            each(resolved, (value, key) => {
+                const fallback = processed[key] ?? 'unset';
+                processed[key] =
+                    `var(--${flag}-1, ${value}) var(--${flag}-0, ${fallback})`;
+            });
+            delete processed[property];
+        }
+    });
+    return processed;
+}
+function getFlagSetup(flag) {
+    return `--${flag}-0:initial;--${flag}-1: ;`;
+}
+function getFlagUsage(property, flag) {
+    const usage = `--${flag}-0: ;--${flag}-1:initial`;
+    if (property.startsWith('@')) {
+        return `${property}{*{${usage}}}`;
     }
-    return [staticCSS, css];
+    return `${property.replace(/&/gi, '*')}{${usage}}`;
 }
 //# sourceMappingURL=createRenderer.js.map

package/dist/core/createRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.js","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AA0B7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAGpC,EACA,KAAK,EACL,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,WAAW,GACQ;IAIhC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACzB,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAA;IACjD,CAAC;IAED,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAE7C,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAE5C,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAEjD,SAAS,GAAG,CAAC,GAAG,KAAiD;QAC/D,gFAAgF;QAChF,aAAa;QACb,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAwB,CAAA;QAC7D,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAE1C,MAAM,MAAM,GAAG,UAAU,CAAC,EAAO,EAAE,GAAG,QAAQ,CAAC,CAAA;QAC/C,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAC9B,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EACxC,MAAM,CACP,CAAA;QAED,OAAO,EAAE,CAAC,SAAgD,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;AACzB,CAAC"}
+{"version":3,"file":"createRenderer.js","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"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"}

package/dist/core/createStyleNode.d.ts

@@ -0,0 +1,10 @@
+export default function createStyleNode(id: string, css: string, nonce?: string): import("react").DetailedReactHTMLElement<{
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+    precedence: string;
+    href: string;
+    key: string;
+    nonce: string | undefined;
+}, HTMLElement>;
+//# sourceMappingURL=createStyleNode.d.ts.map

package/dist/core/createStyleNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyleNode.d.ts","sourceRoot":"","sources":["../../src/core/createStyleNode.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM;;;;;;;;gBASf"}

package/dist/core/createStyleNode.js

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+export default function createStyleNode(id, css, nonce) {
+    return createElement('style', {
+        dangerouslySetInnerHTML: { __html: css },
+        precedence: 'low',
+        href: id,
+        key: id,
+        nonce,
+    });
+}
+//# sourceMappingURL=createStyleNode.js.map

package/dist/core/createStyleNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyleNode.js","sourceRoot":"","sources":["../../src/core/createStyleNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,EAAU,EACV,GAAW,EACX,KAAc;IAEd,OAAO,aAAa,CAAC,OAAO,EAAE;QAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;QACxC,UAAU,EAAE,KAAK;QACjB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK;KACN,CAAC,CAAA;AACJ,CAAC"}

package/dist/helpers/extend.d.ts

@@ -0,0 +1,3 @@
+import { T_Style } from '../types';
+export default function extend<T = T_Style>(condition: boolean, style: T): T_Style;
+//# sourceMappingURL=extend.d.ts.map

package/dist/helpers/extend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extend.d.ts","sourceRoot":"","sources":["../../src/helpers/extend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,GAAG,OAAO,EACxC,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,CAAC,GACP,OAAO,CAET"}

package/dist/helpers/extend.js

@@ -0,0 +1,4 @@
+export default function extend(condition, style) {
+    return (condition ? style : {});
+}
+//# sourceMappingURL=extend.js.map

package/dist/helpers/extend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extend.js","sourceRoot":"","sources":["../../src/helpers/extend.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,SAAkB,EAClB,KAAQ;IAER,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAY,CAAA;AAC5C,CAAC"}

package/dist/helpers/hash.d.ts

@@ -0,0 +1,2 @@
+export default function hash(str: string): string;
+//# sourceMappingURL=hash.d.ts.map

package/dist/helpers/hash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash.d.ts","sourceRoot":"","sources":["../../src/helpers/hash.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAgBhD"}

package/dist/helpers/hash.js

@@ -0,0 +1,17 @@
+// copied from restyle
+export default function hash(str) {
+    let h = 0 ^ 0x811c9dc5;
+    for (let index = 0; index < str.length; index++) {
+        h ^= str.charCodeAt(index);
+        h = (h * 0x01000193) >>> 0;
+    }
+    const letters = 'abcdefghijklmnopqrstuvwxyz';
+    const base36 = '0123456789' + letters;
+    let result = '';
+    do {
+        result = base36[h % 36] + result;
+        h = Math.floor(h / 36);
+    } while (h > 0);
+    return result;
+}
+//# sourceMappingURL=hash.js.map

package/dist/helpers/hash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash.js","sourceRoot":"","sources":["../../src/helpers/hash.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAW;IACtC,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;IACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAChD,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC;IAED,MAAM,OAAO,GAAG,4BAA4B,CAAA;IAC5C,MAAM,MAAM,GAAG,YAAY,GAAG,OAAO,CAAA;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,GAAG,CAAC;QACF,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAA;QAChC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IACxB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAC;IAEf,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/index.d.ts

@@ -1,12 +1,18 @@
-export { default as createRenderer, type Properties, type CSSFunction, } from './core/createRenderer';
-export { default as fallbackValue } from './core/fallbackValue';
-export { default as extend } from './core/extend';
-export { default as responsiveValuePlugin, responsiveValue, type T_ResponsiveStyle, type T_ResponsiveValue, } from './plugins/responsiveValue';
-export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
-export { default as debugPlugin } from './plugins/debug';
+export { default as createRenderer } from './core/createRenderer';
+export { default as customPropertyPlugin, type T_CustomStyle, } from './plugins/customProperty';
+export { default as debugPlugin, type T_DebugStyle } from './plugins/debug';
+export { default as embeddedPlugin, type T_EmbeddedStyle, } from './plugins/embedded';
 export { default as enforceLonghandPlugin } from './plugins/enforceLonghand';
+export { default as fallbackValuePlugin, type T_Fallback, } from './plugins/fallbackValue';
+export { default as loggerPlugin } from './plugins/logger';
+export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
+export { default as pseudoElementPlugin } from './plugins/pseudoElement';
+export { default as responsiveValuePlugin, responsiveValue, type T_ResponsiveValue, type T_ResponsiveStyle, } from './plugins/responsiveValue';
+export { default as rtlPlugin } from './plugins/rtl';
+export { default as sortConditionPlugin, sortMobileFirst, } from './plugins/sortCondition';
 export { default as sortPropertyPlugin } from './plugins/sortProperty';
 export { default as unitPlugin } from './plugins/unit';
+export { default as extend } from './helpers/extend';
 export { default as useCSSVariable } from './helpers/useCSSVariable';
-export { type T_Fallback, type T_Style } from './types';
+export type { T_Style } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,SAAS,IAAI,iBAAiB,GAC/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAGjE,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,KAAK,aAAa,GACnB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC3E,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,UAAU,GAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,SAAS,IAAI,iBAAiB,GAC/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGpE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -1,11 +1,19 @@
-export { default as createRenderer, } from './core/createRenderer';
-export { default as fallbackValue } from './core/fallbackValue';
-export { default as extend } from './core/extend';
-export { default as responsiveValuePlugin, responsiveValue, } from './plugins/responsiveValue';
-export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
+export { default as createRenderer } from './core/createRenderer';
+// plugins
+export { default as customPropertyPlugin, } from './plugins/customProperty';
 export { default as debugPlugin } from './plugins/debug';
+export { default as embeddedPlugin, } from './plugins/embedded';
 export { default as enforceLonghandPlugin } from './plugins/enforceLonghand';
+export { default as fallbackValuePlugin, } from './plugins/fallbackValue';
+export { default as loggerPlugin } from './plugins/logger';
+export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
+export { default as pseudoElementPlugin } from './plugins/pseudoElement';
+export { default as responsiveValuePlugin, responsiveValue, } from './plugins/responsiveValue';
+export { default as rtlPlugin } from './plugins/rtl';
+export { default as sortConditionPlugin, sortMobileFirst, } from './plugins/sortCondition';
 export { default as sortPropertyPlugin } from './plugins/sortProperty';
 export { default as unitPlugin } from './plugins/unit';
+// helpers
+export { default as extend } from './helpers/extend';
 export { default as useCSSVariable } from './helpers/useCSSVariable';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,cAAc,GAG1B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,eAAe,GAGhB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,SAAS,IAAI,iBAAiB,GAC/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEjE,UAAU;AACV,OAAO,EACL,OAAO,IAAI,oBAAoB,GAEhC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAqB,MAAM,iBAAiB,CAAA;AAC3E,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,mBAAmB,GAE/B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,SAAS,IAAI,iBAAiB,GAC/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,eAAe,GAGhB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,UAAU;AACV,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/plugins/__tests__/customProperty.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=customProperty.test.d.ts.map

package/dist/plugins/__tests__/customProperty.test.d.ts.map

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

package/dist/plugins/__tests__/customProperty.test.js

@@ -0,0 +1,63 @@
+import { describe, test, expect, vi } from 'vitest';
+import customPropertyPlugin from '../customProperty';
+describe('customPropertyPlugin', () => {
+    const context = {
+        mergeStyle: (target, source) => Object.assign(target, source),
+        createNode: vi.fn(),
+        props: { style: {} },
+        devMode: false,
+    };
+    test('resolves custom properties to style objects', () => {
+        const plugin = customPropertyPlugin({
+            size: (value) => ({ width: value, height: value }),
+        });
+        const result = plugin({ size: 100 }, context);
+        expect(result.width).toBe(100);
+        expect(result.height).toBe(100);
+    });
+    test('removes original property if not in resolved style', () => {
+        const plugin = customPropertyPlugin({
+            spacing: (value) => ({ padding: value, margin: value }),
+        });
+        const result = plugin({ spacing: 10 }, context);
+        expect('spacing' in result).toBeFalsy();
+        expect(result.padding).toBe(10);
+        expect(result.margin).toBe(10);
+    });
+    test('preserves original property if in resolved style', () => {
+        const plugin = customPropertyPlugin({
+            padding: (value) => ({ padding: value * 2 }),
+        });
+        const result = plugin({ padding: 10 }, context);
+        expect(result.padding).toBe(20);
+    });
+    test('handles nested style objects', () => {
+        const plugin = customPropertyPlugin({
+            size: (value) => ({ width: value, height: value }),
+        });
+        const result = plugin({
+            ':hover': { size: 50 },
+        }, context);
+        expect(result[':hover']?.width).toBe(50);
+        expect(result[':hover']?.height).toBe(50);
+    });
+    test('passes through non-custom properties', () => {
+        const plugin = customPropertyPlugin({
+            size: (value) => ({ width: value }),
+        });
+        const result = plugin({ size: 100, color: 'red' }, context);
+        expect(result.color).toBe('red');
+        expect(result.width).toBe(100);
+    });
+    test('handles multiple custom properties', () => {
+        const plugin = customPropertyPlugin({
+            size: (value) => ({ width: value, height: value }),
+            spacing: (value) => ({ padding: value }),
+        });
+        const result = plugin({ size: 100, spacing: 10 }, context);
+        expect(result.width).toBe(100);
+        expect(result.height).toBe(100);
+        expect(result.padding).toBe(10);
+    });
+});
+//# sourceMappingURL=customProperty.test.js.map

package/dist/plugins/__tests__/customProperty.test.js.map

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

package/dist/plugins/__tests__/debug.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=debug.test.d.ts.map

package/dist/plugins/__tests__/debug.test.d.ts.map

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

package/dist/plugins/__tests__/debug.test.js

@@ -0,0 +1,52 @@
+import { describe, test, expect, vi } from 'vitest';
+import debugPlugin from '../debug';
+// Mock the styles-debugger module
+vi.mock('styles-debugger', () => ({
+    CreateStylesDebugger: vi.fn(() => () => ({
+        outline: '1px solid red',
+        backgroundColor: 'rgba(255,0,0,0.1)',
+    })),
+}));
+describe('debugPlugin', () => {
+    test('adds debug styles when autoActive is true', () => {
+        const plugin = debugPlugin(true);
+        const style = { color: 'blue' };
+        const result = plugin(style);
+        expect(result.outline).toBe('1px solid red');
+        expect(result.backgroundColor).toBe('rgba(255,0,0,0.1)');
+        expect(result.color).toBe('blue');
+    });
+    test('does not add debug styles when autoActive is false and no debug flag', () => {
+        const plugin = debugPlugin(false);
+        const style = { color: 'blue' };
+        const result = plugin(style);
+        expect(result.outline).toBeUndefined();
+        expect(result.color).toBe('blue');
+    });
+    test('adds debug styles when debug flag is true', () => {
+        const plugin = debugPlugin(false);
+        const style = { color: 'blue', debug: true };
+        const result = plugin(style);
+        expect(result.outline).toBe('1px solid red');
+        expect(result.debug).toBeUndefined(); // debug flag should be removed
+    });
+    test('removes debug property from result', () => {
+        const plugin = debugPlugin(true);
+        const style = { color: 'blue', debug: true };
+        const result = plugin(style);
+        expect(result.debug).toBeUndefined();
+    });
+    test('preserves original styles', () => {
+        const plugin = debugPlugin(true);
+        const style = {
+            color: 'red',
+            fontSize: 16,
+            padding: 10,
+        };
+        const result = plugin(style);
+        expect(result.color).toBe('red');
+        expect(result.fontSize).toBe(16);
+        expect(result.padding).toBe(10);
+    });
+});
+//# sourceMappingURL=debug.test.js.map

package/dist/plugins/__tests__/debug.test.js.map

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

package/dist/plugins/__tests__/embedded.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=embedded.test.d.ts.map

package/dist/plugins/__tests__/embedded.test.d.ts.map

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

package/dist/plugins/__tests__/embedded.test.js

@@ -0,0 +1,76 @@
+import { describe, test, expect, vi } from 'vitest';
+import embeddedPlugin from '../embedded';
+describe('embeddedPlugin', () => {
+    const createMockContext = () => ({
+        createNode: vi.fn(),
+        mergeStyle: vi.fn(),
+        props: {},
+    });
+    test('converts animationName object to keyframe reference', () => {
+        const mockContext = createMockContext();
+        const plugin = embeddedPlugin();
+        const style = {
+            animationName: {
+                from: { opacity: 0 },
+                to: { opacity: 1 },
+            },
+        };
+        const result = plugin(style, mockContext);
+        // animationName should be replaced with a string reference
+        expect(typeof result.animationName).toBe('string');
+        expect(mockContext.createNode).toHaveBeenCalled();
+    });
+    test('passes through non-animationName object properties', () => {
+        const mockContext = createMockContext();
+        const plugin = embeddedPlugin();
+        const style = {
+            color: 'red',
+            fontSize: 16,
+        };
+        const result = plugin(style, mockContext);
+        expect(result.color).toBe('red');
+        expect(result.fontSize).toBe(16);
+        expect(mockContext.createNode).not.toHaveBeenCalled();
+    });
+    test('handles nested style objects', () => {
+        const mockContext = createMockContext();
+        const plugin = embeddedPlugin();
+        const style = {
+            ':hover': {
+                animationName: {
+                    '0%': { transform: 'scale(1)' },
+                    '100%': { transform: 'scale(1.1)' },
+                },
+            },
+        };
+        const result = plugin(style, mockContext);
+        expect(typeof result[':hover']?.animationName).toBe('string');
+        expect(mockContext.createNode).toHaveBeenCalled();
+    });
+    test('preserves other properties in style with animationName', () => {
+        const mockContext = createMockContext();
+        const plugin = embeddedPlugin();
+        const style = {
+            animationName: {
+                from: { opacity: 0 },
+                to: { opacity: 1 },
+            },
+            animationDuration: '1s',
+            animationTimingFunction: 'ease-in-out',
+        };
+        const result = plugin(style, mockContext);
+        expect(result.animationDuration).toBe('1s');
+        expect(result.animationTimingFunction).toBe('ease-in-out');
+    });
+    test('handles string animationName (already resolved)', () => {
+        const mockContext = createMockContext();
+        const plugin = embeddedPlugin();
+        const style = {
+            animationName: 'existingAnimation',
+        };
+        const result = plugin(style, mockContext);
+        expect(result.animationName).toBe('existingAnimation');
+        expect(mockContext.createNode).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=embedded.test.js.map

package/dist/plugins/__tests__/embedded.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embedded.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/embedded.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,cAAc,MAAM,aAAa,CAAA;AAExC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAAC;QAC/B,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE;QACnB,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE;QACnB,KAAK,EAAE,EAAE;KACV,CAAC,CAAA;IAEF,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC/D,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAA;QACvC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAE/B,MAAM,KAAK,GAAG;YACZ,aAAa,EAAE;gBACb,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACpB,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;aACnB;SACF,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,EAAE,WAAkB,CAAC,CAAA;QAEvD,2DAA2D;QAC3D,MAAM,CAAC,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAClD,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACnD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC9D,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAA;QACvC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAE/B,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,EAAE;SACb,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,EAAE,WAAkB,CAAC,CAAA;QAEvD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAChC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACvD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAA;QACvC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAE/B,MAAM,KAAK,GAAG;YACZ,QAAQ,EAAE;gBACR,aAAa,EAAE;oBACb,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;oBAC/B,MAAM,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE;iBACpC;aACF;SACF,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,EAAE,WAAkB,CAAC,CAAA;QAEvD,MAAM,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC7D,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACnD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAClE,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAA;QACvC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAE/B,MAAM,KAAK,GAAG;YACZ,aAAa,EAAE;gBACb,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACpB,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;aACnB;YACD,iBAAiB,EAAE,IAAI;YACvB,uBAAuB,EAAE,aAAa;SACvC,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,EAAE,WAAkB,CAAC,CAAA;QAEvD,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3C,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC3D,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAA;QACvC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAE/B,MAAM,KAAK,GAAG;YACZ,aAAa,EAAE,mBAAmB;SACnC,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,EAAE,WAAkB,CAAC,CAAA;QAEvD,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;QACtD,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACvD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/plugins/__tests__/enforceLonghand.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=enforceLonghand.test.d.ts.map

package/dist/plugins/__tests__/enforceLonghand.test.d.ts.map

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