@stylexjs/shared 0.2.0-beta.11 → 0.2.0-beta.13

package/lib/common-types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { IncludedStyles } from './stylex-include';
+export type TRawValue = number | string | ReadonlyArray<number | string>;
+export type TStyleValue = null | TRawValue;
+export type TNestableStyleValue = TStyleValue | PrimitiveRawStyles;
+export type RawStyles = Readonly<{
+  [$$Key$$: string]: TNestableStyleValue | IncludedStyles;
+}>;
+export type PrimitiveRawStyles = Readonly<{
+  [$$Key$$: string]: TNestableStyleValue;
+}>;
+export type InjectableStyle = {
+  readonly priority: number;
+  readonly ltr: string;
+  readonly rtl: null | string;
+};
+export type StyleRule = [string, string, InjectableStyle];
+export type CompiledStyles = Readonly<{
+  [$$Key$$: string]:
+    | IncludedStyles
+    | null
+    | string
+    | Readonly<{ [$$Key$$: string]: null | string }>;
+}>;
+export type FlatCompiledStyles = Readonly<{
+  [$$Key$$: string]: string | IncludedStyles | null;
+  $$css: true;
+}>;
+export type StyleXOptions = {
+  dev: boolean;
+  test: boolean;
+  stylexSheetName?: string | void;
+  classNamePrefix: string;
+  definedStylexCSSVariables?: { [key: string]: unknown };
+  styleResolution:
+    | 'application-order'
+    | 'property-specificity'
+    | 'legacy-expand-shorthands';
+};
+export type MutableCompiledNamespaces = { [key: string]: FlatCompiledStyles };
+export type CompiledNamespaces = Readonly<MutableCompiledNamespaces>;

package/lib/common-types.js.flow

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type { IncludedStyles } from './stylex-include';
+
+export type TRawValue = number | string | $ReadOnlyArray<number | string>;
+export type TStyleValue = null | TRawValue;
+export type TNestableStyleValue = TStyleValue | PrimitiveRawStyles;
+
+export type RawStyles = $ReadOnly<{
+  [string]: TNestableStyleValue | IncludedStyles,
+}>;
+export type PrimitiveRawStyles = $ReadOnly<{
+  [string]: TNestableStyleValue,
+}>;
+
+export type InjectableStyle = {
+  +priority: number,
+  +ltr: string,
+  +rtl: null | string,
+};
+
+export type StyleRule = [string, string, InjectableStyle];
+
+export type CompiledStyles = $ReadOnly<{
+  [string]:
+    | IncludedStyles
+    | null
+    | string
+    | $ReadOnly<{ [string]: null | string }>,
+}>;
+
+export type FlatCompiledStyles = $ReadOnly<{
+  [string]: string | IncludedStyles | null,
+  $$css: true,
+}>;
+
+export type StyleXOptions = {
+  dev: boolean,
+  test: boolean,
+  stylexSheetName?: string | void,
+  classNamePrefix: string,
+  definedStylexCSSVariables?: { [key: string]: mixed },
+  styleResolution:
+    | 'application-order' // The last style applied wins.
+    // More specific styles will win over less specific styles. (margin-top wins over margin)
+    | 'property-specificity'
+    // Legacy behavior, that expands shorthand properties into their longhand counterparts at compile-time.
+    // This is not recommended, and will be removed in a future version.
+    | 'legacy-expand-shorthands',
+  ...
+};
+
+export type MutableCompiledNamespaces = {
+  [key: string]: FlatCompiledStyles,
+};
+
+export type CompiledNamespaces = $ReadOnly<MutableCompiledNamespaces>;

package/lib/convert-to-className.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { TRawValue, StyleRule, StyleXOptions } from './common-types';
+export declare function convertStyleToClassName(
+  objEntry: [string, TRawValue],
+  pseudos: ReadonlyArray<string>,
+  atRules: ReadonlyArray<string>,
+  $$PARAM_3$$: StyleXOptions
+): StyleRule;

package/lib/convert-to-className.js.flow

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type { TRawValue, StyleRule, StyleXOptions } from './common-types';
+// This function takes a single style rule and transforms it into a CSS rule.
+// [color: 'red'] => ['color', 'classname-for-color-red', CSSRULE{ltr, rtl, priority}]
+//
+// It converts the camelCased style key to a dash-separated key.
+// Handles RTL-flipping
+// Hashes to get a className
+// Returns the final key, className a CSS Rule
+declare export function convertStyleToClassName(
+  objEntry: [string, TRawValue],
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>,
+  StyleXOptions
+): StyleRule;

