@weser/style 1.0.0 → 2.0.1

package/dist/plugins/prefixer.js.map

@@ -1 +1 @@
-{"version":3,"file":"prefixer.js","sourceRoot":"","sources":["../../src/plugins/prefixer.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,UAAU,CAAA;AAI/B,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,CAAC,GAAG,QAAQ,CAAA;AAClB,MAAM,CAAC,GAAG,KAAK,CAAA;AAEf,MAAM,QAAQ,GAAG;IACf,oBAAoB,EAAE,CAAC;IACvB,YAAY,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC;IACpB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,SAAS,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC;IACX,aAAa,EAAE,CAAC;IAChB,IAAI,EAAE,CAAC;IACP,gBAAgB,EAAE,CAAC;IACnB,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;IACb,cAAc,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,CAAC;IACd,cAAc,EAAE,CAAC;IACjB,mBAAmB,EAAE,CAAC;IACtB,kBAAkB,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC;IACrB,mBAAmB,EAAE,CAAC;CACvB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,OAAO,SAAS,iBAAiB,CAAC,KAAQ;QACxC,MAAM,QAAQ,GAAG,EAAE,CAAA;QAEnB,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE,CAAC;YAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,QAA8B,CAAC,CAAA;YAEnD,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpB,aAAa;gBACb,QAAQ,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;YAC/C,CAAC;iBAAM,CAAC;gBACN,aAAa;gBACb,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACvB,aAAa;oBACb,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAA;gBAC7D,CAAC;gBAED,aAAa;gBACb,QAAQ,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAA;YAC5B,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAsB;IAC1C;QACE,QAAQ,EAAE;YACR,OAAO;YACP,UAAU;YACV,UAAU;YACV,QAAQ;YACR,WAAW;YACX,WAAW;SACZ;QACD,MAAM,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC;KAC/C;IACD;QACE,QAAQ,EAAE;YACR,OAAO;YACP,UAAU;YACV,UAAU;YACV,QAAQ;YACR,WAAW;YACX,WAAW;SACZ;QACD,MAAM,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC;KAC/C;CACF,CAAA"}
+{"version":3,"file":"prefixer.js","sourceRoot":"","sources":["../../src/plugins/prefixer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAA;AAK/B,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,OAAO,SAAS,iBAAiB,CAAC,KAAc;QAC9C,MAAM,QAAQ,GAAY,EAAE,CAAA;QAE5B,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC9B,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpB,QAAQ,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;YAC/C,CAAC;iBAAM,CAAC;gBACN,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAA;oBAClE,QAAQ,CAAC,gBAAiC,CAAC,GAAG,KAAK,CAAA;gBACrD,CAAC;gBACD,QAAQ,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAA;YAC5B,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;AACH,CAAC;AACD,MAAM,CAAC,MAAM,SAAS,GAAsB;IAC1C;QACE,QAAQ,EAAE;YACR,OAAO;YACP,UAAU;YACV,UAAU;YACV,QAAQ;YACR,WAAW;YACX,WAAW;SACZ;QACD,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;YAC1B,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;gBAC5B,OAAO,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC;KACF;IACD;QACE,QAAQ,EAAE;YACR,OAAO;YACP,UAAU;YACV,UAAU;YACV,QAAQ;YACR,WAAW;YACX,WAAW;SACZ;QACD,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;YAC1B,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;gBAC5B,OAAO,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC;KACF;CACF,CAAA;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,CAAC,GAAG,QAAQ,CAAA;AAClB,MAAM,CAAC,GAAG,KAAK,CAAA;AACf,MAAM,QAAQ,GAA2C;IACvD,oBAAoB,EAAE,CAAC;IACvB,YAAY,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC;IACpB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,SAAS,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC;IACX,aAAa,EAAE,CAAC;IAChB,IAAI,EAAE,CAAC;IACP,gBAAgB,EAAE,CAAC;IACnB,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;IACb,cAAc,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,CAAC;IACd,cAAc,EAAE,CAAC;IACjB,mBAAmB,EAAE,CAAC;IACtB,kBAAkB,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC;IACrB,mBAAmB,EAAE,CAAC;CACvB,CAAA"}

package/dist/plugins/pseudoElement.d.ts

@@ -0,0 +1,3 @@
+import { T_Context, T_Style } from '../types';
+export default function pseudoElementPlugin(): (style: T_Style, context: T_Context) => T_Style;
+//# sourceMappingURL=pseudoElement.d.ts.map

package/dist/plugins/pseudoElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudoElement.d.ts","sourceRoot":"","sources":["../../src/plugins/pseudoElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAI7C,MAAM,CAAC,OAAO,UAAU,mBAAmB,KACX,OAAO,OAAO,EAAE,SAAS,SAAS,aAuBjE"}

package/dist/plugins/pseudoElement.js

@@ -0,0 +1,27 @@
+import { each } from '@weser/object';
+import { cssifyObject } from 'css-in-js-utils';
+import isPlainObject from 'isobject';
+import hash from '../helpers/hash';
+export default function pseudoElementPlugin() {
+    return function pseudoElement(style, context) {
+        return resolvePseudoElement(style, context);
+    };
+    function resolvePseudoElement(style, context) {
+        each(style, (value, property) => {
+            if (isPlainObject(value)) {
+                if (property.startsWith('::')) {
+                    const css = cssifyObject(value);
+                    const id = hash(css);
+                    context.createNode(`[data-style-id="${id}"]${property} {${css}}`);
+                    context.props['data-style-id'] = id;
+                    delete style[property];
+                }
+                else {
+                    style[property] = resolvePseudoElement(value, context);
+                }
+            }
+        });
+        return style;
+    }
+}
+//# sourceMappingURL=pseudoElement.js.map

package/dist/plugins/pseudoElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudoElement.js","sourceRoot":"","sources":["../../src/plugins/pseudoElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,aAAa,MAAM,UAAU,CAAA;AACpC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACzC,OAAO,SAAS,aAAa,CAAC,KAAc,EAAE,OAAkB;QAC9D,OAAO,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,SAAS,oBAAoB,CAAC,KAAc,EAAE,OAAkB;QAC9D,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC9B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC9B,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;oBAE/B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;oBACpB,OAAO,CAAC,UAAU,CAAC,mBAAmB,EAAE,KAAK,QAAQ,KAAK,GAAG,GAAG,CAAC,CAAA;oBACjE,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAA;oBAEnC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAA;gBACxB,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,QAAQ,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;gBACxD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,KAAK,CAAA;IACd,CAAC;AACH,CAAC"}

package/dist/plugins/responsiveValue.js

@@ -1,5 +1,5 @@
-import isPlainObject from 'isobject';
 import { assignStyle } from 'css-in-js-utils';
+import isPlainObject from 'isobject';
 export function responsiveValue(value) {
     return value;
 }

package/dist/plugins/responsiveValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveValue.js","sourceRoot":"","sources":["../../src/plugins/responsiveValue.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAU7C,MAAM,UAAU,eAAe,CAAI,KAA2B;IAC5D,OAAO,KAAU,CAAA;AACnB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,YAA2B;IAE3B,OAAO,SAAS,eAAe,CAAC,KAAQ;QACtC,OAAO,uBAAuB,CAAI,KAAK,EAAE,YAAY,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAAQ,EACR,YAA2B;IAE3B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,GAAyB,CAAA;QAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;QAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,aAAa;YACb,KAAK,CAAC,QAAQ,CAAC,GAAG,uBAAuB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,CAAC,YAAY,EAAE,GAAG,WAAW,CAAC,GAAG,KAAK,CAAA;YAC5C,aAAa;YACb,KAAK,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAA;YAE9B,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACjE,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;oBACpE,aAAa;oBACb,WAAW,CAAC,KAAK,EAAE;wBACjB,CAAC,KAAK,CAAC,EAAE;4BACP,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;yBAC/B;qBACF,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}
+{"version":3,"file":"responsiveValue.js","sourceRoot":"","sources":["../../src/plugins/responsiveValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,aAAa,MAAM,UAAU,CAAA;AAUpC,MAAM,UAAU,eAAe,CAAI,KAA2B;IAC5D,OAAO,KAAU,CAAA;AACnB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,YAA2B;IAE3B,OAAO,SAAS,eAAe,CAAC,KAAQ;QACtC,OAAO,uBAAuB,CAAI,KAAK,EAAE,YAAY,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAAQ,EACR,YAA2B;IAE3B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,GAAyB,CAAA;QAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;QAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,aAAa;YACb,KAAK,CAAC,QAAQ,CAAC,GAAG,uBAAuB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,CAAC,YAAY,EAAE,GAAG,WAAW,CAAC,GAAG,KAAK,CAAA;YAC5C,aAAa;YACb,KAAK,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAA;YAE9B,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACjE,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;oBACpE,aAAa;oBACb,WAAW,CAAC,KAAK,EAAE;wBACjB,CAAC,KAAK,CAAC,EAAE;4BACP,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;yBAC/B;qBACF,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/plugins/rtl.d.ts

@@ -0,0 +1,3 @@
+import { T_Style } from '../types';
+export default function rtlPlugin<T extends T_Style>(defaultDirection?: string): (style: T) => T;
+//# sourceMappingURL=rtl.d.ts.map

package/dist/plugins/rtl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../src/plugins/rtl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,OAAO,EAAE,gBAAgB,SAAQ,IACvD,OAAO,CAAC,OAS7B"}

package/dist/plugins/rtl.js

@@ -0,0 +1,11 @@
+import transformStyle from 'rtl-css-js';
+export default function rtlPlugin(defaultDirection = 'rtl') {
+    return function rtl(style) {
+        const direction = defaultDirection;
+        if (direction === 'rtl') {
+            return transformStyle(style);
+        }
+        return style;
+    };
+}
+//# sourceMappingURL=rtl.js.map

package/dist/plugins/rtl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.js","sourceRoot":"","sources":["../../src/plugins/rtl.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,YAAY,CAAA;AAIvC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoB,gBAAgB,GAAG,KAAK;IAC3E,OAAO,SAAS,GAAG,CAAC,KAAQ;QAC1B,MAAM,SAAS,GAAG,gBAAgB,CAAA;QAElC,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACxB,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;AACH,CAAC"}

package/dist/plugins/sortCondition.d.ts

@@ -0,0 +1,4 @@
+import { T_Style } from '../types';
+export default function sortConditionPlugin(sortFn: (left: string, right: string) => number): (style: T_Style) => T_Style;
+export declare function sortMobileFirst(left: string, right: string): number;
+//# sourceMappingURL=sortCondition.d.ts.map

package/dist/plugins/sortCondition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortCondition.d.ts","sourceRoot":"","sources":["../../src/plugins/sortCondition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,IAEjB,OAAO,OAAO,aAmB7C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAsD1D"}

package/dist/plugins/sortCondition.js

@@ -0,0 +1,70 @@
+import { each } from '@weser/array';
+import isPlainObject from 'isobject';
+import sortCSSMediaQueries from 'sort-css-media-queries';
+export default function sortConditionPlugin(sortFn) {
+    return function sortCondition(style) {
+        const sorted = {};
+        const entries = Object.entries(style);
+        const primitive = entries.filter(([_, value]) => !isPlainObject(value));
+        const nested = entries.filter(([_, value]) => isPlainObject(value));
+        each(primitive, ([property, value]) => {
+            sorted[property] = value;
+        });
+        const sortedNested = nested.sort((left, right) => sortFn(left[0], right[0]));
+        each(sortedNested, ([property, value]) => {
+            sorted[property] = sortCondition(value);
+        });
+        return sorted;
+    };
+}
+export function sortMobileFirst(left, right) {
+    const leftIsPseudo = left.startsWith(':');
+    const rightIsPseudo = right.startsWith(':');
+    const leftIsMedia = left.startsWith('@media');
+    const rightIsMedia = right.startsWith('@media');
+    const leftIsSupports = left.startsWith('@supports');
+    const rightIsSupports = right.startsWith('@supports');
+    const leftIsOther = !leftIsPseudo && !leftIsMedia && !leftIsSupports;
+    const rightIsOther = !rightIsPseudo && !rightIsMedia && !rightIsSupports;
+    if (leftIsOther && !rightIsOther)
+        return -1;
+    if (!leftIsOther && rightIsOther)
+        return 1;
+    if (leftIsOther && rightIsOther) {
+        return left.localeCompare(right);
+    }
+    if (leftIsPseudo && !rightIsPseudo)
+        return -1;
+    if (!leftIsPseudo && rightIsPseudo)
+        return 1;
+    if (leftIsPseudo && rightIsPseudo) {
+        const lvfhaOrder = {
+            ':link': 1,
+            ':visited': 2,
+            ':focus': 3,
+            ':hover': 4,
+            ':active': 5,
+        };
+        const leftOrder = lvfhaOrder[left] ?? 6;
+        const rightOrder = lvfhaOrder[right] ?? 6;
+        if (leftOrder !== rightOrder) {
+            return leftOrder - rightOrder;
+        }
+        return left.localeCompare(right);
+    }
+    if (leftIsMedia && !rightIsMedia) {
+        return -1;
+    }
+    if (!leftIsMedia && rightIsMedia) {
+        return 1;
+    }
+    if (leftIsMedia && rightIsMedia) {
+        return sortCSSMediaQueries(left, right);
+    }
+    if (leftIsSupports && !rightIsSupports)
+        return 1;
+    if (!leftIsSupports && rightIsSupports)
+        return -1;
+    return left.localeCompare(right);
+}
+//# sourceMappingURL=sortCondition.js.map

package/dist/plugins/sortCondition.js.map

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

package/dist/plugins/sortProperty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortProperty.d.ts","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;KACzC,QAAQ,IAAI,MAAM,CAAC,GAAG,MAAM;CAC9B,CAAA;AACD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EACvC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAKR,OAAO,CAAC,KAAG,CAAC,CAmB1C"}
+{"version":3,"file":"sortProperty.d.ts","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;KACzC,QAAQ,IAAI,MAAM,CAAC,GAAG,MAAM;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EACvC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAKR,OAAO,CAAC,KAAG,CAAC,CAmB1C"}

package/dist/plugins/sortProperty.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortProperty.js","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,UAAU,CAAA;AAOpC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAExC,gBAAqC;IACrC,SAAS,WAAW,CAAC,QAAmC;QACtD,OAAO,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,SAAS,YAAY,CAAC,KAAQ;QACnC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;aACtB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;aAC/C,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;YAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAO;oBACL,GAAG,GAAG;oBACN,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;iBAChC,CAAA;YACH,CAAC;YAED,OAAO;gBACL,GAAG,GAAG;gBACN,CAAC,QAAQ,CAAC,EAAE,KAAK;aAClB,CAAA;QACH,CAAC,EAAE,EAAO,CAAC,CAAA;IACf,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"sortProperty.js","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,UAAU,CAAA;AAQpC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAExC,gBAAqC;IACrC,SAAS,WAAW,CAAC,QAAmC;QACtD,OAAO,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,SAAS,YAAY,CAAC,KAAQ;QACnC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;aACtB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;aAC/C,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;YAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAO;oBACL,GAAG,GAAG;oBACN,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;iBAChC,CAAA;YACH,CAAC;YAED,OAAO;gBACL,GAAG,GAAG;gBACN,CAAC,QAAQ,CAAC,EAAE,KAAK;aAClB,CAAA;QACH,CAAC,EAAE,EAAO,CAAC,CAAA;IACf,CAAC,CAAA;AACH,CAAC"}

package/dist/types.d.ts

@@ -1,13 +1,21 @@
-import { CSSProperties } from 'react';
-export type T_Fallback = {
-    property: string | Array<string>;
-    values: Array<string>;
-    match?: string;
-};
+import type { CSSProperties } from 'react';
+import { assignStyle } from 'css-in-js-utils';
 type T_VariableStyle = {
     [key: `--${string}`]: any;
 };
-export type T_RawStyle = CSSProperties;
-export type T_Style = T_RawStyle & T_VariableStyle;
+export type T_RawStyle = CSSProperties & T_VariableStyle;
+type SelectorKey = `:${string}` | `@${string}` | `&${string}` | `${string} ${string}` | `${string}>${string}` | `${string}+${string}` | `${string}~${string}` | `[${string}]${string}`;
+export type T_Style = T_RawStyle & {
+    [K in SelectorKey]?: T_Style;
+};
+export type T_Props = {
+    style: CSSProperties;
+} & Record<string, any>;
+export type T_Context = {
+    devMode: boolean;
+    createNode: (css: string) => void;
+    props: T_Props;
+    mergeStyle: typeof assignStyle;
+};
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,GAAG,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,CAAA;AAEtC,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,eAAe,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,KAAK,eAAe,GAAG;IACrB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,GAAG,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,eAAe,CAAA;AAExD,KAAK,WAAW,GACZ,IAAI,MAAM,EAAE,GACZ,IAAI,MAAM,EAAE,GACZ,IAAI,MAAM,EAAE,GACZ,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,IAAI,MAAM,IAAI,MAAM,EAAE,CAAA;AAE1B,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG;KAChC,CAAC,IAAI,WAAW,CAAC,CAAC,EAAE,OAAO;CAC7B,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,aAAa,CAAA;CACrB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAEvB,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,EAAE,OAAO,CAAA;IACd,UAAU,EAAE,OAAO,WAAW,CAAA;CAC/B,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weser/style",
-  "version": "1.0.0",
-  "description": "Utils for styling with CSS hooks",
+  "version": "2.0.1",
+  "description": "Utils for using inline styles in React",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
   "homepage": "https://github.com/robinweser/weserstack.git",
@@ -33,29 +33,26 @@
     "clean": "rimraf dist",
     "build": "tsc -b",
     "dev": "pnpm build -w",
-    "test": "echo 1"
+    "test": "vitest run"
   },
   "keywords": [],
   "dependencies": {
+    "@weser/array": "1.0.1",
+    "@weser/keyframe": "1.0.1",
+    "@weser/object": "1.0.1",
     "css-in-js-utils": "^3.1.0",
-    "isobject": "^4.0.0"
-  },
-  "peerDependencies": {
-    "@css-hooks/core": "^1.0.0",
-    "@css-hooks/react": "^1.0.0"
-  },
-  "optionalDependencies": {
-    "styles-debugger": "^1.0.0"
+    "isobject": "^4.0.0",
+    "rtl-css-js": "^1.16.1",
+    "sort-css-media-queries": "^1.4.3"
   },
   "devDependencies": {
-    "@css-hooks/core": "1.8.2",
-    "@css-hooks/react": "1.8.2",
-    "@types/react": "18.2.55",
-    "ava": "^6.1.3",
+    "@types/react": "^18.3.3",
+    "jsdom": "^25.0.1",
     "react": "^19.1.0",
     "rimraf": "^3.0.2",
     "styles-debugger": "^1.0.0",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "vitest": "^3.0.0"
   },
-  "gitHead": "45f425a5a38595dcf1553593c97ea5ffc9fd0c25"
+  "gitHead": "07cd8acd29e916cf20fe509029328862df87b08d"
 }