@stylexjs/shared 0.17.5 → 0.18.1

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertStyleToClassName = convertStyleToClassName;
+exports.default = variableFallbacks;
+var _hash = _interopRequireDefault(require("../hash"));
+var _dashify = _interopRequireDefault(require("./dashify"));
+var _transformValue = _interopRequireDefault(require("./transform-value"));
+var _generateCssRule = require("./generate-css-rule");
+var _defaultOptions = require("./default-options");
+var messages = _interopRequireWildcard(require("../messages"));
+var _ruleUtils = require("./rule-utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function convertStyleToClassName(objEntry, pseudos, atRules, constRules, options = _defaultOptions.defaultOptions) {
+  const {
+    classNamePrefix = 'x',
+    debug = false,
+    enableDebugClassNames = true
+  } = options;
+  const [key, rawValue] = objEntry;
+  const dashedKey = key.startsWith('--') ? key : (0, _dashify.default)(key);
+  let value = Array.isArray(rawValue) ? rawValue.map(eachValue => (0, _transformValue.default)(key, eachValue, options)) : (0, _transformValue.default)(key, rawValue, options);
+  if (Array.isArray(value) && value.find(val => val.startsWith('var(') && val.endsWith(')'))) {
+    value = variableFallbacks(value);
+  }
+  const sortedPseudos = (0, _ruleUtils.sortPseudos)(pseudos ?? []);
+  const sortedAtRules = (0, _ruleUtils.sortAtRules)([...atRules, ...constRules]);
+  const pseudoHashString = sortedPseudos.join('');
+  const atRuleHashString = sortedAtRules.join('');
+  const modifierHashString = pseudoHashString + atRuleHashString || 'null';
+  const valueAsString = Array.isArray(value) ? value.join(', ') : value;
+  const stringToHash = dashedKey + valueAsString + modifierHashString;
+  const className = debug && enableDebugClassNames ? `${key}-${classNamePrefix}${(0, _hash.default)('<>' + stringToHash)}` : classNamePrefix + (0, _hash.default)('<>' + stringToHash);
+  const cssRules = (0, _generateCssRule.generateCSSRule)(className, dashedKey, value, pseudos, atRules, constRules, options);
+  return [key, className, cssRules];
+}
+function variableFallbacks(values) {
+  const firstVar = values.findIndex(val => val.startsWith('var(') && val.endsWith(')'));
+  const lastVar = values.findLastIndex(val => val.startsWith('var(') && val.endsWith(')'));
+  const valuesBeforeFirstVar = values.slice(0, firstVar);
+  let varValues = values.slice(firstVar, lastVar + 1).reverse();
+  const valuesAfterLastVar = values.slice(lastVar + 1);
+  if (varValues.find(val => !val.startsWith('var(') || !val.endsWith(')'))) {
+    throw new Error(messages.NON_CONTIGUOUS_VARS);
+  }
+  varValues = varValues.map(val => val.slice(4, -1));
+  return [...(valuesBeforeFirstVar.length > 0 ? valuesBeforeFirstVar.map(val => composeVars(...varValues, val)) : [composeVars(...varValues)]), ...valuesAfterLastVar];
+}
+function composeVars(...vars) {
+  const [first, ...rest] = vars;
+  if (rest.length > 0) {
+    return `var(${first},${composeVars(...rest)})`;
+  } else if (first.startsWith('--')) {
+    return `var(${first})`;
+  } else {
+    return first;
+  }
+}

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

@@ -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.
+ *
+ * @flow strict
+ */
+
+import type { TRawValue, StyleRule, StyleXOptions } from '../common-types';
+
+// This function takes a single style rule and transforms it into a CSS rule.
+// [color: 'red'] => ['color', 'classname-for-color-red', CSSRULE{ltr, rtl, priority}]
+//
+// It converts the camelCased style key to a dash-separated key.
+// Handles RTL-flipping
+// Hashes to get a className
+// Returns the final key, className a CSS Rule
+declare export function convertStyleToClassName(
+  objEntry: $ReadOnly<[string, TRawValue]>,
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>,
+  constRules: $ReadOnlyArray<string>,
+  options?: StyleXOptions,
+): StyleRule;
+
+declare export default function variableFallbacks(
+  values: $ReadOnlyArray<string>,
+): $ReadOnlyArray<string>;

package/lib/utils/css-properties.js.flow

