@stylexjs/shared 0.2.0-beta.9 → 0.4.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,67 @@
+"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 stylesToInject = {
+    [overrideClassName]: {
+      ltr: `.${overrideClassName}{${cssVariablesOverrideString}}`,
+      priority: 0.8,
+      rtl: undefined
+    }
+  };
+  for (const atRule of sortedAtRules) {
+    stylesToInject[overrideClassName + '-' + (0, _hash.default)(atRule)] = {
+      ltr: `${atRule}{.${overrideClassName}{${atRules[atRule].join('')}}}`,
+      priority: 0.9,
+      rtl: null
+    };
+  }
+  return [{
+    $$css: true,
+    [themeVars.__themeName__]: overrideClassName
+  }, stylesToInject];
+}

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,163 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = styleXCreateSet;
-var _convertToClassName = _interopRequireDefault(require("./convert-to-className"));
-var _index = _interopRequireWildcard(require("./preprocess-rules/index"));
 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);
-    }
-
-    // namespace = preflatten(namespace);
-
-    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 handle shorthands. The strategy for this is based on the `styleResolution` option.
-  const entries = namespaceEntries.flatMap(_ref => {
-    let [key, value] = _ref;
-    // Detect style ...spreads and leave them unmodified
-    if (value instanceof _stylexInclude.IncludedStyles) {
-      return [[key, value]];
-    }
-    // Detect nested style objects.
-    if (value != null && typeof value === 'object' && !Array.isArray(value)) {
-      // Nested Objects are only allowed for legacy :pseudo, @media or long-hand properties for now.
-      // In the future, we will try to support shorthands as well.
-      if (!key.startsWith(':') && !key.startsWith('@') && (0, _index.getExpandedKeys)(options).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);
-        }
-        return (0, _index.default)([innerKey, innerValue], options);
-      }))]];
-    } 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);
-      }
-      return (0, _index.default)([key, value], options);
-    }
-  });
-
-  // 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 if (typeof innerVal === 'object' && !Array.isArray(innerVal)) {
-            throw new Error(messages.ILLEGAL_NESTED_PSEUDO);
-          } 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 (typeof innerVal === 'object' && !Array.isArray(innerVal)) {
-            throw new Error(messages.ILLEGAL_NESTED_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,29 @@
+/**
+ * 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';
+type VarsConfig = Readonly<{
+  [$$Key$$: string]:
+    | string
+    | Readonly<{ default: string; [$$Key$$: string]: string }>;
+}>;
+type VarsObject<Vars extends VarsConfig> = Readonly</**
+ * > 17 |   ...$ObjMapConst<Vars, string>,
+ *      |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
+ **/
+any>;
+declare function styleXDefineVars<Vars extends VarsConfig>(
+  variables: Vars,
+  options: Readonly<
+    Omit<Partial<StyleXOptions>, keyof ({ themeName: string })> & {
+      themeName: string;
+    }
+  >,
+): [VarsObject<Vars>, { [$$Key$$: string]: InjectableStyle }];
+export default styleXDefineVars;

package/lib/stylex-define-vars.js

@@ -0,0 +1,73 @@
+"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 injectableStyles = constructCssVariablesString(variablesMap, themeNameHash);
+  return [{
+    ...themeVariablesObject,
+    __themeName__: themeNameHash
+  }, injectableStyles];
+}
+function constructCssVariablesString(variables, themeNameHash) {
+  const ruleByAtRule = {};
+  for (const [key, {
+    nameHash,
+    value
+  }] of (0, _objectUtils.objEntries)(variables)) {
+    if (value !== null && typeof value === 'object') {
+      if (value.default === undefined) {
+        throw new Error('Default value is not defined for ' + key + ' variable.');
+      }
+      const v = value;
+      for (const [key, value] of (0, _objectUtils.objEntries)(v)) {
+        ruleByAtRule[key] ??= [];
+        ruleByAtRule[key].push(`--${nameHash}:${value};`);
+      }
+    } else {
+      ruleByAtRule.default ??= [];
+      ruleByAtRule.default.push(`--${nameHash}:${value};`);
+    }
+  }
+  const result = {};
+  for (const [key, value] of (0, _objectUtils.objEntries)(ruleByAtRule)) {
+    const suffix = key === 'default' ? '' : `-${(0, _hash.default)(key)}`;
+    let ltr = `:root{${value.join('')}}`;
+    if (key !== 'default') {
+      ltr = `${key}{${ltr}}`;
+    }
+    result[themeNameHash + suffix] = {
+      ltr,
+      rtl: null,
+      priority: key === 'default' ? 0 : 0.1
+    };
+  }
+  return result;
+}

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

@@ -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.
+ *
+ * @flow strict
+ */
+
+import type { InjectableStyle, StyleXOptions } from './common-types';
+
+type VarsConfig = $ReadOnly<{
+  [string]: string | $ReadOnly<{ default: string, [string]: string }>,
+}>;
+
+type VarsObject<Vars: VarsConfig> = $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: VarsConfig>(
+  variables: Vars,
+  options: $ReadOnly<{ ...Partial<StyleXOptions>, themeName: string, ... }>,
+): [VarsObject<Vars>, { [string]: InjectableStyle }];

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

@@ -6,18 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.IncludedStyles = void 0;
 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.
- *
- * 
- *
- */
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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;