package/lib/generate-css-rule.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { InjectableStyle } from './common-types';
+export declare function generateRule(
+  className: string,
+  key: string,
+  value: string | ReadonlyArray<string>,
+  pseudos: ReadonlyArray<string>,
+  atRules: ReadonlyArray<string>
+): InjectableStyle;

package/lib/generate-css-rule.js.flow

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type { InjectableStyle } from './common-types';
+declare export function generateRule(
+  className: string,
+  key: string,
+  value: string | $ReadOnlyArray<string>,
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>
+): InjectableStyle;

package/lib/hash.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+declare var hash: (str: string) => string;
+export default hash;

package/lib/hash.js.flow

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+declare var hash: (str: string) => string;
+
+declare export default hash;

package/lib/index.d.ts

@@ -3,100 +3,37 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ *
  */
 
-export type TRawValue = number | string | Array<number | string>;
-
-export type TStyleValue = number | string | Array<number | string>;
-export type TNestableStyleValue =
-  | TStyleValue
-  | { readonly [key: string]: TStyleValue };
-
-export type RawStyles = $ReadOnly<{
-  [key: string]: TNestableStyleValue;
-}>;
-
-export type InjectableStyle = {
-  readonly priority: number;
-  readonly ltr: string;
-  readonly rtl?: string;
-};
-
-export type StyleRule = readonly [string, string, InjectableStyle];
-
-export type CompiledStyles = {
-  readonly [key: string]: string | null;
-  readonly $$css: true;
-};
-export type MutableCompiledStyles = {
-  [key: string]: string | null;
-  $$css: true;
-};
-
-export type CompiledNamespaces = { readonly [key: string]: CompiledStyles };
-
-export type MutableCompiledNamespaces = {
-  [key: string]: MutableCompiledStyles;
-};
-
-export function create<N extends { readonly [key: string]: RawStyles }>(
-  namespaces: N,
-  options?: StyleXOptions
-): readonly [CompiledNamespaces, { readonly [key: string]: InjectableStyle }];
-
-export function keyframes<
-  Obj extends {
-    readonly [key: string]: { readonly [k: string]: string | number };
-  }
->(animation: Obj, options?: StyleXOptions): readonly [string, InjectableStyle];
-
-export function include(animation: {
-  readonly [key: string]: string | number;
-}): readonly { [key: string]: IncludedStyles };
-
-export class IncludedStyles {
-  astNode: any;
-}
-
-export type StyleXOptions = {
-  dev: boolean;
-  test: boolean;
-  stylexSheetName?: string | undefined;
-  classNamePrefix: string;
-  definedStylexCSSVariables?: { [key: string]: any };
-  styleResolution:
-    | 'application-order' // The last style applied wins.
-    // More specific styles will win over less specific styles. (margin-top wins over margin)
-    | 'property-specificity'
-    // Legacy behavior, that expands shorthand properties into their longhand counterparts at compile-time.
-    // This is not recommended, and will be removed in a future version.
-    | 'legacy-expand-shorthands';
-  [key: string]: any;
-};
-
-export function firstThatWorks<T>(...args: T[]): T[];
-
-export const messages: {
-  ILLEGAL_ARGUMENT_LENGTH: string;
-  NON_STATIC_VALUE: string;
-  ESCAPED_STYLEX_VALUE: string;
-  UNBOUND_STYLEX_CALL_VALUE: string;
-  ONLY_TOP_LEVEL: string;
-  NON_OBJECT_FOR_STYLEX_CALL: string;
-  UNKNOWN_PROP_KEY: string;
-  INVALID_PSEUDO: string;
-  ILLEGAL_NAMESPACE_TYPE: string;
-  UNKNOWN_NAMESPACE: string;
-  ILLEGAL_NESTED_PSEUDO: string;
-  ILLEGAL_PROP_VALUE: string;
-  ILLEGAL_PROP_ARRAY_VALUE: string;
-  ILLEGAL_NAMESPACE_VALUE: string;
-  INVALID_SPREAD: string;
-  LINT_UNCLOSED_FUNCTION: string;
-  LOCAL_ONLY: string;
-  UNEXPECTED_ARGUMENT: string;
-  EXPECTED_FUNCTION_CALL: string;
-  INVALID_PSEUDO_OR_AT_RULE: string;
-  ONLY_TOP_LEVEL_INLCUDES: string;
-  DUPLICATE_CONDITIONAL: string;
-};
+export type {
+  RawStyles,
+  StyleRule,
+  TNestableStyleValue,
+  TRawValue,
+  TStyleValue,
+} from './common-types';
+import styleXCreateSet from './stylex-create';
+import stylexKeyframes from './stylex-keyframes';
+import stylexInclude, {
+  IncludedStyles as _IncludedStyles,
+} from './stylex-include';
+import stylexFirstThatWorks from './stylex-first-that-works';
+import * as m from './messages';
+import type {
+  InjectableStyle as _InjectableStyle,
+  CompiledNamespaces as _CompiledNamespaces,
+  MutableCompiledNamespaces as _MutableCompiledNamespaces,
+  StyleXOptions as _StyleXOptions,
+} from './common-types';
+export declare var create: typeof styleXCreateSet;
+export declare var keyframes: typeof stylexKeyframes;
+export declare var include: typeof stylexInclude;
+export declare var messages: typeof m;
+export declare var IncludedStyles: typeof _IncludedStyles;
+export declare var firstThatWorks: typeof stylexFirstThatWorks;
+export type InjectableStyle = _InjectableStyle;
+export type CompiledNamespaces = _CompiledNamespaces;
+export type MutableCompiledNamespaces = _MutableCompiledNamespaces;
+export type StyleXOptions = _StyleXOptions;

