@compiled/react 0.19.0 → 0.20.0

package/dist/esm/runtime/index.d.ts

@@ -1,5 +1,5 @@
-export { default as CS } from './style';
-export { default as CC } from './style-cache';
-export { default as ax } from './ax';
-export { default as ac, clearCache as clearAcCache } from './ac';
-export { default as ix } from './css-custom-property';
+export { default as CS } from './style.js';
+export { default as CC } from './style-cache.js';
+export { default as ax } from './ax.js';
+export { default as ac, clearCache as clearAcCache } from './ac.js';
+export { default as ix } from './css-custom-property.js';

package/dist/esm/runtime/index.js

@@ -1,6 +1,6 @@
-export { default as CS } from './style';
-export { default as CC } from './style-cache';
-export { default as ax } from './ax';
-export { default as ac, clearCache as clearAcCache } from './ac';
-export { default as ix } from './css-custom-property';
+export { default as CS } from './style.js';
+export { default as CC } from './style-cache.js';
+export { default as ax } from './ax.js';
+export { default as ac, clearCache as clearAcCache } from './ac.js';
+export { default as ix } from './css-custom-property.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/runtime/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/runtime/sheet.d.ts

@@ -1,4 +1,4 @@
-import type { Bucket, StyleSheetOpts } from './types';
+import type { Bucket, StyleSheetOpts } from './types.js';
 /**
  * Ordered style buckets using their short pseudo name.
  *

package/dist/esm/runtime/sheet.js

@@ -1,5 +1,5 @@
-import { isCacheDisabled } from './cache';
-import { getShorthandDepth } from './shorthand';
+import { isCacheDisabled } from './cache.js';
+import { getShorthandDepth } from './shorthand.js';
 /**
  * Ordered style buckets using their short pseudo name.
  *

package/dist/esm/runtime/sheet.js.map

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

package/dist/esm/runtime/style-cache.d.ts

@@ -1,4 +1,4 @@
-import type { ProviderComponent, UseCacheHook } from './types';
+import type { ProviderComponent, UseCacheHook } from './types.js';
 /**
  * Hook using the cache created on the server or client.
  */

package/dist/esm/runtime/style-cache.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createContext, useContext } from 'react';
-import { isCacheDisabled } from './cache';
-import { isServerEnvironment } from './is-server-environment';
+import { isCacheDisabled } from './cache.js';
+import { isServerEnvironment } from './is-server-environment.js';
 /**
  * Cache to hold already used styles.
  * React Context on the server - singleton object on the client.

package/dist/esm/runtime/style-cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D;;;GAGG;AACH,MAAM,KAAK,GAAQ,mBAAmB,EAAE,CAAC,CAAC,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjG,IAAI,CAAC,mBAAmB,EAAE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;IAC7D;;;;OAIG;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiB,GAAG,EAAE;IACzC,WAAuB;QACrB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,mBAAmB,EAAE,EAAE;QACzB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,kBAAkB,GAAsB,CAAC,KAAK,EAAE,EAAE;IACtD,IAAI,mBAAmB,EAAE,EAAE;QACzB,4EAA4E;QAC5E,sDAAsD;QACtD,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE;;;GAGG;AACH,MAAM,KAAK,GAAQ,mBAAmB,EAAE,CAAC,CAAC,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjG,IAAI,CAAC,mBAAmB,EAAE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;IAC7D;;;;OAIG;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiB,GAAG,EAAE;IACzC,WAAuB;QACrB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,mBAAmB,EAAE,EAAE;QACzB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,kBAAkB,GAAsB,CAAC,KAAK,EAAE,EAAE;IACtD,IAAI,mBAAmB,EAAE,EAAE;QACzB,4EAA4E;QAC5E,sDAAsD;QACtD,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/runtime/style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { StyleSheetOpts } from './types';
+import type { StyleSheetOpts } from './types.js';
 interface StyleProps extends StyleSheetOpts {
     /**
      * CSS Rules.

package/dist/esm/runtime/style.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { analyzeCssInDev } from './dev-warnings';
-import { isServerEnvironment } from './is-server-environment';
-import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet';
-import { useCache } from './style-cache';
+import { analyzeCssInDev } from './dev-warnings.js';
+import { isServerEnvironment } from './is-server-environment.js';
+import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet.js';
+import { useCache } from './style-cache.js';
 export default function Style(props) {
     const inserted = useCache();
     if (process.env.NODE_ENV === 'development') {

package/dist/esm/runtime/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,IAAI,mBAAmB,EAAE,EAAE;YACzB,MAAM,cAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC7C,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,mDAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAW5C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,IAAI,mBAAmB,EAAE,EAAE;YACzB,MAAM,cAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC7C,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,mDAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/esm/runtime.d.ts

@@ -1 +1 @@
-export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';
+export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index.js';

package/dist/esm/runtime.js

@@ -1,2 +1,2 @@
-export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';
+export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index.js';
 //# sourceMappingURL=runtime.js.map

package/dist/esm/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/esm/styled/index.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { CssType, CssFunction } from '../types';
+import type { CssType, CssFunction } from '../types.js';
 /**
  * Extra props added to the output Styled Component.
  */