@@ -0,0 +1,155 @@
+/**
+ * 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
+ */
+
+/**
+ * Canonical set of valid CSS property names in camelCase form.
+ * Mirrors the keys of the CSSProperties type in @stylexjs/stylex.
+ *
+ * This is the single source of truth for CSS property name validation
+ * at compile time. If a new CSS property is added to the CSSProperties
+ * type, it should also be added here.
+ */
+// prettier-ignore
+const VALID_CSS_PROPERTIES: $ReadOnlySet<string> = new Set([
+  'theme',
+  'MozOsxFontSmoothing', 'WebkitAppearance', 'WebkitFontSmoothing',
+  'WebkitTapHighlightColor', 'WebkitMaskImage', 'WebkitTextFillColor',
+  'WebkitTextStrokeWidth', 'WebkitTextStrokeColor', 'WebkitBackgroundClip',
+  'WebkitBoxOrient', 'WebkitLineClamp',
+  'accentColor', 'aspectRatio', 'placeContent', 'alignContent',
+  'justifyContent', 'placeItems', 'placeSelf', 'alignItems', 'justifyItems',
+  'alignSelf', 'justifySelf', 'alignmentBaseline', 'alignTracks',
+  'justifyTracks', 'masonryAutoFlow', 'anchorName', 'animation',
+  'animationComposition', 'animationDelay', 'animationDirection',
+  'animationDuration', 'animationFillMode', 'animationIterationCount',
+  'animationName', 'animationPlayState', 'animationTimingFunction',
+  'animationTimeline', 'animationRange', 'animationRangeStart',
+  'animationRangeEnd', 'appearance', 'azimuth', 'backdropFilter',
+  'backfaceVisibility', 'background', 'backgroundAttachment',
+  'backgroundBlendMode', 'backgroundClip', 'backgroundColor',
+  'backgroundImage', 'backgroundOrigin', 'backgroundPosition',
+  'backgroundPositionX', 'backgroundPositionY', 'backgroundRepeat',
+  'backgroundSize', 'baselineShift', 'behavior', 'blockSize', 'border',
+  'borderBlock', 'borderBlockColor', 'borderBlockStyle', 'borderBlockWidth',
+  'borderBlockEnd', 'borderBlockEndColor', 'borderBlockEndStyle',
+  'borderBlockEndWidth', 'borderBlockStart', 'borderBlockStartColor',
+  'borderBlockStartStyle', 'borderBlockStartWidth', 'borderBottom',
+  'borderBottomColor', 'borderBottomStyle', 'borderBottomWidth',
+  'borderCollapse', 'borderColor', 'borderImage', 'borderImageOutset',
+  'borderImageRepeat', 'borderImageSlice', 'borderImageSource',
+  'borderImageWidth', 'borderInline', 'borderInlineColor',
+  'borderInlineStyle', 'borderInlineWidth', 'borderInlineEnd',
+  'borderInlineEndColor', 'borderInlineEndStyle', 'borderInlineEndWidth',
+  'borderInlineStart', 'borderInlineStartColor', 'borderInlineStartStyle',
+  'borderInlineStartWidth', 'borderLeft', 'borderLeftColor',
+  'borderLeftStyle', 'borderLeftWidth', 'borderRadius', 'borderEndStartRadius',
+  'borderStartStartRadius', 'borderStartEndRadius', 'borderEndEndRadius',
+  'borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius',
+  'borderBottomRightRadius', 'cornerShape', 'cornerStartStartShape',
+  'cornerStartEndShape', 'cornerEndStartShape', 'cornerEndEndShape',
+  'cornerTopLeftShape', 'cornerTopRightShape', 'cornerBottomLeftShape',
+  'cornerBottomRightShape', 'borderRight', 'borderRightColor',
+  'borderRightStyle', 'borderRightWidth', 'borderSpacing', 'borderStyle',
+  'borderTop', 'borderTopColor', 'borderTopStyle', 'borderTopWidth',
+  'borderWidth', 'bottom', 'boxAlign', 'boxDecorationBreak', 'boxDirection',
+  'boxFlex', 'boxFlexGroup', 'boxLines', 'boxOrdinalGroup', 'boxOrient',
+  'boxShadow', 'boxSizing', 'boxSuppress', 'breakAfter', 'breakBefore',
+  'breakInside', 'captionSide', 'caret', 'caretColor', 'caretShape', 'clear',
+  'clip', 'clipPath', 'clipRule', 'color', 'colorScheme', 'forcedColorAdjust',
+  'printColorAdjust', 'columns', 'columnCount', 'columnWidth', 'columnRule',
+  'columnRuleColor', 'columnRuleStyle', 'columnRuleWidth', 'columnFill',
+  'columnGap', 'columnSpan', 'contain', 'containIntrinsicSize',
+  'containIntrinsicBlockSize', 'containIntrinsicInlineSize',
+  'containIntrinsicHeight', 'containIntrinsicWidth', 'container',
+  'containerName', 'containerType', 'contentVisibility', 'content',
+  'counterIncrement', 'counterReset', 'counterSet', 'cue', 'cueAfter',
+  'cueBefore', 'cursor', 'direction', 'display', 'displayInside',
+  'displayList', 'displayOutside', 'dominantBaseline', 'emptyCells', 'end',
+  'fill', 'fillOpacity', 'fillRule', 'filter', 'flex', 'flexBasis',
+  'flexDirection', 'flexFlow', 'flexGrow', 'flexShrink', 'flexWrap', 'float',
+  'font', 'fontFamily', 'fontFeatureSettings', 'fontKerning',
+  'fontLanguageOverride', 'fontSize', 'fontSizeAdjust', 'fontStretch',
+  'fontStyle', 'fontSynthesis', 'fontSynthesisWeight', 'fontSynthesisStyle',
+  'fontSynthesisSmallCaps', 'fontSynthesisPosition', 'fontVariant',
+  'fontVariantAlternates', 'fontVariantCaps', 'fontVariantEastAsian',
+  'fontVariantLigatures', 'fontVariantNumeric', 'fontVariantPosition',
+  'fontWeight', 'fontOpticalSizing', 'fontPalette', 'fontVariationSettings',
+  'gap', 'glyphOrientationHorizontal', 'glyphOrientationVertical', 'grid',
+  'gridArea', 'gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridColumn',
+  'gridColumnEnd', 'gridColumnGap', 'gridColumnStart', 'gridGap', 'gridRow',
+  'gridRowEnd', 'gridRowGap', 'gridRowStart', 'gridTemplate',
+  'gridTemplateAreas', 'gridTemplateColumns', 'gridTemplateRows',
+  'hangingPunctuation', 'hyphenateCharacter', 'hyphenateLimitChars', 'hyphens',
+  'height', 'imageOrientation', 'imageRendering', 'imageResolution', 'imeMode',
+  'initialLetter', 'initialLetterAlign', 'inlineSize', 'interpolateSize',
+  'inset', 'insetBlock', 'insetBlockEnd', 'insetBlockStart', 'insetInline',
+  'insetInlineEnd', 'insetInlineStart', 'isolation', 'kerning', 'left',
+  'letterSpacing', 'lineBreak', 'lineHeight', 'lineHeightStep', 'listStyle',
+  'listStyleImage', 'listStylePosition', 'listStyleType', 'margin',
+  'marginBlock', 'marginBlockEnd', 'marginBlockStart', 'marginBottom',
+  'marginInline', 'marginInlineEnd', 'marginInlineStart', 'marginLeft',
+  'marginRight', 'marginTop', 'marginTrim', 'marker', 'markerEnd',
+  'markerMid', 'markerOffset', 'markerStart', 'mask', 'maskClip',
+  'maskComposite', 'maskImage', 'maskMode', 'maskOrigin', 'maskPosition',
+  'maskRepeat', 'maskSize', 'maskType', 'maskBorder', 'maskBorderMode',
+  'maskBorderOutset', 'maskBorderRepeat', 'maskBorderSlice',
+  'maskBorderSource', 'maskBorderWidth', 'maxBlockSize', 'maxHeight',
+  'maxInlineSize', 'maxWidth', 'minBlockSize', 'minHeight', 'minInlineSize',
+  'minWidth', 'mixBlendMode', 'motion', 'motionOffset', 'motionPath',
+  'motionRotation', 'MsOverflowStyle', 'objectFit', 'objectPosition',
+  'offset', 'offsetAnchor', 'offsetDistance', 'offsetPath', 'offsetPosition',
+  'offsetRotate', 'opacity', 'order', 'orphans', 'outline', 'outlineColor',
+  'outlineOffset', 'outlineStyle', 'outlineWidth', 'overflow', 'overflowBlock',
+  'overflowBlockX', 'overflowX', 'overflowY', 'overflowAnchor',
+  'overflowClipMargin', 'overflowWrap', 'overscrollBehavior',
+  'overscrollBehaviorBlock', 'overscrollBehaviorY', 'overscrollBehaviorInline',
+  'overscrollBehaviorX', 'padding', 'paddingBlock', 'paddingBlockEnd',
+  'paddingBlockStart', 'paddingInline', 'paddingInlineEnd',
+  'paddingInlineStart', 'paddingBottom', 'paddingLeft', 'paddingRight',
+  'paddingTop', 'page', 'pageBreakAfter', 'pageBreakBefore',
+  'pageBreakInside', 'paintOrder', 'pause', 'pauseAfter', 'pauseBefore',
+  'perspective', 'perspectiveOrigin', 'pointerEvents', 'position',
+  'positionAnchor', 'positionArea', 'positionTry', 'positionTryFallbacks',
+  'positionTryOptions', 'positionVisibility', 'quotes', 'resize', 'rest',
+  'restAfter', 'restBefore', 'right', 'rowGap', 'rubyAlign', 'rubyMerge',
+  'rubyPosition', 'mathDepth', 'mathShift', 'mathStyle', 'scrollBehavior',
+  'scrollMargin', 'scrollMarginTop', 'scrollMarginRight',
+  'scrollMarginBottom', 'scrollMarginLeft', 'scrollMarginBlock',
+  'scrollMarginBlockEnd', 'scrollMarginBlockStart', 'scrollMarginInline',
+  'scrollMarginInlineEnd', 'scrollMarginInlineStart', 'scrollPadding',
+  'scrollPaddingTop', 'scrollPaddingRight', 'scrollPaddingBottom',
+  'scrollPaddingLeft', 'scrollPaddingBlock', 'scrollPaddingBlockEnd',
+  'scrollPaddingBlockStart', 'scrollPaddingInline', 'scrollPaddingInlineEnd',
+  'scrollPaddingInlineStart', 'scrollSnapAlign', 'scrollSnapStop',
+  'scrollSnapType', 'scrollTimeline', 'scrollTimelineAxis',
+  'scrollTimelineName', 'scrollbarColor', 'scrollbarGutter', 'scrollbarWidth',
+  'shapeImageThreshold', 'shapeMargin', 'shapeOutside', 'shapeRendering',
+  'speak', 'speakAs', 'src', 'start', 'stroke', 'strokeDasharray',
+  'strokeDashoffset', 'strokeLinecap', 'strokeLinejoin', 'strokeMiterlimit',
+  'strokeOpacity', 'strokeWidth', 'tabSize', 'tableLayout', 'textAlign',
+  'textAlignLast', 'textAnchor', 'textCombineUpright', 'textDecoration',
+  'textDecorationColor', 'textDecorationLine', 'textDecorationSkip',
+  'textDecorationSkipInk', 'textDecorationStyle', 'textDecorationThickness',
+  'textEmphasis', 'textEmphasisColor', 'textEmphasisPosition',
+  'textEmphasisStyle', 'textFillColor', 'textIndent', 'textJustify',
+  'textOrientation', 'textOverflow', 'textRendering', 'textShadow',
+  'textSizeAdjust', 'textTransform', 'textUnderlineOffset',
+  'textUnderlinePosition', 'textWrap', 'timelineScope', 'top', 'touchAction',
+  'transform', 'transformBox', 'transformOrigin', 'transformStyle', 'rotate',
+  'scale', 'translate', 'transition', 'transitionDelay', 'transitionDuration',
+  'transitionProperty', 'transitionTimingFunction', 'unicodeBidi',
+  'unicodeRange', 'userSelect', 'verticalAlign', 'viewTimeline',
+  'viewTimelineAxis', 'viewTimelineName', 'viewTimelineInset',
+  'viewTransitionName', 'visibility', 'voiceBalance', 'voiceDuration',
+  'voiceFamily', 'voicePitch', 'voiceRange', 'voiceRate', 'voiceStress',
+  'voiceVolume', 'whiteSpace', 'widows', 'width', 'willChange', 'wordBreak',
+  'wordSpacing', 'wordWrap', 'writingMode', 'zIndex', 'zoom',
+]);
+
+declare export default typeof VALID_CSS_PROPERTIES;

