@stylexjs/shared 0.7.5 → 0.9.0-beta.1

package/lib/common-types.d.ts

@@ -36,6 +36,7 @@ export type FlatCompiledStyles = Readonly<{
 }>;
 export type StyleXOptions = Readonly<{
   dev: boolean;
+  debug: null | undefined | boolean;
   test: boolean;
   useRemForFontSize: boolean;
   classNamePrefix: string;

package/lib/common-types.js.flow

@@ -43,6 +43,7 @@ export type FlatCompiledStyles = $ReadOnly<{
 
 export type StyleXOptions = $ReadOnly<{
   dev: boolean,
+  debug: ?boolean,
   test: boolean,
   useRemForFontSize: boolean,
   classNamePrefix: string,

package/lib/convert-to-className.d.ts

@@ -16,5 +16,5 @@ export declare function convertStyleToClassName(
 ): StyleRule;
 declare function variableFallbacks(
   values: ReadonlyArray<string>,
-): Array<string>;
+): ReadonlyArray<string>;
 export default variableFallbacks;

package/lib/convert-to-className.js

@@ -10,15 +10,16 @@ var _dashify = _interopRequireDefault(require("./utils/dashify"));
 var _transformValue = _interopRequireDefault(require("./transform-value"));
 var _generateCssRule = require("./generate-css-rule");
 var _defaultOptions = require("./utils/default-options");
-var _objectUtils = require("./utils/object-utils");
 var messages = _interopRequireWildcard(require("./messages"));
+var _ruleUtils = require("./utils/rule-utils");
 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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && {}.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function convertStyleToClassName(objEntry, pseudos, atRules) {
   let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _defaultOptions.defaultOptions;
   const {
-    classNamePrefix = 'x'
+    classNamePrefix = 'x',
+    debug = false
   } = options;
   const [key, rawValue] = objEntry;
   const dashedKey = (0, _dashify.default)(key);
@@ -26,13 +27,14 @@ function convertStyleToClassName(objEntry, pseudos, atRules) {
   if (Array.isArray(value) && value.find(val => val.startsWith('var(') && val.endsWith(')'))) {
     value = variableFallbacks(value);
   }
-  const sortedPseudos = (0, _objectUtils.arraySort)(pseudos ?? []);
-  const sortedAtRules = (0, _objectUtils.arraySort)(atRules ?? []);
-  const atRuleHashString = sortedPseudos.join('');
-  const pseudoHashString = sortedAtRules.join('');
-  const modifierHashString = atRuleHashString + pseudoHashString || 'null';
-  const stringToHash = Array.isArray(value) ? dashedKey + value.join(', ') + modifierHashString : dashedKey + value + modifierHashString;
-  const className = classNamePrefix + (0, _hash.default)('<>' + stringToHash);
+  const sortedPseudos = (0, _ruleUtils.sortPseudos)(pseudos ?? []);
+  const sortedAtRules = (0, _ruleUtils.sortAtRules)(atRules ?? []);
+  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 ? `${key}-${classNamePrefix}${(0, _hash.default)('<>' + stringToHash)}` : classNamePrefix + (0, _hash.default)('<>' + stringToHash);
   const cssRules = (0, _generateCssRule.generateRule)(className, dashedKey, value, pseudos, atRules);
   return [key, className, cssRules];
 }

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

@@ -24,4 +24,4 @@ declare export function convertStyleToClassName(
 
 declare export default function variableFallbacks(
   values: $ReadOnlyArray<string>,
-): Array<string>;
+): $ReadOnlyArray<string>;

package/lib/generate-css-rule.js

@@ -8,7 +8,7 @@ var _generateLtr = _interopRequireDefault(require("./physical-rtl/generate-ltr")
 var _generateRtl = _interopRequireDefault(require("./physical-rtl/generate-rtl"));
 var _genCSSRule = require("./utils/genCSSRule");
 var _propertyPriorities = _interopRequireDefault(require("./utils/property-priorities"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function generateRule(className, key, value, pseudos, atRules) {
   const pairs = Array.isArray(value) ? value.map(eachValue => [key, eachValue]) : [[key, value]];
   const ltrPairs = pairs.map(_generateLtr.default);

package/lib/index.js

@@ -17,8 +17,8 @@ var _types = _interopRequireWildcard(require("./types"));
 exports.types = _types;
 var _propertyPriorities = require("./utils/property-priorities");
 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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && {}.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const create = exports.create = _stylexCreate.default;
 const defineVars = exports.defineVars = _stylexDefineVars.default;
 const createTheme = exports.createTheme = _stylexCreateTheme.default;

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

@@ -7,5 +7,7 @@
  *
  */
 
-declare function generateLTR(pair: [string, string]): [string, string];
+declare function generateLTR(
+  pair: Readonly<[string, string]>,
+): Readonly<[string, string]>;
 export default generateLTR;

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

@@ -73,28 +73,24 @@ const propertyToLTR = {
     let [_key, val] = _ref16;
     return ['border-bottom-right-radius', val];
   },
-  'text-align': _ref17 => {
+  float: _ref17 => {
     let [key, val] = _ref17;
     return [key, logicalToPhysical[val] ?? val];
   },
-  float: _ref18 => {
+  clear: _ref18 => {
     let [key, val] = _ref18;
     return [key, logicalToPhysical[val] ?? val];
   },
-  clear: _ref19 => {
-    let [key, val] = _ref19;
-    return [key, logicalToPhysical[val] ?? val];
-  },
-  start: _ref20 => {
-    let [_key, val] = _ref20;
+  start: _ref19 => {
+    let [_key, val] = _ref19;
     return ['left', val];
   },
-  end: _ref21 => {
-    let [_key, val] = _ref21;
+  end: _ref20 => {
+    let [_key, val] = _ref20;
     return ['right', val];
   },
-  'background-position': _ref22 => {
-    let [key, val] = _ref22;
+  'background-position': _ref21 => {
+    let [key, val] = _ref21;
     return [key, val.split(' ').map(word => word === 'start' ? 'left' : word === 'end' ? 'right' : word).join(' ')];
   }
 };

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

@@ -8,5 +8,5 @@
  */
 
 declare export default function generateLTR(
-  pair: [string, string],
-): [string, string];
+  pair: $ReadOnly<[string, string]>,
+): $ReadOnly<[string, string]>;

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

@@ -8,6 +8,6 @@
  */
 
 declare function generateRTL(
-  $$PARAM_0$$: [string, string],
-): null | undefined | [string, string];
+  $$PARAM_0$$: Readonly<[string, string]>,
+): null | undefined | Readonly<[string, string]>;
 export default generateRTL;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = generateRTL;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const cursorFlip = {
   'e-resize': 'w-resize',
   'w-resize': 'e-resize',
@@ -60,123 +60,116 @@ function flipShadow(value) {
     return rtl;
   }
 }
-const shadowsFlip = {
-  'box-shadow': _ref => {
-    let [key, val] = _ref;
-    const rtlVal = flipShadow(val);
-    return rtlVal ? [key, rtlVal] : null;
-  },
-  'text-shadow': _ref2 => {
-    let [key, val] = _ref2;
-    const rtlVal = flipShadow(val);
-    return rtlVal ? [key, rtlVal] : null;
-  }
-};
 const logicalToPhysical = {
   start: 'right',
   end: 'left'
 };
 const propertyToRTL = {
-  'margin-start': _ref3 => {
-    let [_key, val] = _ref3;
+  'margin-start': _ref => {
+    let [_key, val] = _ref;
     return ['margin-right', val];
   },
-  'margin-end': _ref4 => {
-    let [_key, val] = _ref4;
+  'margin-end': _ref2 => {
+    let [_key, val] = _ref2;
     return ['margin-left', val];
   },
-  'padding-start': _ref5 => {
-    let [_key, val] = _ref5;
+  'padding-start': _ref3 => {
+    let [_key, val] = _ref3;
     return ['padding-right', val];
   },
-  'padding-end': _ref6 => {
-    let [_key, val] = _ref6;
+  'padding-end': _ref4 => {
+    let [_key, val] = _ref4;
     return ['padding-left', val];
   },
-  'border-start': _ref7 => {
-    let [_key, val] = _ref7;
+  'border-start': _ref5 => {
+    let [_key, val] = _ref5;
     return ['border-right', val];
   },
-  'border-end': _ref8 => {
-    let [_key, val] = _ref8;
+  'border-end': _ref6 => {
+    let [_key, val] = _ref6;
     return ['border-left', val];
   },
-  'border-start-width': _ref9 => {
-    let [_key, val] = _ref9;
+  'border-start-width': _ref7 => {
+    let [_key, val] = _ref7;
     return ['border-right-width', val];
   },
-  'border-end-width': _ref10 => {
-    let [_key, val] = _ref10;
+  'border-end-width': _ref8 => {
+    let [_key, val] = _ref8;
     return ['border-left-width', val];
   },
-  'border-start-color': _ref11 => {
-    let [_key, val] = _ref11;
+  'border-start-color': _ref9 => {
+    let [_key, val] = _ref9;
     return ['border-right-color', val];
   },
-  'border-end-color': _ref12 => {
-    let [_key, val] = _ref12;
+  'border-end-color': _ref10 => {
+    let [_key, val] = _ref10;
     return ['border-left-color', val];
   },
-  'border-start-style': _ref13 => {
-    let [_key, val] = _ref13;
+  'border-start-style': _ref11 => {
+    let [_key, val] = _ref11;
     return ['border-right-style', val];
   },
-  'border-end-style': _ref14 => {
-    let [_key, val] = _ref14;
+  'border-end-style': _ref12 => {
+    let [_key, val] = _ref12;
     return ['border-left-style', val];
   },
-  'border-top-start-radius': _ref15 => {
-    let [_key, val] = _ref15;
+  'border-top-start-radius': _ref13 => {
+    let [_key, val] = _ref13;
     return ['border-top-right-radius', val];
   },
-  'border-bottom-start-radius': _ref16 => {
-    let [_key, val] = _ref16;
+  'border-bottom-start-radius': _ref14 => {
+    let [_key, val] = _ref14;
     return ['border-bottom-right-radius', val];
   },
-  'border-top-end-radius': _ref17 => {
-    let [_key, val] = _ref17;
+  'border-top-end-radius': _ref15 => {
+    let [_key, val] = _ref15;
     return ['border-top-left-radius', val];
   },
-  'border-bottom-end-radius': _ref18 => {
-    let [_key, val] = _ref18;
+  'border-bottom-end-radius': _ref16 => {
+    let [_key, val] = _ref16;
     return ['border-bottom-left-radius', val];
   },
-  'text-align': _ref19 => {
-    let [key, val] = _ref19;
+  float: _ref17 => {
+    let [key, val] = _ref17;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
-  float: _ref20 => {
-    let [key, val] = _ref20;
+  clear: _ref18 => {
+    let [key, val] = _ref18;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
-  clear: _ref21 => {
-    let [key, val] = _ref21;
-    return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
-  },
-  start: _ref22 => {
-    let [_key, val] = _ref22;
+  start: _ref19 => {
+    let [_key, val] = _ref19;
     return ['right', val];
   },
-  end: _ref23 => {
-    let [_key, val] = _ref23;
+  end: _ref20 => {
+    let [_key, val] = _ref20;
     return ['left', val];
   },
-  'background-position': _ref24 => {
-    let [key, val] = _ref24;
+  'background-position': _ref21 => {
+    let [key, val] = _ref21;
     const words = val.split(' ');
     if (!words.includes('start') && !words.includes('end')) {
       return null;
     }
     return [key, words.map(word => word === 'start' ? 'right' : word === 'end' ? 'left' : word).join(' ')];
   },
-  cursor: _ref25 => {
-    let [key, val] = _ref25;
+  cursor: _ref22 => {
+    let [key, val] = _ref22;
     return cursorFlip[val] != null ? [key, cursorFlip[val]] : null;
   },
-  ...shadowsFlip
+  'box-shadow': _ref23 => {
+    let [key, val] = _ref23;
+    const rtlVal = flipShadow(val);
+    return rtlVal ? [key, rtlVal] : null;
+  },
+  'text-shadow': _ref24 => {
+    let [key, val] = _ref24;
+    const rtlVal = flipShadow(val);
+    return rtlVal ? [key, rtlVal] : null;
+  }
 };
-function generateRTL(_ref26) {
-  let [key, value] = _ref26;
+function generateRTL(_ref25) {
+  let [key, value] = _ref25;
   if (propertyToRTL[key]) {
     return propertyToRTL[key]([key, value]);
   }

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

@@ -8,5 +8,5 @@
  */
 
 declare export default function generateRTL(
-  [string, string],
-): ?[string, string];
+  $ReadOnly<[string, string]>,
+): ?$ReadOnly<[string, string]>;

package/lib/preprocess-rules/PreRule.d.ts

@@ -9,7 +9,12 @@
 
 import type { InjectableStyle, StyleXOptions } from '../common-types';
 import type { IncludedStyles } from '../stylex-include';
-export type ComputedStyle = null | Readonly<[string, InjectableStyle]>;
+export type ClassesToOriginalPaths = {
+  readonly [className: string]: ReadonlyArray<string>;
+};
+export type ComputedStyle = null | Readonly<
+  [string, InjectableStyle, ClassesToOriginalPaths]
+>;
 export interface IPreRule {
   compiled(
     options: StyleXOptions,
@@ -30,15 +35,17 @@ export declare class PreIncludedStylesRule implements IPreRule {
 export declare class PreRule implements IPreRule {
   readonly property: string;
   readonly value: string | number | ReadonlyArray<string | number>;
-  readonly pseudos: ReadonlyArray<string>;
-  readonly atRules: ReadonlyArray<string>;
+  readonly keyPath: ReadonlyArray<string>;
   constructor(
     property: string,
     value: string | number | ReadonlyArray<string | number>,
-    pseudos?: null | undefined | ReadonlyArray<string>,
-    atRules?: null | undefined | ReadonlyArray<string>,
+    keyPath?: ReadonlyArray<string>,
   );
-  compiled(options: StyleXOptions): ReadonlyArray<[string, InjectableStyle]>;
+  get pseudos(): ReadonlyArray<string>;
+  get atRules(): ReadonlyArray<string>;
+  compiled(
+    options: StyleXOptions,
+  ): ReadonlyArray<[string, InjectableStyle, ClassesToOriginalPaths]>;
   equals(other: IPreRule): boolean;
 }
 export declare class PreRuleSet implements IPreRule {

package/lib/preprocess-rules/PreRule.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.PreRuleSet = exports.PreRule = exports.PreIncludedStylesRule = exports.NullPreRule = void 0;
 var _convertToClassName = require("../convert-to-className");
 var _objectUtils = require("../utils/object-utils");
+var _ruleUtils = require("../utils/rule-utils");
 class NullPreRule {
   compiled(_options) {
     return [null];
@@ -27,25 +28,25 @@ class PreIncludedStylesRule {
   }
 }
 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) {
+  constructor(property, value, keyPath) {
     this.property = property;
+    this.keyPath = keyPath ?? [];
     this.value = value;
-    this.pseudos = pseudos ? (0, _objectUtils.arraySort)(pseudos, stringComparator) : [];
-    this.atRules = atRules ? (0, _objectUtils.arraySort)(atRules) : [];
+  }
+  get pseudos() {
+    const unsortedPseudos = this.keyPath.filter(key => key.startsWith(':'));
+    return (0, _ruleUtils.sortPseudos)(unsortedPseudos);
+  }
+  get atRules() {
+    const unsortedAtRules = this.keyPath.filter(key => key.startsWith('@'));
+    return (0, _ruleUtils.sortAtRules)(unsortedAtRules);
   }
   compiled(options) {
     const [_key, className, rule] = (0, _convertToClassName.convertStyleToClassName)([this.property, this.value], this.pseudos ?? [], this.atRules ?? [], options);
-    return [[className, rule]];
+    return [[className, rule, {
+      [className]: this.keyPath
+    }]];
   }
   equals(other) {
     if (!(other instanceof PreRule)) {

package/lib/preprocess-rules/PreRule.js.flow

@@ -10,7 +10,13 @@
 import type { InjectableStyle, StyleXOptions } from '../common-types';
 import type { IncludedStyles } from '../stylex-include';
 
-export type ComputedStyle = null | $ReadOnly<[string, InjectableStyle]>;
+export type ClassesToOriginalPaths = {
+  +[className: string]: $ReadOnlyArray<string>,
+};
+
+export type ComputedStyle = null | $ReadOnly<
+  [string, InjectableStyle, ClassesToOriginalPaths],
+>;
 
 // The classes in this file are used to represent objects that
 // can be compiled into one or CSS rules.
@@ -41,15 +47,17 @@ declare export class PreIncludedStylesRule implements IPreRule {
 declare export class PreRule implements IPreRule {
   +property: string;
   +value: string | number | $ReadOnlyArray<string | number>;
-  +pseudos: $ReadOnlyArray<string>;
-  +atRules: $ReadOnlyArray<string>;
+  +keyPath: $ReadOnlyArray<string>;
   constructor(
     property: string,
     value: string | number | $ReadOnlyArray<string | number>,
-    pseudos?: ?$ReadOnlyArray<string>,
-    atRules?: ?$ReadOnlyArray<string>,
+    keyPath?: $ReadOnlyArray<string>,
   ): void;
-  compiled(options: StyleXOptions): $ReadOnlyArray<[string, InjectableStyle]>;
+  get pseudos(): $ReadOnlyArray<string>;
+  get atRules(): $ReadOnlyArray<string>;
+  compiled(
+    options: StyleXOptions,
+  ): $ReadOnlyArray<[string, InjectableStyle, ClassesToOriginalPaths]>;
   equals(other: IPreRule): boolean;
 }
 

package/lib/preprocess-rules/application-order.d.ts

@@ -111,116 +111,9 @@ import type { TStyleValue } from '../common-types';
  */
 
 type TReturn = ReadonlyArray<[string, TStyleValue]>;
-declare const shorthands: {
-  all: (_: TStyleValue) => TReturn;
-  animation: (value: TStyleValue) => Array<[string, TStyleValue]>;
-  animationRange: (value: TStyleValue) => TReturn;
-  background: (value: TStyleValue) => TReturn;
-  backgroundPosition: (value: TStyleValue) => TReturn;
-  border: (rawValue: TStyleValue) => TReturn;
-  borderInline: (rawValue: TStyleValue) => TReturn;
-  borderBlock: (rawValue: TStyleValue) => TReturn;
-  borderTop: (rawValue: TStyleValue) => TReturn;
-  borderInlineEnd: (rawValue: TStyleValue) => TReturn;
-  borderRight: (rawValue: TStyleValue) => TReturn;
-  borderBottom: (rawValue: TStyleValue) => TReturn;
-  borderInlineStart: (rawValue: TStyleValue) => TReturn;
-  borderLeft: (rawValue: TStyleValue) => TReturn;
-  borderInlineWidth: (rawValue: TStyleValue) => TReturn;
-  borderInlineStyle: (rawValue: TStyleValue) => TReturn;
-  borderInlineColor: (rawValue: TStyleValue) => TReturn;
-  borderBlockWidth: (rawValue: TStyleValue) => TReturn;
-  borderBlockStyle: (rawValue: TStyleValue) => TReturn;
-  borderBlockColor: (rawValue: TStyleValue) => TReturn;
-  borderColor: (value: TStyleValue) => TReturn;
-  borderStyle: (value: TStyleValue) => TReturn;
-  borderWidth: (value: TStyleValue) => TReturn;
-  borderInlineStartColor: (value: TStyleValue) => TReturn;
-  borderInlineEndColor: (value: TStyleValue) => TReturn;
-  borderInlineStartStyle: (value: TStyleValue) => TReturn;
-  borderInlineEndStyle: (value: TStyleValue) => TReturn;
-  borderInlineStartWidth: (value: TStyleValue) => TReturn;
-  borderInlineEndWidth: (value: TStyleValue) => TReturn;
-  borderLeftColor: (value: TStyleValue) => TReturn;
-  borderRightColor: (value: TStyleValue) => TReturn;
-  borderLeftStyle: (value: TStyleValue) => TReturn;
-  borderRightStyle: (value: TStyleValue) => TReturn;
-  borderLeftWidth: (value: TStyleValue) => TReturn;
-  borderRightWidth: (value: TStyleValue) => TReturn;
-  borderRadius: (value: TStyleValue) => TReturn;
-  borderStartStartRadius: (value: TStyleValue) => TReturn;
-  borderStartEndRadius: (value: TStyleValue) => TReturn;
-  borderEndStartRadius: (value: TStyleValue) => TReturn;
-  borderEndEndRadius: (value: TStyleValue) => TReturn;
-  borderTopLeftRadius: (value: TStyleValue) => TReturn;
-  borderTopRightRadius: (value: TStyleValue) => TReturn;
-  borderBottomLeftRadius: (value: TStyleValue) => TReturn;
-  borderBottomRightRadius: (value: TStyleValue) => TReturn;
-  borderImage: (value: TStyleValue) => TReturn;
-  columnRule: (value: TStyleValue) => TReturn;
-  columns: (value: TStyleValue) => TReturn;
-  container: (value: TStyleValue) => TReturn;
-  containIntrinsicSize: (value: TStyleValue) => TReturn;
-  flex: (value: TStyleValue) => TReturn;
-  flexFlow: (value: TStyleValue) => TReturn;
-  font: (value: TStyleValue) => TReturn;
-  fontVariant: (value: TStyleValue) => TReturn;
-  gap: (value: TStyleValue) => TReturn;
-  grid: (value: TStyleValue) => TReturn;
-  gridArea: (value: TStyleValue) => TReturn;
-  gridRow: (value: TStyleValue) => TReturn;
-  gridColumn: (value: TStyleValue) => TReturn;
-  gridTemplate: (value: TStyleValue) => TReturn;
-  inset: (value: TStyleValue) => TReturn;
-  insetInline: (value: TStyleValue) => TReturn;
-  insetBlock: (value: TStyleValue) => TReturn;
-  insetInlineStart: (value: TStyleValue) => TReturn;
-  insetInlineEnd: (value: TStyleValue) => TReturn;
-  left: (value: TStyleValue) => TReturn;
-  right: (value: TStyleValue) => TReturn;
-  listStyle: (value: TStyleValue) => TReturn;
-  margin: (value: TStyleValue) => TReturn;
-  marginInline: (value: TStyleValue) => TReturn;
-  marginBlock: (value: TStyleValue) => TReturn;
-  marginInlineStart: (value: TStyleValue) => TReturn;
-  marginInlineEnd: (value: TStyleValue) => TReturn;
-  marginLeft: (value: TStyleValue) => TReturn;
-  marginRight: (value: TStyleValue) => TReturn;
-  mask: (value: TStyleValue) => TReturn;
-  maskBorder: (value: TStyleValue) => TReturn;
-  offset: (value: TStyleValue) => TReturn;
-  outline: (value: TStyleValue) => TReturn;
-  overflow: (value: TStyleValue) => TReturn;
-  padding: (rawValue: TStyleValue) => TReturn;
-  paddingInline: (rawValue: TStyleValue) => TReturn;
-  paddingBlock: (rawValue: TStyleValue) => TReturn;
-  paddingInlineStart: (value: TStyleValue) => TReturn;
-  paddingInlineEnd: (value: TStyleValue) => TReturn;
-  paddingLeft: (value: TStyleValue) => TReturn;
-  paddingRight: (value: TStyleValue) => TReturn;
-  placeContent: (value: TStyleValue) => TReturn;
-  placeItems: (value: TStyleValue) => TReturn;
-  placeSelf: (value: TStyleValue) => TReturn;
-  scrollMargin: (value: TStyleValue) => TReturn;
-  scrollMarginBlock: (value: TStyleValue) => TReturn;
-  scrollMarginInline: (value: TStyleValue) => TReturn;
-  scrollMarginInlineStart: (value: TStyleValue) => TReturn;
-  scrollMarginInlineEnd: (value: TStyleValue) => TReturn;
-  scrollMarginLeft: (value: TStyleValue) => TReturn;
-  scrollMarginRight: (value: TStyleValue) => TReturn;
-  scrollPadding: (value: TStyleValue) => TReturn;
-  scrollPaddingBlock: (value: TStyleValue) => TReturn;
-  scrollPaddingInline: (value: TStyleValue) => TReturn;
-  scrollPaddingInlineStart: (value: TStyleValue) => TReturn;
-  scrollPaddingInlineEnd: (value: TStyleValue) => TReturn;
-  scrollPaddingLeft: (value: TStyleValue) => TReturn;
-  scrollPaddingRight: (value: TStyleValue) => TReturn;
-  scrollSnapType: (value: TStyleValue) => TReturn;
-  scrollTimeline: (value: TStyleValue) => TReturn;
-  textDecoration: (value: TStyleValue) => TReturn;
-  textEmphasis: (value: TStyleValue) => TReturn;
-  transition: (value: TStyleValue) => TReturn;
-};
+declare const shorthands: Readonly<{
+  [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
+}>;
 declare const aliases: {
   borderHorizontal: any;
   borderVertical: any;
@@ -283,7 +176,7 @@ declare const aliases: {
   end: any;
 };
 declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
- * > 239 |   ...typeof shorthands,
+ * > 132 |   ...typeof shorthands,
  *       |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
  **/
 any>;