@stylexjs/shared 0.2.0-beta.9 → 0.3.0

package/lib/messages.js

@@ -1,58 +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.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 more than one level deep.";
-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;
+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;
+}

package/lib/preprocess-rules/PreRule.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreRuleSet = exports.PreRule = exports.PreIncludedStylesRule = exports.NullPreRule = void 0;
+var _convertToClassName = require("../convert-to-className");
+var _objectUtils = require("../utils/object-utils");
+class NullPreRule {
+  compiled(_options) {
+    return [null];
+  }
+  equals(other) {
+    return other instanceof NullPreRule;
+  }
+}
+exports.NullPreRule = NullPreRule;
+class PreIncludedStylesRule {
+  constructor(IncludedStyles) {
+    this.includedStyles = IncludedStyles;
+  }
+  equals(other) {
+    return other instanceof PreIncludedStylesRule && this.includedStyles === other.includedStyles;
+  }
+  compiled(_options) {
+    return this.includedStyles;
+  }
+}
+exports.PreIncludedStylesRule = PreIncludedStylesRule;
+const stringComparator = (a, b) => {
+  if (a === 'default') {
+    return -1;
+  }
+  if (b === 'default') {
+    return 1;
+  }
+  return a.localeCompare(b);
+};
+class PreRule {
+  constructor(property, value, pseudos, atRules) {
+    this.property = property;
+    this.value = value;
+    this.pseudos = pseudos ? (0, _objectUtils.arraySort)(pseudos, stringComparator) : [];
+    this.atRules = atRules ? (0, _objectUtils.arraySort)(atRules) : [];
+  }
+  compiled(options) {
+    const [_key, className, rule] = (0, _convertToClassName.convertStyleToClassName)([this.property, this.value], this.pseudos ?? [], this.atRules ?? [], options);
+    return [[className, rule]];
+  }
+  equals(other) {
+    if (!(other instanceof PreRule)) {
+      return false;
+    }
+    const valuesEqual = Array.isArray(this.value) && Array.isArray(other.value) ? (0, _objectUtils.arrayEquals)(this.value, other.value) : this.value === other.value;
+    return this.property === other.property && valuesEqual && (0, _objectUtils.arrayEquals)(this.pseudos, other.pseudos) && (0, _objectUtils.arrayEquals)(this.atRules, other.atRules);
+  }
+}
+exports.PreRule = PreRule;
+class PreRuleSet {
+  constructor(rules) {
+    this.rules = rules;
+  }
+  static create(rules) {
+    const flatRules = rules.flatMap(rule => rule instanceof PreRuleSet ? rule.rules : [rule]);
+    if (flatRules.length === 0) {
+      return new NullPreRule();
+    }
+    if (flatRules.length === 1) {
+      return flatRules[0];
+    }
+    return new PreRuleSet(flatRules);
+  }
+  compiled(options) {
+    const styleTuple = this.rules.flatMap(rule => rule.compiled(options)).filter(Boolean);
+    return styleTuple.length > 0 ? styleTuple : [null];
+  }
+  equals(other) {
+    if (!(other instanceof PreRuleSet)) {
+      return false;
+    }
+    if (this.rules.length !== other.rules.length) {
+      return false;
+    }
+    return (0, _objectUtils.arrayEquals)(this.rules, other.rules, (a, b) => a.equals(b));
+  }
+}
+exports.PreRuleSet = PreRuleSet;