@stylexjs/shared 0.2.0-beta.8 → 0.3.0

package/lib/index.js.flow

@@ -0,0 +1,59 @@
+/**
+ * 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 styleXDefineVars from './stylex-define-vars';
+import styleXCreateTheme from './stylex-create-theme';
+import stylexKeyframes from './stylex-keyframes';
+import stylexInclude, {
+  IncludedStyles as _IncludedStyles,
+} from './stylex-include';
+import stylexFirstThatWorks from './stylex-first-that-works';
+import hash from './hash';
+import genFileBasedIdentifier from './utils/file-based-identifier';
+import * as m from './messages';
+export * as types from './types';
+
+import type {
+  InjectableStyle as _InjectableStyle,
+  CompiledNamespaces as _CompiledNamespaces,
+  MutableCompiledNamespaces as _MutableCompiledNamespaces,
+  StyleXOptions as _StyleXOptions,
+} from './common-types';
+
+declare export const create: typeof styleXCreateSet;
+declare export const defineVars: typeof styleXDefineVars;
+declare export const createTheme: typeof styleXCreateTheme;
+declare export const keyframes: typeof stylexKeyframes;
+declare export const include: typeof stylexInclude;
+declare export const utils: {
+  hash: typeof hash,
+  genFileBasedIdentifier: typeof genFileBasedIdentifier,
+};
+declare export const messages: typeof m;
+declare export const IncludedStyles: typeof _IncludedStyles;
+declare export const 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,36 @@
+/**
+ * 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 const ILLEGAL_ARGUMENT_LENGTH: 'stylex() should have 1 argument.';
+export declare const NON_STATIC_VALUE: 'Only static values are allowed inside of a stylex.create() call.';
+export declare const ESCAPED_STYLEX_VALUE: 'Escaping a stylex.create() value is not allowed.';
+export declare const UNBOUND_STYLEX_CALL_VALUE: 'stylex.create calls must be bound to a bare variable.';
+export declare const ONLY_TOP_LEVEL: 'stylex.create() is only allowed at the root of a program.';
+export declare const NON_OBJECT_FOR_STYLEX_CALL: 'stylex.create() can only accept a style object.';
+export declare const UNKNOWN_PROP_KEY: 'Unknown property key';
+export declare const INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
+export declare const INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+export declare const NO_CONDITIONAL_SHORTHAND: 'You cannot use conditional style values for a shorthand property.';
+export declare const ILLEGAL_NAMESPACE_TYPE: 'Only a string literal namespace is allowed here.';
+export declare const UNKNOWN_NAMESPACE: 'Unknown namespace';
+export declare const ILLEGAL_NESTED_PSEUDO: "Pseudo objects can't be nested more than one level deep.";
+export declare const ILLEGAL_PROP_VALUE: 'A style value can only contain an array, string or number.';
+export declare const ILLEGAL_PROP_ARRAY_VALUE: 'A style array value can only contain strings or numbers.';
+export declare const ILLEGAL_NAMESPACE_VALUE: 'A stylex namespace must be an object.';
+export declare const INVALID_SPREAD: 'Imported styles spread with a stylex.create call must be type cast as `XStyle` to verify their type.';
+export declare const LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
+export declare const LOCAL_ONLY: 'The return value of stylex.create() should not be exported.';
+export declare const UNEXPECTED_ARGUMENT: 'Unexpected argument passed to the stylex() function.';
+export declare const EXPECTED_FUNCTION_CALL: 'Expected a simple function call but found something else.';
+export declare const NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
+export declare const ONLY_TOP_LEVEL_INLCUDES: 'stylex.include() is only at the top level of a style definition object.';
+export declare const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
+export declare const NO_PROJECT_ROOT_DIRECTORY: 'The project root directory `rootDir` is not configured.';
+export declare const NON_EXPORT_NAMED_DECLARATION: 'The return value of stylex.defineVars() must be bound to a named export.';
+export declare const ANONYMOUS_THEME: 'stylex.createTheme() must be bound to a named constant.';

package/lib/messages.js

@@ -1,60 +1,33 @@
-/**
- * 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.
- * 
- */
-
 'use 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.
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNKNOWN_PROP_KEY = exports.UNKNOWN_NAMESPACE = exports.UNEXPECTED_ARGUMENT = exports.UNBOUND_STYLEX_CALL_VALUE = exports.ONLY_TOP_LEVEL = exports.NO_PARENT_PATH = exports.NO_CONDITIONAL_SHORTHAND = exports.NON_STATIC_VALUE = exports.NON_OBJECT_FOR_STYLEX_CALL = exports.MULTIPLE_DIRECTIONS_IN_SHORTHAND = exports.LOCAL_ONLY = exports.LINT_UNCLOSED_FUNCTION = exports.INVALID_SPREAD = exports.INVALID_PSEUDO = exports.ILLEGAL_PROP_VALUE = exports.ILLEGAL_PROP_ARRAY_VALUE = exports.ILLEGAL_NESTED_PSEUDO = exports.ILLEGAL_NAMESPACE_VALUE = exports.ILLEGAL_NAMESPACE_TYPE = exports.ILLEGAL_ARGUMENT_LENGTH = exports.EXPECTED_FUNCTION_CALL = exports.ESCAPED_STYLEX_VALUE = void 0;
-const ILLEGAL_ARGUMENT_LENGTH = 'stylex() should have 1 argument.';
-exports.ILLEGAL_ARGUMENT_LENGTH = ILLEGAL_ARGUMENT_LENGTH;
-const NON_STATIC_VALUE = 'Only static values are allowed inside of a stylex.create() call.';
-exports.NON_STATIC_VALUE = NON_STATIC_VALUE;
-const ESCAPED_STYLEX_VALUE = 'Escaping a stylex.create() value is not allowed.';
-exports.ESCAPED_STYLEX_VALUE = ESCAPED_STYLEX_VALUE;
-const UNBOUND_STYLEX_CALL_VALUE = 'stylex.create calls must be bound to a bare variable.';
-exports.UNBOUND_STYLEX_CALL_VALUE = UNBOUND_STYLEX_CALL_VALUE;
-const ONLY_TOP_LEVEL = 'stylex.create() is only allowed at the root of a program.';
-exports.ONLY_TOP_LEVEL = ONLY_TOP_LEVEL;
-const NON_OBJECT_FOR_STYLEX_CALL = 'stylex.create() can only accept a style object.';
-exports.NON_OBJECT_FOR_STYLEX_CALL = NON_OBJECT_FOR_STYLEX_CALL;
-const UNKNOWN_PROP_KEY = 'Unknown property key';
-exports.UNKNOWN_PROP_KEY = UNKNOWN_PROP_KEY;
-const INVALID_PSEUDO = 'Invalid pseudo selector, not on the whitelist.';
-exports.INVALID_PSEUDO = INVALID_PSEUDO;
-const NO_CONDITIONAL_SHORTHAND = 'You cannot use conditional style values for a shorthand property.';
-exports.NO_CONDITIONAL_SHORTHAND = NO_CONDITIONAL_SHORTHAND;
-const ILLEGAL_NAMESPACE_TYPE = 'Only a string literal namespace is allowed here.';
-exports.ILLEGAL_NAMESPACE_TYPE = ILLEGAL_NAMESPACE_TYPE;
-const UNKNOWN_NAMESPACE = 'Unknown namespace';
-exports.UNKNOWN_NAMESPACE = UNKNOWN_NAMESPACE;
-const ILLEGAL_NESTED_PSEUDO = "Pseudo objects can't be nested.";
-exports.ILLEGAL_NESTED_PSEUDO = ILLEGAL_NESTED_PSEUDO;
-const ILLEGAL_PROP_VALUE = 'A style value can only contain an array, string or number.';
-exports.ILLEGAL_PROP_VALUE = ILLEGAL_PROP_VALUE;
-const ILLEGAL_PROP_ARRAY_VALUE = 'A style array value can only contain strings or numbers.';
-exports.ILLEGAL_PROP_ARRAY_VALUE = ILLEGAL_PROP_ARRAY_VALUE;
-const ILLEGAL_NAMESPACE_VALUE = 'A stylex namespace must be an object.';
-exports.ILLEGAL_NAMESPACE_VALUE = ILLEGAL_NAMESPACE_VALUE;
-const INVALID_SPREAD = 'Imported styles spread with a stylex.create call must be type cast as `XStyle<>` to verify their type.';
-exports.INVALID_SPREAD = INVALID_SPREAD;
-const LINT_UNCLOSED_FUNCTION = 'Rule contains an unclosed function';
-exports.LINT_UNCLOSED_FUNCTION = LINT_UNCLOSED_FUNCTION;
-const LOCAL_ONLY = 'The return value of stylex.create() should not be exported.';
-exports.LOCAL_ONLY = LOCAL_ONLY;
-const UNEXPECTED_ARGUMENT = 'Unexpected argument passed to the stylex() function.';
-exports.UNEXPECTED_ARGUMENT = UNEXPECTED_ARGUMENT;
-const EXPECTED_FUNCTION_CALL = 'Expected a simple function call but found something else.';
-exports.EXPECTED_FUNCTION_CALL = EXPECTED_FUNCTION_CALL;
-const NO_PARENT_PATH = 'Unexpected AST node without a parent path.';
-exports.NO_PARENT_PATH = NO_PARENT_PATH;
-const MULTIPLE_DIRECTIONS_IN_SHORTHAND = 'Shorthand properties cannot contain different values for different directions.';
-exports.MULTIPLE_DIRECTIONS_IN_SHORTHAND = MULTIPLE_DIRECTIONS_IN_SHORTHAND;
+exports.UNKNOWN_PROP_KEY = exports.UNKNOWN_NAMESPACE = exports.UNEXPECTED_ARGUMENT = exports.UNBOUND_STYLEX_CALL_VALUE = exports.ONLY_TOP_LEVEL_INLCUDES = exports.ONLY_TOP_LEVEL = exports.NO_PROJECT_ROOT_DIRECTORY = exports.NO_PARENT_PATH = exports.NO_CONDITIONAL_SHORTHAND = exports.NON_STATIC_VALUE = exports.NON_OBJECT_FOR_STYLEX_CALL = exports.NON_EXPORT_NAMED_DECLARATION = exports.LOCAL_ONLY = exports.LINT_UNCLOSED_FUNCTION = exports.INVALID_SPREAD = exports.INVALID_PSEUDO_OR_AT_RULE = exports.INVALID_PSEUDO = exports.ILLEGAL_PROP_VALUE = exports.ILLEGAL_PROP_ARRAY_VALUE = exports.ILLEGAL_NESTED_PSEUDO = exports.ILLEGAL_NAMESPACE_VALUE = exports.ILLEGAL_NAMESPACE_TYPE = exports.ILLEGAL_ARGUMENT_LENGTH = exports.EXPECTED_FUNCTION_CALL = exports.ESCAPED_STYLEX_VALUE = exports.DUPLICATE_CONDITIONAL = exports.ANONYMOUS_THEME = void 0;
+const ILLEGAL_ARGUMENT_LENGTH = exports.ILLEGAL_ARGUMENT_LENGTH = 'stylex() should have 1 argument.';
+const NON_STATIC_VALUE = exports.NON_STATIC_VALUE = 'Only static values are allowed inside of a stylex.create() call.';
+const ESCAPED_STYLEX_VALUE = exports.ESCAPED_STYLEX_VALUE = 'Escaping a stylex.create() value is not allowed.';
+const UNBOUND_STYLEX_CALL_VALUE = exports.UNBOUND_STYLEX_CALL_VALUE = 'stylex.create calls must be bound to a bare variable.';
+const ONLY_TOP_LEVEL = exports.ONLY_TOP_LEVEL = 'stylex.create() is only allowed at the root of a program.';
+const NON_OBJECT_FOR_STYLEX_CALL = exports.NON_OBJECT_FOR_STYLEX_CALL = 'stylex.create() can only accept a style object.';
+const UNKNOWN_PROP_KEY = exports.UNKNOWN_PROP_KEY = 'Unknown property key';
+const INVALID_PSEUDO = exports.INVALID_PSEUDO = 'Invalid pseudo selector, not on the whitelist.';
+const INVALID_PSEUDO_OR_AT_RULE = exports.INVALID_PSEUDO_OR_AT_RULE = 'Invalid pseudo or at-rule.';
+const NO_CONDITIONAL_SHORTHAND = exports.NO_CONDITIONAL_SHORTHAND = 'You cannot use conditional style values for a shorthand property.';
+const ILLEGAL_NAMESPACE_TYPE = exports.ILLEGAL_NAMESPACE_TYPE = 'Only a string literal namespace is allowed here.';
+const UNKNOWN_NAMESPACE = exports.UNKNOWN_NAMESPACE = 'Unknown namespace';
+const ILLEGAL_NESTED_PSEUDO = exports.ILLEGAL_NESTED_PSEUDO = "Pseudo objects can't be nested more than one level deep.";
+const ILLEGAL_PROP_VALUE = exports.ILLEGAL_PROP_VALUE = 'A style value can only contain an array, string or number.';
+const ILLEGAL_PROP_ARRAY_VALUE = exports.ILLEGAL_PROP_ARRAY_VALUE = 'A style array value can only contain strings or numbers.';
+const ILLEGAL_NAMESPACE_VALUE = exports.ILLEGAL_NAMESPACE_VALUE = 'A stylex namespace must be an object.';
+const INVALID_SPREAD = exports.INVALID_SPREAD = 'Imported styles spread with a stylex.create call must be type cast as `XStyle<>` to verify their type.';
+const LINT_UNCLOSED_FUNCTION = exports.LINT_UNCLOSED_FUNCTION = 'Rule contains an unclosed function';
+const LOCAL_ONLY = exports.LOCAL_ONLY = 'The return value of stylex.create() should not be exported.';
+const UNEXPECTED_ARGUMENT = exports.UNEXPECTED_ARGUMENT = 'Unexpected argument passed to the stylex() function.';
+const EXPECTED_FUNCTION_CALL = exports.EXPECTED_FUNCTION_CALL = 'Expected a simple function call but found something else.';
+const NO_PARENT_PATH = exports.NO_PARENT_PATH = 'Unexpected AST node without a parent path.';
+const ONLY_TOP_LEVEL_INLCUDES = exports.ONLY_TOP_LEVEL_INLCUDES = 'stylex.include() is only at the top level of a style definition object.';
+const DUPLICATE_CONDITIONAL = exports.DUPLICATE_CONDITIONAL = 'The same pseudo selector or at-rule cannot be used more than once.';
+const NO_PROJECT_ROOT_DIRECTORY = exports.NO_PROJECT_ROOT_DIRECTORY = 'The project root directory `rootDir` is not configured.';
+const NON_EXPORT_NAMED_DECLARATION = exports.NON_EXPORT_NAMED_DECLARATION = 'The return value of stylex.defineVars() must be bound to a named export.';
+const ANONYMOUS_THEME = exports.ANONYMOUS_THEME = 'stylex.createTheme() must be bound to a named constant.';

