[types] fix package.json types path, patch types

packages/@stylexjs/babel-plugin/package.json

@@ -4,7 +4,7 @@
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "browser": "lib/index.browser.js",
-  "types": "./dist/index.d.ts",
+  "types": "./lib/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/facebook/stylex.git"

packages/@stylexjs/babel-plugin/src/shared/types/index.d.ts

@@ -0,0 +1,253 @@
+/**
+ * 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.
+ *
+ *
+ */
+
+type NestedWithNumbers =
+  | number
+  | string
+  | Readonly<{
+      default: NestedWithNumbers;
+      [$$Key$$: string]: NestedWithNumbers;
+    }>;
+type ValueWithDefault =
+  | string
+  | Readonly<{
+      default: ValueWithDefault;
+      [$$Key$$: string]: ValueWithDefault;
+    }>;
+type CSSSyntax =
+  | '*'
+  | '<length>'
+  | '<number>'
+  | '<percentage>'
+  | '<length-percentage>'
+  | '<color>'
+  | '<image>'
+  | '<url>'
+  | '<integer>'
+  | '<angle>'
+  | '<time>'
+  | '<resolution>'
+  | '<transform-function>'
+  | '<custom-ident>'
+  | '<transform-list>';
+type CSSSyntaxType = CSSSyntax;
+declare class BaseCSSType {
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  constructor(value: ValueWithDefault);
+}
+export interface CSSType<_T extends string | number = string | number> {
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+}
+export declare const isCSSType: (
+  value: unknown,
+) => value is CSSType<string | number>;
+export declare type isCSSType = typeof isCSSType;
+type AngleValue = string;
+export declare class Angle<T extends AngleValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static readonly syntax: CSSSyntaxType;
+  static create<T extends AngleValue = AngleValue>(
+    value: ValueWithDefault,
+  ): Angle<T>;
+}
+export declare const angle: <T extends AngleValue = AngleValue>(
+  value: ValueWithDefault,
+) => Angle<T>;
+export declare type angle = typeof angle;
+type ColorValue = string;
+export declare class Color<T extends ColorValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends ColorValue = ColorValue>(
+    value: ValueWithDefault,
+  ): Color<T>;
+}
+export declare const color: <T extends ColorValue = ColorValue>(
+  value: ValueWithDefault,
+) => Color<T>;
+export declare type color = typeof color;
+type URLValue = string;
+export declare class Url<T extends URLValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends URLValue = URLValue>(value: ValueWithDefault): Url<T>;
+}
+export declare const url: <T extends URLValue = URLValue>(
+  value: ValueWithDefault,
+) => Url<T>;
+export declare type url = typeof url;
+type ImageValue = string;
+export declare class Image<T extends ImageValue>
+  extends Url<T>
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  constructor(value: ValueWithDefault);
+  static create<T extends ImageValue = ImageValue>(
+    value: ValueWithDefault,
+  ): Image<T>;
+}
+export declare const image: <T extends ImageValue = ImageValue>(
+  value: ValueWithDefault,
+) => Image<T>;
+export declare type image = typeof image;
+type IntegerValue = number;
+export declare class Integer<T extends IntegerValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends IntegerValue = IntegerValue>(value: T): Integer<T>;
+}
+export declare const integer: <T extends IntegerValue = IntegerValue>(
+  value: T,
+) => Integer<T>;
+export declare type integer = typeof integer;
+type LengthPercentageValue = string;
+export declare class LengthPercentage<_T extends LengthPercentageValue>
+  extends BaseCSSType
+  implements CSSType<string>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static createLength<_T extends LengthPercentageValue | number>(
+    value: ValueWithDefault,
+  ): LengthPercentage<string>;
+  static createPercentage<_T extends LengthPercentageValue | number>(
+    value: ValueWithDefault,
+  ): LengthPercentage<string>;
+}
+export declare const lengthPercentage: <
+  _T extends LengthPercentageValue | number,
+>(
+  value: ValueWithDefault,
+) => LengthPercentage<string>;
+export declare type lengthPercentage = typeof lengthPercentage;
+type LengthValue = number | string;
+export declare class Length<_T extends LengthValue>
+  extends LengthPercentage<string>
+  implements CSSType<string>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends LengthValue = LengthValue>(
+    value: NestedWithNumbers,
+  ): Length<T>;
+}
+export declare const length: <T extends LengthValue = LengthValue>(
+  value: NestedWithNumbers,
+) => Length<T>;
+export declare type length = typeof length;
+type PercentageValue = string | number;
+export declare class Percentage<_T extends PercentageValue>
+  extends LengthPercentage<string>
+  implements CSSType<string>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends PercentageValue = PercentageValue>(
+    value: NestedWithNumbers,
+  ): Percentage<T>;
+}
+export declare const percentage: <T extends PercentageValue = PercentageValue>(
+  value: NestedWithNumbers,
+) => Percentage<T>;
+export declare type percentage = typeof percentage;
+type NumberValue = number;
+export declare class Num<T extends NumberValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends NumberValue = NumberValue>(
+    value: NestedWithNumbers,
+  ): Num<T>;
+}
+export declare const number: <T extends NumberValue = NumberValue>(
+  value: NestedWithNumbers,
+) => Num<T>;
+type ResolutionValue = string | 0;
+export declare class Resolution<T extends ResolutionValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends ResolutionValue = ResolutionValue>(
+    value: ValueWithDefault,
+  ): Resolution<T>;
+}
+export declare const resolution: <T extends ResolutionValue = ResolutionValue>(
+  value: ValueWithDefault,
+) => Resolution<T>;
+export declare type resolution = typeof resolution;
+type TimeValue = string | 0;
+export declare class Time<T extends TimeValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends TimeValue = TimeValue>(
+    value: ValueWithDefault,
+  ): Time<T>;
+}
+export declare const time: <T extends TimeValue = TimeValue>(
+  value: ValueWithDefault,
+) => Time<T>;
+export declare type time = typeof time;
+type TransformFunctionValue = string;
+export declare class TransformFunction<T extends TransformFunctionValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends TransformFunctionValue = TransformFunctionValue>(
+    value: ValueWithDefault,
+  ): TransformFunction<T>;
+}
+export declare const transformFunction: <
+  T extends TransformFunctionValue = TransformFunctionValue,
+>(
+  value: ValueWithDefault,
+) => TransformFunction<T>;
+export declare type transformFunction = typeof transformFunction;
+type TransformListValue = string;
+export declare class TransformList<T extends TransformListValue>
+  extends BaseCSSType
+  implements CSSType<T>
+{
+  readonly value: ValueWithDefault;
+  readonly syntax: CSSSyntaxType;
+  static create<T extends TransformListValue = TransformListValue>(
+    value: ValueWithDefault,
+  ): TransformList<T>;
+}
+export declare const transformList: <
+  T extends TransformListValue = TransformListValue,
+>(
+  value: ValueWithDefault,
+) => TransformList<T>;
+export declare type transformList = typeof transformList;

packages/typescript-tests/package.json

@@ -8,7 +8,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@stylexjs/stylex": "0.17.2"
+    "@stylexjs/stylex": "0.17.2",
+    "@stylexjs/babel-plugin": "0.17.2"
   },
   "devDependencies": {
     "typescript": "^5.8.3",

packages/typescript-tests/src/babel-plugin.ts

@@ -0,0 +1,3 @@
+import stylexBabelPlugin from '@stylexjs/babel-plugin';
+
+console.log(stylexBabelPlugin);