package/lib/index.js.flow

@@ -1,5 +1,48 @@
 /**
- * Flowtype definitions for index.js
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
  */
+
+export type {
+  RawStyles,
+  StyleRule,
+  TNestableStyleValue,
+  TRawValue,
+  TStyleValue,
+} from './common-types';
+
+// All functions exposed from `stylex` are defined in a way that can be run
+// entirely in the browser.
+
+// These are the implementations of those functions.
+
+import styleXCreateSet from './stylex-create';
+import stylexKeyframes from './stylex-keyframes';
+import stylexInclude, {
+  IncludedStyles as _IncludedStyles,
+} from './stylex-include';
+import stylexFirstThatWorks from './stylex-first-that-works';
+import * as m from './messages';
+
+import type {
+  InjectableStyle as _InjectableStyle,
+  CompiledNamespaces as _CompiledNamespaces,
+  MutableCompiledNamespaces as _MutableCompiledNamespaces,
+  StyleXOptions as _StyleXOptions,
+} from './common-types';
+
+declare export var create: typeof styleXCreateSet;
+declare export var keyframes: typeof stylexKeyframes;
+declare export var include: typeof stylexInclude;
+declare export var messages: typeof m;
+declare export var IncludedStyles: typeof _IncludedStyles;
+declare export var firstThatWorks: typeof stylexFirstThatWorks;
+
+export type InjectableStyle = _InjectableStyle;
+export type CompiledNamespaces = _CompiledNamespaces;
+export type MutableCompiledNamespaces = _MutableCompiledNamespaces;
+export type StyleXOptions = _StyleXOptions;

package/lib/messages.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export declare var ILLEGAL_ARGUMENT_LENGTH: 'stylex() should have 1 argument.';
+export declare var NON_STATIC_VALUE: 'Only static values are allowed inside of a stylex.create() call.';
+export declare var ESCAPED_STYLEX_VALUE: 'Escaping a stylex.create() value is not allowed.';
+export declare var UNBOUND_STYLEX_CALL_VALUE: 'stylex.create calls must be bound to a bare variable.';
+export declare var ONLY_TOP_LEVEL: 'stylex.create() is only allowed at the root of a program.';
+export declare var NON_OBJECT_FOR_STYLEX_CALL: 'stylex.create() can only accept a style object.';
+export declare var UNKNOWN_PROP_KEY: 'Unknown property key';
+export declare var INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
+export declare var INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+export declare var NO_CONDITIONAL_SHORTHAND: 'You cannot use conditional style values for a shorthand property.';
+export declare var ILLEGAL_NAMESPACE_TYPE: 'Only a string literal namespace is allowed here.';
+export declare var UNKNOWN_NAMESPACE: 'Unknown namespace';
+export declare var ILLEGAL_NESTED_PSEUDO: "Pseudo objects can't be nested more than one level deep.";
+export declare var ILLEGAL_PROP_VALUE: 'A style value can only contain an array, string or number.';
+export declare var ILLEGAL_PROP_ARRAY_VALUE: 'A style array value can only contain strings or numbers.';
+export declare var ILLEGAL_NAMESPACE_VALUE: 'A stylex namespace must be an object.';
+export declare var INVALID_SPREAD: 'Imported styles spread with a stylex.create call must be type cast as `XStyle<>` to verify their type.';
+export declare var LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
+export declare var LOCAL_ONLY: 'The return value of stylex.create() should not be exported.';
+export declare var UNEXPECTED_ARGUMENT: 'Unexpected argument passed to the stylex() function.';
+export declare var EXPECTED_FUNCTION_CALL: 'Expected a simple function call but found something else.';
+export declare var NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
+export declare var ONLY_TOP_LEVEL_INLCUDES: 'stylex.include() is only at the top level of a style definition object.';
+export declare var DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';

