@stylexjs/shared 0.2.0-beta.8 → 0.3.0

package/lib/stylex-create-theme.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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';
+declare function styleXCreateTheme(
+  themeVars: {
+    readonly __themeName__: string;
+    readonly [$$Key$$: string]: string;
+  },
+  variables: {
+    readonly [$$Key$$: string]:
+      | string
+      | { default: string; readonly [$$Key$$: string]: string };
+  },
+  options?: StyleXOptions,
+): [
+  { $$css: true; readonly [$$Key$$: string]: string },
+  { [$$Key$$: string]: InjectableStyle },
+];
+export default styleXCreateTheme;

package/lib/stylex-create-theme.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = styleXCreateTheme;
+var _hash = _interopRequireDefault(require("./hash"));
+var _defaultOptions = require("./utils/default-options");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function styleXCreateTheme(themeVars, variables, options) {
+  if (typeof themeVars.__themeName__ !== 'string') {
+    throw new Error('Can only override variables theme created with stylex.defineVars().');
+  }
+  const {
+    classNamePrefix
+  } = {
+    ..._defaultOptions.defaultOptions,
+    ...options
+  };
+  const sortedKeys = Object.keys(variables).sort();
+  const atRules = {};
+  const cssVariablesOverrideString = sortedKeys.map(key => {
+    const varNameHash = themeVars[key].slice(4, -1);
+    const value = variables[key];
+    if (varNameHash != null && value !== null && typeof value === 'object') {
+      if (value.default === undefined) {
+        throw new Error('Default value is not defined for ' + key + ' variable.');
+      }
+      const definedVarString = `${varNameHash}:${value.default};`;
+      Object.keys(value).forEach(key => {
+        if (key.startsWith('@')) {
+          const definedVarStringForAtRule = `${varNameHash}:${value[key]};`;
+          if (atRules[key] == null) {
+            atRules[key] = [definedVarStringForAtRule];
+          } else {
+            atRules[key].push(definedVarStringForAtRule);
+          }
+        }
+      });
+      return definedVarString;
+    }
+    return varNameHash != null && typeof value !== 'object' ? `${varNameHash}:${value};` : '';
+  }).join('');
+  const sortedAtRules = Object.keys(atRules).sort();
+  const atRulesStringForHash = sortedAtRules.map(atRule => {
+    return `${atRule}{${atRules[atRule].sort().join('')}}`;
+  }).join('');
+  const overrideClassName = classNamePrefix + (0, _hash.default)(cssVariablesOverrideString + atRulesStringForHash);
+  const atRulesCss = sortedAtRules.map(atRule => {
+    return `${atRule}{.${overrideClassName}{${atRules[atRule].join('')}}}`;
+  }).join('');
+  return [{
+    $$css: true,
+    [themeVars.__themeName__]: overrideClassName
+  }, {
+    [overrideClassName]: {
+      ltr: `.${overrideClassName}{${cssVariablesOverrideString}}${atRulesCss}`,
+      priority: 0.99,
+      rtl: undefined
+    }
+  }];
+}

package/lib/stylex-create-theme.js.flow

@@ -0,0 +1,19 @@
+/**
+ * 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';
+
+// It takes an object of variables with their values and the original set of variables to override
+// and returns a hashed className with variables overrides.
+//
+declare export default function styleXCreateTheme(
+  themeVars: { +__themeName__: string, +[string]: string },
+  variables: { +[string]: string | { default: string, +[string]: string } },
+  options?: StyleXOptions,
+): [{ $$css: true, +[string]: string }, { [string]: InjectableStyle }];

package/lib/stylex-create.d.ts

@@ -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.
+ *
+ *
+ */
+
+import type {
+  RawStyles,
+  InjectableStyle,
+  StyleXOptions,
+  FlatCompiledStyles,
+} from './common-types';
+declare function styleXCreateSet(
+  namespaces: { readonly [$$Key$$: string]: RawStyles },
+  options?: StyleXOptions,
+): [
+  { [$$Key$$: string]: FlatCompiledStyles },
+  { [$$Key$$: string]: InjectableStyle },
+];
+export default styleXCreateSet;