package/lib/messages.js.flow

@@ -0,0 +1,39 @@
+/**
+ * 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 const ILLEGAL_ARGUMENT_LENGTH: 'stylex() should have 1 argument.';
+declare export const NON_STATIC_VALUE: 'Only static values are allowed inside of a stylex.create() call.';
+declare export const ESCAPED_STYLEX_VALUE: 'Escaping a stylex.create() value is not allowed.';
+declare export const UNBOUND_STYLEX_CALL_VALUE: 'stylex.create calls must be bound to a bare variable.';
+declare export const ONLY_TOP_LEVEL: 'stylex.create() is only allowed at the root of a program.';
+declare export const NON_OBJECT_FOR_STYLEX_CALL: 'stylex.create() can only accept a style object.';
+declare export const UNKNOWN_PROP_KEY: 'Unknown property key';
+declare export const INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
+declare export const INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+declare export const NO_CONDITIONAL_SHORTHAND: 'You cannot use conditional style values for a shorthand property.';
+declare export const ILLEGAL_NAMESPACE_TYPE: 'Only a string literal namespace is allowed here.';
+declare export const UNKNOWN_NAMESPACE: 'Unknown namespace';
+declare export const ILLEGAL_NESTED_PSEUDO: "Pseudo objects can't be nested more than one level deep.";
+declare export const ILLEGAL_PROP_VALUE: 'A style value can only contain an array, string or number.';
+declare export const ILLEGAL_PROP_ARRAY_VALUE: 'A style array value can only contain strings or numbers.';
+declare export const ILLEGAL_NAMESPACE_VALUE: 'A stylex namespace must be an object.';
+declare export const INVALID_SPREAD: 'Imported styles spread with a stylex.create call must be type cast as `XStyle<>` to verify their type.';
+declare export const LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
+declare export const LOCAL_ONLY: 'The return value of stylex.create() should not be exported.';
+declare export const UNEXPECTED_ARGUMENT: 'Unexpected argument passed to the stylex() function.';
+declare export const EXPECTED_FUNCTION_CALL: 'Expected a simple function call but found something else.';
+declare export const NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
+declare export const ONLY_TOP_LEVEL_INLCUDES: 'stylex.include() is only at the top level of a style definition object.';
+declare export const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
+declare export const NO_PROJECT_ROOT_DIRECTORY: 'The project root directory `rootDir` is not configured.';
+declare export const NON_EXPORT_NAMED_DECLARATION: 'The return value of stylex.defineVars() must be bound to a named export.';
+declare export const ANONYMOUS_THEME: 'stylex.createTheme() must be bound to a named constant.';

package/lib/physical-rtl/generate-ltr.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 function generateLTR(pair: [string, string]): [string, string];
+export default generateLTR;

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

@@ -4,101 +4,75 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = generateLTR;
-/**
- * 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.
- *
- * 
- *
- */
-
 const logicalToPhysical = {
   start: 'left',
   end: 'right'
 };
 const propertyToLTR = {
   'margin-start': _ref => {
-    let [key, val] = _ref;
+    let [_key, val] = _ref;
     return ['margin-left', val];
   },
-  // 'margin-inline-start': ([key, val]) => ['margin-left', val],
   'margin-end': _ref2 => {
-    let [key, val] = _ref2;
+    let [_key, val] = _ref2;
     return ['margin-right', val];
   },
-  // 'margin-inline-end': ([key, val]: [string, string]) => ['margin-right', val],
   'padding-start': _ref3 => {
-    let [key, val] = _ref3;
+    let [_key, val] = _ref3;
     return ['padding-left', val];
   },
-  // 'padding-inline-start': ([key, val]: [string, string]) => ['padding-left', val],
   'padding-end': _ref4 => {
-    let [key, val] = _ref4;
+    let [_key, val] = _ref4;
     return ['padding-right', val];
   },
-  // 'padding-inline-end': ([key, val]: [string, string]) => ['padding-right', val],
   'border-start': _ref5 => {
-    let [key, val] = _ref5;
+    let [_key, val] = _ref5;
     return ['border-left', val];
   },
-  // 'border-inline-start': ([key, val]: [string, string]) => ['border-left', val],
   'border-end': _ref6 => {
-    let [key, val] = _ref6;
+    let [_key, val] = _ref6;
     return ['border-right', val];
   },
-  // 'border-inline-end': ([key, val]: [string, string]) => ['border-right', val],
   'border-start-width': _ref7 => {
-    let [key, val] = _ref7;
+    let [_key, val] = _ref7;
     return ['border-left-width', val];
   },
-  // 'border-inline-start-width': ([key, val]: [string, string]) => ['border-left-width', val],
   'border-end-width': _ref8 => {
-    let [key, val] = _ref8;
+    let [_key, val] = _ref8;
     return ['border-right-width', val];
   },
-  // 'border-inline-end-width': ([key, val]: [string, string]) => ['border-right-width', val],
   'border-start-color': _ref9 => {
-    let [key, val] = _ref9;
+    let [_key, val] = _ref9;
     return ['border-left-color', val];
   },
-  // 'border-inline-start-color': ([key, val]: [string, string]) => ['border-left-color', val],
   'border-end-color': _ref10 => {
-    let [key, val] = _ref10;
+    let [_key, val] = _ref10;
     return ['border-right-color', val];
   },
-  // 'border-inline-end-color': ([key, val]: [string, string]) => ['border-right-color', val],
   'border-start-style': _ref11 => {
-    let [key, val] = _ref11;
+    let [_key, val] = _ref11;
     return ['border-left-style', val];
   },
-  // 'border-inline-start-style': ([key, val]: [string, string]) => ['border-left-style', val],
   'border-end-style': _ref12 => {
-    let [key, val] = _ref12;
+    let [_key, val] = _ref12;
     return ['border-right-style', val];
   },
-  // 'border-inline-end-style': ([key, val]: [string, string]) => ['border-right-style', val],
   'border-top-start-radius': _ref13 => {
-    let [key, val] = _ref13;
+    let [_key, val] = _ref13;
     return ['border-top-left-radius', val];
   },
-  // 'border-start-start-radius': ([key, val]: [string, string]) => ['border-top-left-radius', val],
   'border-bottom-start-radius': _ref14 => {
-    let [key, val] = _ref14;
+    let [_key, val] = _ref14;
     return ['border-bottom-left-radius', val];
   },
-  // 'border-end-start-radius': ([key, val]: [string, string]) => ['border-bottom-left-radius', val],
   'border-top-end-radius': _ref15 => {
-    let [key, val] = _ref15;
+    let [_key, val] = _ref15;
     return ['border-top-right-radius', val];
   },
-  // 'border-start-end-radius': ([key, val]: [string, string]) => ['border-top-right-radius', val],
   'border-bottom-end-radius': _ref16 => {
-    let [key, val] = _ref16;
+    let [_key, val] = _ref16;
     return ['border-bottom-right-radius', val];
   },
-  // 'border-end-end-radius': ([key, val]: [string, string]) => ['border-bottom-right-radius', val],
   'text-align': _ref17 => {
     let [key, val] = _ref17;
     return [key, logicalToPhysical[val] ?? val];
@@ -112,15 +86,13 @@ const propertyToLTR = {
     return [key, logicalToPhysical[val] ?? val];
   },
   start: _ref20 => {
-    let [key, val] = _ref20;
+    let [_key, val] = _ref20;
     return ['left', val];
   },
-  // 'inset-inline-start': ([key, val]: [string, string]) => ['left', val],
   end: _ref21 => {
-    let [key, val] = _ref21;
+    let [_key, val] = _ref21;
     return ['right', val];
   },
-  // 'inset-inline-end': ([key, val]) => ['right', val],
   'background-position': _ref22 => {
     let [key, val] = _ref22;
     return [key, val.split(' ').map(word => word === 'start' ? 'left' : word === 'end' ? 'right' : word).join(' ')];

package/lib/physical-rtl/generate-ltr.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 export default function generateLTR(
+  pair: [string, string],
+): [string, string];

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

@@ -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.
+ *
+ *
+ */
+
+declare function generateRTL(
+  $$PARAM_0$$: [string, string],
+): null | undefined | [string, string];
+export default generateRTL;

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

@@ -6,16 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = generateRTL;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 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.
- *
- * 
- *
- */
-
 const cursorFlip = {
   'e-resize': 'w-resize',
   'w-resize': 'e-resize',
@@ -70,10 +60,6 @@ function flipShadow(value) {
     return rtl;
   }
 }
-
-// Should we be flipping shadows at all?
-// I think the better approach would be to let engineers use
-// CSS-vars directly.
 const shadowsFlip = {
   'box-shadow': _ref => {
     let [key, val] = _ref;
@@ -92,85 +78,69 @@ const logicalToPhysical = {
 };
 const propertyToRTL = {
   'margin-start': _ref3 => {
-    let [key, val] = _ref3;
+    let [_key, val] = _ref3;
     return ['margin-right', val];
   },
-  // 'margin-inline-start': ([key, val]: [string, string]) => ['margin-right', val],
   'margin-end': _ref4 => {
-    let [key, val] = _ref4;
+    let [_key, val] = _ref4;
     return ['margin-left', val];
   },
-  // 'margin-inline-end': ([key, val]: [string, string]) => ['margin-left', val],
   'padding-start': _ref5 => {
-    let [key, val] = _ref5;
+    let [_key, val] = _ref5;
     return ['padding-right', val];
   },
-  // 'padding-inline-start': ([key, val]: [string, string]) => ['padding-right', val],
   'padding-end': _ref6 => {
-    let [key, val] = _ref6;
+    let [_key, val] = _ref6;
     return ['padding-left', val];
   },
-  // 'padding-inline-end': ([key, val]: [string, string]) => ['padding-left', val],
   'border-start': _ref7 => {
-    let [key, val] = _ref7;
+    let [_key, val] = _ref7;
     return ['border-right', val];
   },
-  // 'border-inline-start': ([key, val]: [string, string]) => ['border-right', val],
   'border-end': _ref8 => {
-    let [key, val] = _ref8;
+    let [_key, val] = _ref8;
     return ['border-left', val];
   },
-  // 'border-inline-end': ([key, val]: [string, string]) => ['border-left', val],
   'border-start-width': _ref9 => {
-    let [key, val] = _ref9;
+    let [_key, val] = _ref9;
     return ['border-right-width', val];
   },
-  // 'border-inline-start-width': ([key, val]: [string, string]) => ['border-right-width', val],
   'border-end-width': _ref10 => {
-    let [key, val] = _ref10;
+    let [_key, val] = _ref10;
     return ['border-left-width', val];
   },
-  // 'border-inline-end-width': ([key, val]: [string, string]) => ['border-left-width', val],
   'border-start-color': _ref11 => {
-    let [key, val] = _ref11;
+    let [_key, val] = _ref11;
     return ['border-right-color', val];
   },
-  // 'border-inline-start-color': ([key, val]: [string, string]) => ['border-right-color', val],
   'border-end-color': _ref12 => {
-    let [key, val] = _ref12;
+    let [_key, val] = _ref12;
     return ['border-left-color', val];
   },
-  // 'border-inline-end-color': ([key, val]: [string, string]) => ['border-left-color', val],
   'border-start-style': _ref13 => {
-    let [key, val] = _ref13;
+    let [_key, val] = _ref13;
     return ['border-right-style', val];
   },
-  // 'border-inline-start-style': ([key, val]: [string, string]) => ['border-right-style', val],
   'border-end-style': _ref14 => {
-    let [key, val] = _ref14;
+    let [_key, val] = _ref14;
     return ['border-left-style', val];
   },
-  // 'border-inline-end-style': ([key, val]: [string, string]) => ['border-left-style', val],
   'border-top-start-radius': _ref15 => {
-    let [key, val] = _ref15;
+    let [_key, val] = _ref15;
     return ['border-top-right-radius', val];
   },
-  // 'border-start-start-radius': ([key, val]: [string, string]) => ['border-top-right-radius', val],
   'border-bottom-start-radius': _ref16 => {
-    let [key, val] = _ref16;
+    let [_key, val] = _ref16;
     return ['border-bottom-right-radius', val];
   },
-  // 'border-end-start-radius': ([key, val]: [string, string]) => ['border-bottom-right-radius', val],
   'border-top-end-radius': _ref17 => {
-    let [key, val] = _ref17;
+    let [_key, val] = _ref17;
     return ['border-top-left-radius', val];
   },
-  // 'border-start-end-radius': ([key, val]: [string, string]) => ['border-top-left-radius', val],
   'border-bottom-end-radius': _ref18 => {
-    let [key, val] = _ref18;
+    let [_key, val] = _ref18;
     return ['border-bottom-left-radius', val];
   },
-  // 'border-end-end-radius': ([key, val]: [string, string]) => ['border-bottom-left-radius', val],
   'text-align': _ref19 => {
     let [key, val] = _ref19;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
@@ -184,15 +154,13 @@ const propertyToRTL = {
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
   start: _ref22 => {
-    let [key, val] = _ref22;
+    let [_key, val] = _ref22;
     return ['right', val];
   },
-  // 'inset-inline-start': ([key, val]: [string, string]) => ['right', val],
   end: _ref23 => {
-    let [key, val] = _ref23;
+    let [_key, val] = _ref23;
     return ['left', val];
   },
-  // 'inset-inline-end': ([key, val]: [string, string]) => ['left', val],
   'background-position': _ref24 => {
     let [key, val] = _ref24;
     const words = val.split(' ');

package/lib/physical-rtl/generate-rtl.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 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;
+}