package/lib/messages.js.flow

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @flow strict
+ */
+
+// This file contains constants to be used within Error messages.
+// The URLs within will eventually be replaced by links to the documenation website for Stylex.
+
+declare export var ILLEGAL_ARGUMENT_LENGTH: 'stylex() should have 1 argument.';
+declare export var NON_STATIC_VALUE: 'Only static values are allowed inside of a stylex.create() call.';
+declare export var ESCAPED_STYLEX_VALUE: 'Escaping a stylex.create() value is not allowed.';
+declare export var UNBOUND_STYLEX_CALL_VALUE: 'stylex.create calls must be bound to a bare variable.';
+declare export var ONLY_TOP_LEVEL: 'stylex.create() is only allowed at the root of a program.';
+declare export var NON_OBJECT_FOR_STYLEX_CALL: 'stylex.create() can only accept a style object.';
+declare export var UNKNOWN_PROP_KEY: 'Unknown property key';
+declare export var INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
+declare export var INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+declare export var NO_CONDITIONAL_SHORTHAND: 'You cannot use conditional style values for a shorthand property.';
+declare export var ILLEGAL_NAMESPACE_TYPE: 'Only a string literal namespace is allowed here.';
+declare export var UNKNOWN_NAMESPACE: 'Unknown namespace';
+declare export var ILLEGAL_NESTED_PSEUDO: "Pseudo objects can't be nested more than one level deep.";
+declare export var ILLEGAL_PROP_VALUE: 'A style value can only contain an array, string or number.';
+declare export var ILLEGAL_PROP_ARRAY_VALUE: 'A style array value can only contain strings or numbers.';
+declare export var ILLEGAL_NAMESPACE_VALUE: 'A stylex namespace must be an object.';
+declare export var INVALID_SPREAD: 'Imported styles spread with a stylex.create call must be type cast as `XStyle<>` to verify their type.';
+declare export var LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
+declare export var LOCAL_ONLY: 'The return value of stylex.create() should not be exported.';
+declare export var UNEXPECTED_ARGUMENT: 'Unexpected argument passed to the stylex() function.';
+declare export var EXPECTED_FUNCTION_CALL: 'Expected a simple function call but found something else.';
+declare export var NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
+declare export var ONLY_TOP_LEVEL_INLCUDES: 'stylex.include() is only at the top level of a style definition object.';
+declare export var DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';

package/lib/physical-rtl/generate-ltr.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ *
+ */
+
+declare function generateLTR(pair: [string, string]): [string, string];
+export default generateLTR;

package/lib/physical-rtl/generate-ltr.js.flow

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ *
+ */
+
+declare export default function generateLTR(
+  pair: [string, string]
+): [string, string];

package/lib/physical-rtl/generate-rtl.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ *
+ */
+
+declare function generateRTL(
+  $$PARAM_0$$: [string, string]
+): null | undefined | [string, string];
+export default generateRTL;

package/lib/physical-rtl/generate-rtl.js.flow

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ *
+ */
+
+declare export default function generateRTL(
+  [string, string]
+): ?[string, string];