package/lib/utils/dashify.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 dashify(str: string): string;
+export default dashify;

package/lib/utils/dashify.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = dashify;
+function dashify(str) {
+  return str.replace(/(^|[a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}

package/lib/utils/dashify.js.flow

@@ -0,0 +1,10 @@
+/**
+ * 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 dashify(str: string): string;

package/lib/utils/default-options.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { StyleXOptions } from '../common-types';
+export declare const defaultOptions: StyleXOptions;
+export declare type defaultOptions = typeof defaultOptions;

package/lib/utils/default-options.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOptions = void 0;
+const defaultOptions = exports.defaultOptions = {
+  classNamePrefix: 'x',
+  dev: false,
+  debug: false,
+  propertyValidationMode: 'silent',
+  enableDebugClassNames: false,
+  enableDevClassNames: false,
+  enableDebugDataProp: true,
+  enableFontSizePxToRem: false,
+  enableInlinedConditionalMerge: true,
+  enableMediaQueryOrder: true,
+  enableLegacyValueFlipping: false,
+  enableLogicalStylesPolyfill: false,
+  enableLTRRTLComments: false,
+  enableMinifiedKeys: true,
+  styleResolution: 'property-specificity',
+  importSources: [],
+  treeshakeCompensation: false,
+  test: false
+};

package/lib/utils/default-options.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
+ */
+
+import type { StyleXOptions } from '../common-types';
+
+declare export const defaultOptions: StyleXOptions;

package/lib/utils/file-based-identifier.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 genFileBasedIdentifier($$PARAM_0$$: {
+  readonly fileName: string;
+  readonly exportName: string;
+  readonly key?: string;
+}): string;
+export default genFileBasedIdentifier;

package/lib/utils/file-based-identifier.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genFileBasedIdentifier;
+function genFileBasedIdentifier({
+  fileName,
+  exportName,
+  key
+}) {
+  return `${fileName}//${exportName}${key != null ? `.${key}` : ''}`;
+}

package/lib/utils/file-based-identifier.js.flow

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+declare export default function genFileBasedIdentifier($$PARAM_0$$: {
+  +fileName: string,
+  +exportName: string,
+  +key?: string,
+}): string;

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

@@ -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.
+ *
+ *
+ */
+
+import type { InjectableStyle, StyleXOptions } from '../common-types';
+export declare function generateCSSRule(
+  className: string,
+  key: string,
+  value: string | ReadonlyArray<string>,
+  pseudos: ReadonlyArray<string>,
+  atRules: ReadonlyArray<string>,
+  constRules: ReadonlyArray<string>,
+  options?: StyleXOptions,
+): InjectableStyle;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateCSSRule = generateCSSRule;
+var _defaultOptions = require("./default-options");
+var _generateLtr = _interopRequireDefault(require("../physical-rtl/generate-ltr"));
+var _generateRtl = _interopRequireDefault(require("../physical-rtl/generate-rtl"));
+var _propertyPriorities = _interopRequireDefault(require("./property-priorities"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const THUMB_VARIANTS = ['::-webkit-slider-thumb', '::-moz-range-thumb', '::-ms-thumb'];
+function buildNestedCSSRule(className, decls, pseudos, atRules, constRules) {
+  const pseudo = pseudos.filter(p => p !== '::thumb').join('');
+  const combinedAtRules = atRules.concat(constRules);
+  const hasWhere = pseudo.includes(':where(');
+  const extraClassForWhere = hasWhere ? `.${className}` : '';
+  let selectorForAtRules = `.${className}` + extraClassForWhere + combinedAtRules.map(() => `.${className}`).join('') + pseudo;
+  if (pseudos.includes('::thumb')) {
+    selectorForAtRules = THUMB_VARIANTS.map(suffix => selectorForAtRules + suffix).join(', ');
+  }
+  return combinedAtRules.reduce((acc, combinedAtRules) => `${combinedAtRules}{${acc}}`, `${selectorForAtRules}{${decls}}`);
+}
+function generateCSSRule(className, key, value, pseudos, atRules, constRules, options = _defaultOptions.defaultOptions) {
+  const pairs = Array.isArray(value) ? value.map(eachValue => [key, eachValue]) : [[key, value]];
+  const ltrPairs = pairs.map(pair => (0, _generateLtr.default)(pair, options));
+  const ltrDecls = ltrPairs.map(pair => pair.join(':')).join(';');
+  const rtlDecls = pairs.map(pair => (0, _generateRtl.default)(pair, options)).filter(Boolean).map(pair => pair.join(':')).join(';');
+  const ltrRule = buildNestedCSSRule(className, ltrDecls, pseudos, atRules, constRules);
+  const rtlRule = !rtlDecls ? null : buildNestedCSSRule(className, rtlDecls, pseudos, atRules, constRules);
+  const priority = (0, _propertyPriorities.default)(key) + pseudos.map(_propertyPriorities.default).reduce((a, b) => a + b, 0) + atRules.map(_propertyPriorities.default).reduce((a, b) => a + b, 0) + constRules.map(_propertyPriorities.default).reduce((a, b) => a + b, 0);
+  return {
+    priority,
+    ltr: ltrRule,
+    rtl: rtlRule
+  };
+}

package/lib/utils/generate-css-rule.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';
+declare export function generateCSSRule(
+  className: string,
+  key: string,
+  value: string | $ReadOnlyArray<string>,
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>,
+  constRules: $ReadOnlyArray<string>,
+  options?: StyleXOptions,
+): InjectableStyle;

package/lib/utils/normalize-value.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { StyleXOptions } from '../common-types';
+declare function normalizeValue(
+  value: string,
+  key: string,
+  $$PARAM_2$$: StyleXOptions,
+): string;
+export default normalizeValue;

package/lib/utils/normalize-value.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeValue;
+var _fontSizePxToRem = _interopRequireDefault(require("./normalizers/font-size-px-to-rem"));
+var _leadingZero = _interopRequireDefault(require("./normalizers/leading-zero"));
+var _quotes = _interopRequireDefault(require("./normalizers/quotes"));
+var _timings = _interopRequireDefault(require("./normalizers/timings"));
+var _whitespace = _interopRequireDefault(require("./normalizers/whitespace"));
+var _zeroDimensions = _interopRequireDefault(require("./normalizers/zero-dimensions"));
+var _detectUnclosedFns = _interopRequireDefault(require("./normalizers/detect-unclosed-fns"));
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+var _convertCamelCaseValues = _interopRequireDefault(require("./normalizers/convert-camel-case-values"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const normalizers = [_detectUnclosedFns.default, _whitespace.default, _timings.default, _zeroDimensions.default, _leadingZero.default, _quotes.default, _convertCamelCaseValues.default];
+function normalizeValue(value, key, {
+  enableFontSizePxToRem
+}) {
+  if (value == null) {
+    return value;
+  }
+  const parsedAST = (0, _postcssValueParser.default)(value);
+  const relevantNormalizers = enableFontSizePxToRem ? [...normalizers, _fontSizePxToRem.default] : normalizers;
+  return relevantNormalizers.reduce((ast, fn) => fn(ast, key), parsedAST).toString();
+}

package/lib/utils/normalize-value.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type { StyleXOptions } from '../common-types';
+
+declare export default function normalizeValue(
+  value: string,
+  key: string,
+  $$PARAM_2$$: StyleXOptions,
+): string;

package/lib/utils/normalizers/convert-camel-case-values.d.ts

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

package/lib/utils/normalizers/convert-camel-case-values.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = convertCamelCasedValues;
+var _dashify = _interopRequireDefault(require("../dashify"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function convertCamelCasedValues(ast, key) {
+  if (key !== 'transitionProperty' && key !== 'willChange') {
+    return ast;
+  }
+  const nodes = ast.nodes;
+  if (!nodes) {
+    return ast;
+  }
+  nodes.forEach(node => {
+    if (node.type === 'word' && !node.value.startsWith('--')) {
+      node.value = (0, _dashify.default)(node.value);
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/convert-camel-case-values.js.flow

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

package/lib/utils/normalizers/detect-unclosed-fns.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.
+ *
+ *
+ */
+
+/**
+ * Remove leading zeros from numbers
+ */
+declare function detectUnclosedFns(
+  ast: PostCSSValueAST,
+  _: unknown,
+): PostCSSValueAST;
+export default detectUnclosedFns;

package/lib/utils/normalizers/detect-unclosed-fns.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = detectUnclosedFns;
+var messages = _interopRequireWildcard(require("../../messages"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function detectUnclosedFns(ast, _) {
+  ast.walk(node => {
+    if (node.type === 'function' && node.unclosed) {
+      throw new Error(messages.LINT_UNCLOSED_FUNCTION);
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/detect-unclosed-fns.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+/**
+ * Remove leading zeros from numbers
+ */
+declare export default function detectUnclosedFns(
+  ast: PostCSSValueAST,
+  _: mixed,
+): PostCSSValueAST;