package/dist/esm/styled/index.js

@@ -1,4 +1,4 @@
-import { createSetupError } from '../utils/error';
+import { createSetupError } from '../utils/error.js';
 /**
  * ## Styled component
  *

package/dist/esm/styled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAoClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,IAAI,KAAK,CACpD,EAAE,EACF;IACE,GAAG;QACD,OAAO,GAAG,EAAE;YACV,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,gBAAgB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAoCrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,IAAI,KAAK,CACpD,EAAE,EACF;IACE,GAAG;QACD,OAAO,GAAG,EAAE;YACV,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,gBAAgB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}

package/dist/esm/types.d.ts

@@ -20,7 +20,7 @@ export type CssObject<TProps> = Readonly<{
 export type CssFunction<TProps = unknown> = CssType<TProps> | BasicTemplateInterpolations | null | boolean | undefined;
 export type CSSPseudoElements = '&::after' | '&::backdrop' | '&::before' | '&::cue' | '&::cue-region' | '&::first-letter' | '&::first-line' | '&::grammar-error' | '&::marker' | '&::placeholder' | '&::selection' | '&::spelling-error' | '&::target-text' | '&::view-transition';
 export type CSSFlattenedChainedPsuedos = '&:visited:active' | '&:visited:hover' | '&:visited:focus' | '&:visited:focus-visible' | '&:visited:focus-within' | '&:active:visited' | '&:hover::before' | '&:hover::after' | '&:focus-visible::before' | '&:focus-visible::after' | '&:focus::before' | '&:focus::after' | '&:focus-within::before' | '&:focus-within::after' | '&:focus:not(:focus-visible)';
-export type CSSPseudoClasses = '&:active' | '&:autofill' | '&:blank' | '&:checked' | '&:default' | '&:defined' | '&:disabled' | '&:empty' | '&:enabled' | '&:first' | '&:focus' | '&:focus-visible' | '&:focus-within' | '&:fullscreen' | '&:hover' | '&:in-range' | '&:indeterminate' | '&:invalid' | '&:left' | '&:link' | '&:local-link' | '&:optional' | '&:out-of-range' | '&:paused' | '&:picture-in-picture' | '&:placeholder-shown' | '&:playing' | '&:read-only' | '&:read-write' | '&:required' | '&:right' | '&:target' | '&:user-invalid' | '&:user-valid' | '&:valid' | '&:visited';
+export type CSSPseudoClasses = '&:active' | '&:autofill' | '&:blank' | '&:checked' | '&:default' | '&:defined' | '&:disabled' | '&:empty' | '&:enabled' | '&:first' | '&:focus' | '&:focus-visible' | '&:focus-within' | '&:fullscreen' | '&:hover' | '&:in-range' | '&:indeterminate' | '&:invalid' | '&:left' | '&:link' | '&:local-link' | '&:optional' | '&:out-of-range' | '&:paused' | '&:picture-in-picture' | '&:placeholder-shown' | '&:playing' | '&:popover-open' | '&:read-only' | '&:read-write' | '&:required' | '&:right' | '&:target' | '&:user-invalid' | '&:user-valid' | '&:valid' | '&:visited';
 export type AllCSSPseudoClasses = CSSPseudoClasses | CSSFlattenedChainedPsuedos;
 export type CSSPseudos = CSSPseudoElements | AllCSSPseudoClasses;
 /**

package/dist/esm/xcss-prop/index.d.ts

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
-import type { ApplySchemaValue } from '../create-strict-api/types';
-import type { CSSPseudos, CSSProperties, StrictCSSProperties, AllCSSPseudoClasses } from '../types';
+import type { ApplySchemaValue } from '../create-strict-api/types.js';
+import type { CSSPseudos, CSSProperties, StrictCSSProperties, AllCSSPseudoClasses } from '../types.js';
 type MarkAsRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };

package/dist/esm/xcss-prop/index.js

@@ -1,4 +1,4 @@
-import { ax } from '../runtime';
+import { ax } from '../runtime.js';
 /**
  * ## CX
  *

package/dist/esm/xcss-prop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/xcss-prop/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAsLhC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAChB,GAAG,MAAe,EACD,EAAE;IACnB,2EAA2E;IAC3E,sDAAsD;IACtD,MAAM,YAAY,GAAG,MAA6B,CAAC;IAEnD,+EAA+E;IAC/E,kFAAkF;IAClF,OAAO,EAAE,CAAC,YAAY,CAAoB,CAAC;AAC7C,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/xcss-prop/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AA2LnC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAChB,GAAG,MAAe,EACD,EAAE;IACnB,2EAA2E;IAC3E,sDAAsD;IACtD,MAAM,YAAY,GAAG,MAA6B,CAAC;IAEnD,+EAA+E;IAC/E,kFAAkF;IAClF,OAAO,EAAE,CAAC,YAAY,CAAoB,CAAC;AAC7C,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compiled/react",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "A familiar and performant compile time CSS-in-JS library for React.",
   "keywords": [
     "compiled",
@@ -72,7 +72,7 @@
     "jsx-dev-runtime"
   ],
   "dependencies": {
-    "csstype": "^3.1.3"
+    "csstype": "^3.2.3"
   },
   "devDependencies": {
     "@compiled/benchmark": "^1.1.0",

package/src/class-names/index.ts

@@ -1,7 +1,7 @@
 import type { ReactNode, CSSProperties } from 'react';
 
-import type { CssType, CssFunction } from '../types';
-import { createSetupError } from '../utils/error';
+import type { CssType, CssFunction } from '../types.js';
+import { createSetupError } from '../utils/error.js';
 
 export type ObjectInterpolation<TProps> = CssType<TProps> | CssType<TProps>[];
 export type TemplateStringsInterpolation<TProps> = CssFunction<TProps> | CssFunction<TProps>[];

package/src/create-strict-api/index.ts

@@ -1,8 +1,8 @@
-import type { StrictCSSProperties, CSSPseudos, CSSProps } from '../types';
-import { createStrictSetupError } from '../utils/error';
-import { type CompiledStyles, cx, type Internal$XCSSProp } from '../xcss-prop';
+import type { StrictCSSProperties, CSSPseudos, CSSProps } from '../types.js';
+import { createStrictSetupError } from '../utils/error.js';
+import { type CompiledStyles, cx, type Internal$XCSSProp } from '../xcss-prop/index.js';
 
-import type { AllowedStyles, ApplySchema, ApplySchemaMap, CompiledSchemaShape } from './types';
+import type { AllowedStyles, ApplySchema, ApplySchemaMap, CompiledSchemaShape } from './types.js';
 
 export interface StrictOptions {
   media: string;

package/src/css/index.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/export */
 