package/lib/preprocess-rules/PreRule.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { InjectableStyle, StyleXOptions } from '../common-types';
+import type { IncludedStyles } from '../stylex-include';
+export type ComputedStyle = null | Readonly<[string, InjectableStyle]>;
+export interface IPreRule {
+  compiled(
+    options: StyleXOptions
+  ): IncludedStyles | ReadonlyArray<ComputedStyle>;
+  equals(other: IPreRule): boolean;
+}
+export type AnyPreRule = NullPreRule | PreRule | PreRuleSet;
+export declare class NullPreRule implements IPreRule {
+  compiled(_options: StyleXOptions): [null];
+  equals(other: IPreRule): boolean;
+}
+export declare class PreIncludedStylesRule implements IPreRule {
+  readonly includedStyles: IncludedStyles;
+  constructor(IncludedStyles: IncludedStyles);
+  equals(other: IPreRule): boolean;
+  compiled(_options: StyleXOptions): IncludedStyles;
+}
+export declare class PreRule implements IPreRule {
+  readonly property: string;
+  readonly value: string | number | ReadonlyArray<string | number>;
+  readonly pseudos: ReadonlyArray<string>;
+  readonly atRules: ReadonlyArray<string>;
+  constructor(
+    property: string,
+    value: string | number | ReadonlyArray<string | number>,
+    pseudos?: null | undefined | ReadonlyArray<string>,
+    atRules?: null | undefined | ReadonlyArray<string>
+  );
+  compiled(options: StyleXOptions): ReadonlyArray<[string, InjectableStyle]>;
+  equals(other: IPreRule): boolean;
+}
+export declare class PreRuleSet implements IPreRule {
+  readonly rules: ReadonlyArray<PreRule | NullPreRule>;
+  constructor(rules: ReadonlyArray<PreRule | NullPreRule>);
+  static create(
+    rules: ReadonlyArray<PreRule | NullPreRule | PreRuleSet>
+  ): AnyPreRule;
+  compiled(options: StyleXOptions): ReadonlyArray<ComputedStyle>;
+  equals(other: IPreRule): boolean;
+}

package/lib/preprocess-rules/PreRule.js.flow

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type { InjectableStyle, StyleXOptions } from '../common-types';
+import type { IncludedStyles } from '../stylex-include';
+
+export type ComputedStyle = null | $ReadOnly<[string, InjectableStyle]>;
+
+// The classes in this file are used to represent objects that
+// can be compiled into one or CSS rules.
+//
+// These are thin wrappers around the "values" in Raw Style Objects
+// with all the metadata needed to compile them into CSS.
+export interface IPreRule {
+  compiled(
+    options: StyleXOptions
+  ): IncludedStyles | $ReadOnlyArray<ComputedStyle>;
+  equals(other: IPreRule): boolean;
+}
+
+export type AnyPreRule = NullPreRule | PreRule | PreRuleSet;
+
+declare export class NullPreRule implements IPreRule {
+  compiled(_options: StyleXOptions): [null];
+  equals(other: IPreRule): boolean;
+}
+
+declare export class PreIncludedStylesRule implements IPreRule {
+  +includedStyles: IncludedStyles;
+  constructor(IncludedStyles: IncludedStyles): void;
+  equals(other: IPreRule): boolean;
+  compiled(_options: StyleXOptions): IncludedStyles;
+}
+
+declare export class PreRule implements IPreRule {
+  +property: string;
+  +value: string | number | $ReadOnlyArray<string | number>;
+  +pseudos: $ReadOnlyArray<string>;
+  +atRules: $ReadOnlyArray<string>;
+  constructor(
+    property: string,
+    value: string | number | $ReadOnlyArray<string | number>,
+    pseudos?: ?$ReadOnlyArray<string>,
+    atRules?: ?$ReadOnlyArray<string>
+  ): void;
+  compiled(options: StyleXOptions): $ReadOnlyArray<[string, InjectableStyle]>;
+  equals(other: IPreRule): boolean;
+}
+
+declare export class PreRuleSet implements IPreRule {
+  +rules: $ReadOnlyArray<PreRule | NullPreRule>;
+  constructor(rules: $ReadOnlyArray<PreRule | NullPreRule>): void;
+  static create(
+    rules: $ReadOnlyArray<PreRule | NullPreRule | PreRuleSet>
+  ): AnyPreRule;
+  compiled(options: StyleXOptions): $ReadOnlyArray<ComputedStyle>;
+  equals(other: IPreRule): boolean;
+}