package/lib/stylex-create.js

@@ -4,159 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = styleXCreateSet;
-var _convertToClassName = _interopRequireDefault(require("./convert-to-className"));
-var _expandShorthands = _interopRequireWildcard(require("./expand-shorthands"));
 var _objectUtils = require("./utils/object-utils");
-var messages = _interopRequireWildcard(require("./messages"));
 var _stylexInclude = require("./stylex-include");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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.
- *
- * 
- */
-
-// This takes the object of styles passed to `stylex.create` and transforms it.
-//   The transformation replaces style values with classNames.
-//
-// It also collects all injected styles along the way.
-// It then returns a tuple of the transformed style Object and an object of injected styles.
-//
-// This function does some basic validation, and then uses `styleXCreateNamespace` to transform
-// each namespace within,
-//
-// Before returning, it ensures that there are no duplicate styles being injected.
+var _defaultOptions = require("./utils/default-options");
+var _flattenRawStyleObj = require("./preprocess-rules/flatten-raw-style-obj");
+var _basicValidation = require("./preprocess-rules/basic-validation");
 function styleXCreateSet(namespaces) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _defaultOptions.defaultOptions;
   const resolvedNamespaces = {};
   const injectedStyles = {};
   for (const namespaceName of Object.keys(namespaces)) {
     const namespace = namespaces[namespaceName];
-    if (typeof namespace !== 'object' || Array.isArray(namespace)) {
-      throw new Error(messages.ILLEGAL_NAMESPACE_VALUE);
-    }
-    const [resolvedNamespace, injected] = styleXCreateNamespace(namespace, options);
-    const compiledNamespace = (0, _objectUtils.flattenObject)(resolvedNamespace);
-    resolvedNamespaces[namespaceName] = {
-      ...compiledNamespace,
-      $$css: true
-    };
-    for (const cn of Object.keys(injected)) {
-      if (injectedStyles[cn] == null) {
-        injectedStyles[cn] = injected[cn];
-      }
-    }
-  }
-  return [resolvedNamespaces, injectedStyles];
-}
-
-// Transforms a single style namespace.
-// e.g. Something along the lines of:
-//  {color: 'red', margin: '10px'} =>
-//  {
-//    color: 'color-red',
-//    marginTop: 'margin-top-10px',
-//    marginBottom: 'margin-bottom-10px',
-//    marginStart: 'margin-start-10px',
-//    marginEnd: 'margin-end-10px'
-//  }
-//
-// First, it expands shorthand properties. (margin => marginTop, marginBottom, marginStart, marginEnd)
-// Then, it converts each style value to a className.
-// Then, it returns the transformed style Object and an object of injected styles.
-function styleXCreateNamespace(style, options) {
-  const namespaceEntries = (0, _objectUtils.objEntries)(style);
-
-  // First the shorthand properties are expanded.
-  // e.g. `margin` gets expanded to `marginTop`, `marginBottom`, `marginStart`, `marginEnd`.
-  // `entries` is an array of [key, value] pairs.
-  const entries = namespaceEntries.flatMap(_ref => {
-    let [key, value] = _ref;
-    if (value instanceof _stylexInclude.IncludedStyles) {
-      return [[key, value]];
-    }
-    if (value != null && typeof value === 'object' && !Array.isArray(value)) {
-      if (!key.startsWith(':') && !key.startsWith('@') && _expandShorthands.expandedKeys.includes(key)) {
-        throw new Error(messages.INVALID_PSEUDO);
-      }
-      return [[key, (0, _objectUtils.objFromEntries)((0, _objectUtils.objEntries)(value).flatMap(_ref2 => {
-        let [innerKey, innerValue] = _ref2;
-        if (innerValue != null && typeof innerValue === 'object' && !Array.isArray(innerValue)) {
-          throw new Error(messages.ILLEGAL_NESTED_PSEUDO);
-        }
-        if (!options.allowUnsafeProperties && _expandShorthands.BANNED_PROPERTIES[key]) {
-          throw new Error(_expandShorthands.BANNED_PROPERTIES[key]);
-        }
-        return (0, _expandShorthands.default)([innerKey, innerValue]);
-      }))]];
-    } else {
-      if (value !== null && typeof value !== 'string' && typeof value !== 'number' && !Array.isArray(value)) {
-        throw new Error(messages.ILLEGAL_PROP_VALUE);
-      }
-      if (Array.isArray(value) && value.some(val => typeof val === 'object')) {
-        throw new Error(messages.ILLEGAL_PROP_ARRAY_VALUE);
-      }
-      if (!options.allowUnsafeProperties && _expandShorthands.BANNED_PROPERTIES[key]) {
-        throw new Error(_expandShorthands.BANNED_PROPERTIES[key]);
-      }
-      return (0, _expandShorthands.default)([key, value]);
-    }
-  });
-
-  // Now each [key, value] pair is considered a single atomic style.
-  // This atomic style is converted to a className by hashing
-  //
-  // The [key, className] pair is then added to the output Object: `resolvedNamespace`.
-  // While hashing, the CSS rule that the className is generated from is also added to the output Object: `injectedStyles`.
-  const resolvedNamespace = {};
-  const injectedStyles = {};
-  for (const [key, val] of entries) {
-    if (val instanceof _stylexInclude.IncludedStyles) {
-      resolvedNamespace[key] = val;
-    } else if (val != null && typeof val === 'object' && !Array.isArray(val)) {
-      if (key.startsWith(':') || key.startsWith('@')) {
-        const pseudo = key;
-        const innerObj = {};
-        for (const [innerKey, innerVal] of (0, _objectUtils.objEntries)(val)) {
-          if (innerVal === null) {
-            innerObj[innerKey] = null;
-          } else {
-            const [updatedKey, className, cssRule] = (0, _convertToClassName.default)([innerKey, innerVal], pseudo, options);
-            innerObj[updatedKey] = className;
-            injectedStyles[updatedKey + pseudo] = [className, cssRule];
-          }
-        }
-        resolvedNamespace[key] = innerObj;
+    (0, _basicValidation.validateNamespace)(namespace);
+    const flattenedNamespace = (0, _flattenRawStyleObj.flattenRawStyleObject)(namespace, options);
+    const compiledNamespaceTuples = flattenedNamespace.map(_ref => {
+      let [key, value] = _ref;
+      return [key, value.compiled(options)];
+    });
+    const compiledNamespace = (0, _objectUtils.objFromEntries)(compiledNamespaceTuples);
+    const namespaceObj = {};
+    for (const key of Object.keys(compiledNamespace)) {
+      const value = compiledNamespace[key];
+      if (value instanceof _stylexInclude.IncludedStyles) {
+        namespaceObj[key] = value;
       } else {
-        const propKey = key;
-        const classNames = [];
-        for (const [pseudo, innerVal] of (0, _objectUtils.objEntries)(val)) {
-          if (pseudo !== 'default' && !pseudo.startsWith(':') && !pseudo.startsWith('@')) {
-            throw new Error(messages.INVALID_PSEUDO);
-          }
-          if (innerVal !== null) {
-            const [updatedKey, className, cssRule] = (0, _convertToClassName.default)([propKey, innerVal], pseudo === 'default' ? undefined : pseudo, options);
-            injectedStyles[updatedKey + pseudo] = [className, cssRule];
-            classNames.push(className);
+        const classNameTuples = value.map(v => Array.isArray(v) ? v : null).filter(Boolean);
+        const className = classNameTuples.map(_ref2 => {
+          let [className] = _ref2;
+          return className;
+        }).join(' ') || null;
+        namespaceObj[key] = className;
+        for (const [className, injectable] of classNameTuples) {
+          if (injectedStyles[className] == null) {
+            injectedStyles[className] = injectable;
           }
         }
-        resolvedNamespace[key] = classNames.join(' ');
-      }
-    } else {
-      if (val === null) {
-        resolvedNamespace[key] = null;
-      } else {
-        const [updatedKey, className, cssRule] = (0, _convertToClassName.default)([key, val], undefined, options);
-        resolvedNamespace[updatedKey] = className;
-        injectedStyles[updatedKey] = [className, cssRule];
       }
     }
+    resolvedNamespaces[namespaceName] = {
+      ...namespaceObj,
+      $$css: true
+    };
   }
-  const finalInjectedStyles = (0, _objectUtils.objFromEntries)((0, _objectUtils.objValues)(injectedStyles));
-  return [resolvedNamespace, finalInjectedStyles];
+  return [resolvedNamespaces, injectedStyles];
 }

package/lib/stylex-create.js.flow

@@ -0,0 +1,30 @@
+/**
+ * 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 {
+  RawStyles,
+  InjectableStyle,
+  StyleXOptions,
+  FlatCompiledStyles,
+} from './common-types';
+
+// This takes the object of styles passed to `stylex.create` and transforms it.
+//   The transformation replaces style values with classNames.
+//
+// It also collects all injected styles along the way.
+// It then returns a tuple of the transformed style Object and an object of injected styles.
+//
+// This function does some basic validation, and then uses `styleXCreateNamespace` to transform
+// each namespace within,
+//
+// Before returning, it ensures that there are no duplicate styles being injected.
+declare export default function styleXCreateSet(
+  namespaces: { +[string]: RawStyles },
+  options?: StyleXOptions,
+): [{ [string]: FlatCompiledStyles }, { [string]: InjectableStyle }];

package/lib/stylex-define-vars.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.
+ *
+ *
+ */
+
+import type { StyleXOptions } from './common-types';
+type VarsObject<
+  Vars extends {
+    readonly [$$Key$$: string]:
+      | string
+      | { readonly default: string; readonly [$$Key$$: string]: string };
+  },
+> = Readonly</**
+ * > 15 |   ...$ObjMapConst<Vars, string>,
+ *      |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
+ **/
+any>;
+declare function styleXDefineVars<
+  Vars extends {
+    readonly [$$Key$$: string]:
+      | string
+      | { readonly default: string; readonly [$$Key$$: string]: string };
+  },
+>(
+  variables: Vars,
+  options: Readonly<
+    Omit<Partial<StyleXOptions>, keyof ({ themeName: string })> & {
+      themeName: string;
+    }
+  >,
+): [VarsObject<Vars>, { css: string }];
+export default styleXDefineVars;

package/lib/stylex-define-vars.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = styleXDefineVars;
+var _hash = _interopRequireDefault(require("./hash"));
+var _objectUtils = require("./utils/object-utils");
+var _defaultOptions = require("./utils/default-options");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function styleXDefineVars(variables, options) {
+  const {
+    classNamePrefix,
+    themeName
+  } = {
+    ..._defaultOptions.defaultOptions,
+    ...options
+  };
+  const themeNameHash = classNamePrefix + (0, _hash.default)(themeName);
+  const variablesMap = (0, _objectUtils.objMap)(variables, (value, key) => {
+    const nameHash = classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
+    return {
+      nameHash,
+      value
+    };
+  });
+  const themeVariablesObject = (0, _objectUtils.objMap)(variablesMap, _ref => {
+    let {
+      nameHash
+    } = _ref;
+    return `var(--${nameHash})`;
+  });
+  const cssVariablesString = constructCssVariablesString(variablesMap);
+  return [{
+    ...themeVariablesObject,
+    __themeName__: themeNameHash
+  }, {
+    css: cssVariablesString
+  }];
+}
+function constructCssVariablesString(variables) {
+  const atRules = {};
+  const varsString = (0, _objectUtils.objEntries)(variables).map(_ref2 => {
+    let [key, {
+      nameHash,
+      value
+    }] = _ref2;
+    if (value !== null && typeof value === 'object') {
+      if (value.default === undefined) {
+        throw new Error('Default value is not defined for ' + key + ' variable.');
+      }
+      const definedVarString = `--${nameHash}:${value.default};`;
+      Object.keys(value).forEach(key => {
+        if (key.startsWith('@')) {
+          const definedVarStringForAtRule = `--${nameHash}:${value[key]};`;
+          if (atRules[key] == null) {
+            atRules[key] = [definedVarStringForAtRule];
+          } else {
+            atRules[key].push(definedVarStringForAtRule);
+          }
+        }
+      });
+      return definedVarString;
+    }
+    return `--${nameHash}:${value};`;
+  }).join('');
+  const atRulesString = (0, _objectUtils.objEntries)(atRules).map(_ref3 => {
+    let [atRule, varsArr] = _ref3;
+    return `${atRule}{:root{${varsArr.join('')}}}`;
+  }).join('');
+  return `:root{${varsString}}${atRulesString || ''}`;
+}

package/lib/stylex-define-vars.js.flow

@@ -0,0 +1,28 @@
+/**
+ * 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 { StyleXOptions } from './common-types';
+
+type VarsObject<
+  Vars: { +[string]: string | { +default: string, +[string]: string } },
+> = $ReadOnly<{
+  ...$ObjMapConst<Vars, string>,
+  __themeName__: string,
+}>;
+
+// Similar to `stylex.create` it takes an object of variables with their values
+// and returns a string after hashing it.
+declare export default function styleXDefineVars<
+  Vars: {
+    +[string]: string | { +default: string, +[string]: string },
+  },
+>(
+  variables: Vars,
+  options: $ReadOnly<{ ...Partial<StyleXOptions>, themeName: string, ... }>,
+): [VarsObject<Vars>, { css: string }];

package/lib/stylex-first-that-works.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 stylexFirstThatWorks<T>(
+  ...args: ReadonlyArray<T>
+): ReadonlyArray<T>;
+export default stylexFirstThatWorks;

package/lib/stylex-first-that-works.js

@@ -4,16 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = stylexFirstThatWorks;
-/**
- * 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.
- *
- * 
- *
- */
-
 function stylexFirstThatWorks() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];

package/lib/stylex-first-that-works.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 stylexFirstThatWorks<T>(
+  ...args: $ReadOnlyArray<T>
+): $ReadOnlyArray<T>;

package/lib/stylex-include.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 class IncludedStyles {
+  astNode: any;
+  constructor(astNode: any);
+}
+declare function stylexInclude(
+  firstArg: any,
+  ...styles: any
+): { [key: string]: IncludedStyles };
+export default stylexInclude;

package/lib/stylex-include.js

@@ -8,16 +8,6 @@ exports.default = stylexInclude;
 var messages = _interopRequireWildcard(require("./messages"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * 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.
- *
- * 
- *
- */
-
 let number = 0;
 function uuid() {
   return `__included_${++number}__`;

package/lib/stylex-include.js.flow

@@ -0,0 +1,20 @@
+/**
+ * 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 class IncludedStyles {
+  astNode: any;
+  constructor(astNode: any): void;
+}
+
+declare export default function stylexInclude(
+  firstArg: any,
+  ...styles: any
+): {
+  [key: string]: IncludedStyles,
+};

package/lib/stylex-keyframes.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, StyleXOptions } from './common-types';
+declare function styleXKeyframes(
+  frames: {
+    readonly [$$Key$$: string]: { readonly [$$Key$$: string]: string | number };
+  },
+  options: StyleXOptions,
+): [string, InjectableStyle];
+export default styleXKeyframes;