-import type { CSSProps, CssObject, CssFunction } from '../types';
-import { createSetupError } from '../utils/error';
+import type { CSSProps, CssObject, CssFunction } from '../types.js';
+import { createSetupError } from '../utils/error.js';
 
 /**
  * ## CSS

package/src/css-map/__tests__/index.test.tsx

@@ -49,4 +49,29 @@ describe('css map', () => {
 
     expect(getByText('hello world')).toHaveCompiledCss('color', 'red');
   });
+
+  it('should support popover-open pseudo-class', () => {
+    const popoverStyles = cssMap({
+      fade: {
+        opacity: 0,
+        transition:
+          'opacity 175ms cubic-bezier(0.15, 1, 0.3, 1), overlay 175ms allow-discrete, display 175ms allow-discrete',
+        '&:popover-open': {
+          opacity: 1,
+          transitionDuration: '350ms',
+        },
+      },
+    });
+
+    const Foo = () => <div css={popoverStyles.fade}>popover content</div>;
+    const { getByText } = render(<Foo />);
+
+    expect(getByText('popover content')).toHaveCompiledCss('opacity', '0');
+    expect(getByText('popover content')).toHaveCompiledCss('opacity', '1', {
+      target: ':popover-open',
+    });
+    expect(getByText('popover content')).toHaveCompiledCss('transition-duration', '350ms', {
+      target: ':popover-open',
+    });
+  });
 });

package/src/css-map/index.ts

@@ -1,8 +1,8 @@
 import type * as CSS from 'csstype';
 
-import type { CSSPseudos, CSSProperties } from '../types';
-import { createSetupError } from '../utils/error';
-import type { CompiledStyles } from '../xcss-prop';
+import type { CSSPseudos, CSSProperties } from '../types.js';
+import { createSetupError } from '../utils/error.js';
+import type { CompiledStyles } from '../xcss-prop/index.js';
 
 type AllPseudos = { [key in CSSPseudos]?: CSSProperties & AllPseudos };
 

package/src/index.ts

@@ -1,20 +1,20 @@
 import { createElement } from 'react';
 
-import type { CompiledJSX } from './jsx/jsx-local-namespace';
+import type { CompiledJSX } from './jsx/jsx-local-namespace.js';
 
-export { ClassNames } from './class-names';
-export { createStrictAPI } from './create-strict-api';
+export { ClassNames } from './class-names/index.js';
+export { createStrictAPI } from './create-strict-api/index.js';
 export type {
   PseudosDeclarations,
   MediaQueries,
   AllowedStyles,
   ApplySchema,
   ApplySchemaMap,
-} from './create-strict-api/types';
-export { default as css } from './css';
-export { default as cssMap } from './css-map';
-export { keyframes } from './keyframes';
-export { styled, StyledProps } from './styled';
+} from './create-strict-api/types.js';
+export { default as css } from './css/index.js';
+export { default as cssMap } from './css-map/index.js';
+export { keyframes } from './keyframes/index.js';
+export { styled, StyledProps } from './styled/index.js';
 export type {
   CSSProperties,
   CSSProps,
@@ -22,7 +22,7 @@ export type {
   CssFunction,
   CssType,
   StrictCSSProperties,
-} from './types';
+} from './types.js';
 export {
   type XCSSAllProperties,
   type XCSSAllPseudos,
@@ -30,7 +30,7 @@ export {
   type CompiledStyles,
   type Internal$XCSSProp,
   cx,
-} from './xcss-prop';
+} from './xcss-prop/index.js';
 
 // Pass through the (classic) jsx runtime.
 // Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.

package/src/keyframes/index.ts

@@ -1,5 +1,5 @@
-import type { BasicTemplateInterpolations, CSSProps } from '../types';
-import { createSetupError } from '../utils/error';
+import type { BasicTemplateInterpolations, CSSProps } from '../types.js';
+import { createSetupError } from '../utils/error.js';
 
 export type KeyframeSteps =
   // `string` would just be an arbitrary CSS-like string such as `keyframes('from{opacity:1;}to{opacity:0;}')`

package/src/runtime/ac.ts

@@ -1,4 +1,4 @@
-import { isServerEnvironment } from './is-server-environment';
+import { isServerEnvironment } from './is-server-environment.js';
 
 const UNDERSCORE_UNICODE = 95;
 

package/src/runtime/index.ts

@@ -1,5 +1,5 @@
-export { default as CS } from './style';
-export { default as CC } from './style-cache';
-export { default as ax } from './ax';
-export { default as ac, clearCache as clearAcCache } from './ac';
-export { default as ix } from './css-custom-property';
+export { default as CS } from './style.js';
+export { default as CC } from './style-cache.js';
+export { default as ax } from './ax.js';
+export { default as ac, clearCache as clearAcCache } from './ac.js';
+export { default as ix } from './css-custom-property.js';

package/src/runtime/sheet.ts

@@ -1,6 +1,6 @@
-import { isCacheDisabled } from './cache';
-import { getShorthandDepth } from './shorthand';
-import type { Bucket, StyleSheetOpts } from './types';
+import { isCacheDisabled } from './cache.js';
+import { getShorthandDepth } from './shorthand.js';
+import type { Bucket, StyleSheetOpts } from './types.js';
 
 /**
  * Ordered style buckets using their short pseudo name.

package/src/runtime/style-cache.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { createContext, useContext } from 'react';
 
-import { isCacheDisabled } from './cache';
-import { isServerEnvironment } from './is-server-environment';
-import type { ProviderComponent, UseCacheHook } from './types';
+import { isCacheDisabled } from './cache.js';
+import { isServerEnvironment } from './is-server-environment.js';
+import type { ProviderComponent, UseCacheHook } from './types.js';
 
 /**
  * Cache to hold already used styles.

package/src/runtime/style.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { analyzeCssInDev } from './dev-warnings';
-import { isServerEnvironment } from './is-server-environment';
-import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet';
-import { useCache } from './style-cache';
-import type { Bucket, StyleSheetOpts } from './types';
+import { analyzeCssInDev } from './dev-warnings.js';
+import { isServerEnvironment } from './is-server-environment.js';
+import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet.js';
+import { useCache } from './style-cache.js';
+import type { Bucket, StyleSheetOpts } from './types.js';
 
 interface StyleProps extends StyleSheetOpts {
   /**

package/src/runtime.ts

@@ -1 +1 @@
-export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';
+export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index.js';

package/src/styled/index.ts

@@ -1,7 +1,7 @@
 import type { ComponentType } from 'react';
 
-import type { CssType, CssFunction } from '../types';
-import { createSetupError } from '../utils/error';
+import type { CssType, CssFunction } from '../types.js';
+import { createSetupError } from '../utils/error.js';
 
 /**
  * Extra props added to the output Styled Component.

package/src/types.ts

@@ -96,6 +96,7 @@ export type CSSPseudoClasses =
   | '&:picture-in-picture'
   | '&:placeholder-shown'
   | '&:playing'
+  | '&:popover-open'
   | '&:read-only'
   | '&:read-write'
   | '&:required'

package/src/xcss-prop/index.ts

@@ -1,8 +1,13 @@
 import type * as CSS from 'csstype';
 
-import type { ApplySchemaValue } from '../create-strict-api/types';
-import { ax } from '../runtime';
-import type { CSSPseudos, CSSProperties, StrictCSSProperties, AllCSSPseudoClasses } from '../types';
+import type { ApplySchemaValue } from '../create-strict-api/types.js';
+import { ax } from '../runtime.js';
+import type {
+  CSSPseudos,
+  CSSProperties,
+  StrictCSSProperties,
+  AllCSSPseudoClasses,
+} from '../types.js';
 
 type MarkAsRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };