@mochi-inc-japan/react-native-stylex-sheet 1.0.0

package/lib/module/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createVariantKey","getThemeKey","theme","resolveTheme","target","themeKey","createThemes","themes","Set","size","length","Error","themesObj","reduce","current"],"sources":["theme.ts"],"sourcesContent":["import { RNStyle, VariantStyleSheet } from './types';\nimport { createVariantKey } from './variant';\n\nexport const getThemeKey = (theme: string) => createVariantKey('@theme', theme);\n\nexport const resolveTheme = <\n  T extends VariantStyleSheet<any, RNStyle> = VariantStyleSheet<any, any>\n>(\n  target: T,\n  themeKey: string\n) => target[themeKey];\n\ntype AllowNoKeyAccessObject<R extends Record<string, any>> = {\n  [K in keyof R]: R[K];\n} & { [key: string]: undefined };\n\nexport function createThemes<\n  const T extends string[]\n>(\n  themes: T\n): {\n  themes: AllowNoKeyAccessObject<{\n    [K in T[number]]: string\n  }>\n} {\n  if (new Set(themes).size !== themes.length) {\n    throw new Error('Themes must be unique');\n  }\n  const themesObj = themes.reduce((current, theme) => {\n    current[theme as T[number]] = getThemeKey(theme);\n    return current;\n  }, {} as { [K in T[number]]: string });\n  return {\n    themes: themesObj as AllowNoKeyAccessObject<{\n      [K in T[number]]: string\n    }>,\n  };\n}\n"],"mappings":"AACA,SAASA,gBAAgB,QAAQ,WAAW;AAE5C,OAAO,MAAMC,WAAW,GAAIC,KAAa,IAAKF,gBAAgB,CAAC,QAAQ,EAAEE,KAAK,CAAC;AAE/E,OAAO,MAAMC,YAAY,GAAGA,CAG1BC,MAAS,EACTC,QAAgB,KACbD,MAAM,CAACC,QAAQ,CAAC;AAMrB,OAAO,SAASC,YAAYA,CAG1BC,MAAS,EAKT;EACA,IAAI,IAAIC,GAAG,CAACD,MAAM,CAAC,CAACE,IAAI,KAAKF,MAAM,CAACG,MAAM,EAAE;IAC1C,MAAM,IAAIC,KAAK,CAAC,uBAAuB,CAAC;EAC1C;EACA,MAAMC,SAAS,GAAGL,MAAM,CAACM,MAAM,CAAC,CAACC,OAAO,EAAEZ,KAAK,KAAK;IAClDY,OAAO,CAACZ,KAAK,CAAc,GAAGD,WAAW,CAACC,KAAK,CAAC;IAChD,OAAOY,OAAO;EAChB,CAAC,EAAE,CAAC,CAAiC,CAAC;EACtC,OAAO;IACLP,MAAM,EAAEK;EAGV,CAAC;AACH","ignoreList":[]}

package/lib/module/utils/tokens.js

@@ -0,0 +1,11 @@
+export function defineVars(defaults) {
+  return Object.freeze({
+    ...defaults
+  });
+}
+
+// NOTE: RNでは、build前compileがないので、defineConstsはdefineVarsのAliasとして扱う
+export function defineConsts(consts) {
+  return defineVars(consts);
+}
+//# sourceMappingURL=tokens.js.map

package/lib/module/utils/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defineVars","defaults","Object","freeze","defineConsts","consts"],"sources":["tokens.ts"],"sourcesContent":["import { VariantStyle } from './types';\n\nexport function defineVars<\n  T extends Record<string, string | number | VariantStyle<string | number>>\n>(defaults: T): Readonly<T> {\n  return Object.freeze({ ...defaults });\n}\n\n// NOTE: RNでは、build前compileがないので、defineConstsはdefineVarsのAliasとして扱う\nexport function defineConsts<\n  T extends Record<string, string | number | VariantStyle<string | number>>\n>(consts: T): Readonly<T> {\n  return defineVars(consts);\n}\n"],"mappings":"AAEA,OAAO,SAASA,UAAUA,CAExBC,QAAW,EAAe;EAC1B,OAAOC,MAAM,CAACC,MAAM,CAAC;IAAE,GAAGF;EAAS,CAAC,CAAC;AACvC;;AAEA;AACA,OAAO,SAASG,YAAYA,CAE1BC,MAAS,EAAe;EACxB,OAAOL,UAAU,CAACK,MAAM,CAAC;AAC3B","ignoreList":[]}

package/lib/module/utils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { StyleSheet } from 'react-native';\n\nexport type StyleObject = StyleSheet.NamedStyles<any>;\nexport type RNStyle = StyleObject[string];\n\nexport type VariantStyle<S> = { [key: string]: S };\nexport type VariantStyleSheet<Key extends string, S extends RNStyle> = {\n  [key in Key]: S;\n};\n\nexport type XRNStyle<S extends RNStyle = RNStyle> = {\n  [key in keyof S]: VariantStyle<S[key]> | S[key];\n};\n\ntype ExtractVariantKeys<\n  X extends XRNStyle<S>,\n  S extends RNStyle = RNStyle\n> = Extract<keyof Extract<X[keyof X], VariantStyle<any>>, string>;\n\nexport type NamedStyles<T = string, R extends RNStyle = RNStyle> = {\n  [P in keyof T]: XRNStyle<R>;\n};\n\nexport type XRNStyleSheets<\n  X extends NamedStyles<any, S>,\n  S extends RNStyle = RNStyle\n> = {\n  [key in keyof X]: VariantStyleSheet<ExtractVariantKeys<X[key]>, S>;\n};\n\ntype ExtractPostFix<T extends string> = T extends `@${string}_${infer PostFix}`\n  ? PostFix\n  : 'default';\n\n// NOTE: This map for keyof (X | Y) = (keyof X & keyof Y) != (keyof X | keyof Y).\n// different object value is composed to union type and keyof is applied later\n// without explicit individual object evaluation by this utility type.\ntype KeysOfUnion<T> = T extends T ? keyof T : never;\n\nexport type Variants<\n  A extends Record<string, Record<string, Record<string, any>>>\n> = {\n  [key in keyof A]?:\n    | number\n    | boolean\n    | ExtractPostFix<Extract<KeysOfUnion<A[key][keyof A[key]]>, string>>;\n};\n\nexport type VariantValue<S extends RNStyle = RNStyle> = {\n  [key in keyof S]: VariantStyle<S[key]>;\n}; // Style Fields\n"],"mappings":"","ignoreList":[]}

package/lib/module/utils/variant.js

@@ -0,0 +1,65 @@
+export const createVariantKey = (variantKey, key) => `@${variantKey}_${key}`;
+export const createVariantValue = (variantKey, args) => {
+  return Object.entries(args).reduce((current, _ref) => {
+    let [key, value] = _ref;
+    if (key === 'default') {
+      current.default = value;
+    } else {
+      current[createVariantKey(variantKey, key)] = value;
+    }
+    return current;
+  }, {});
+};
+/**
+ * INPUT;
+ *  {
+ *    shape: {
+ *      borderRadius: {
+ *        default: 4,
+ *        round: 8,
+ *        square: 0,
+ *      },
+ *      fontSize: {
+ *        default: 14,
+ *        round: 16,
+ *        square: 18,
+ *      }
+ *    }
+ *  }
+ * OUTPUT;
+ *  {
+ *    shape: {
+ *      borderRadius: {
+ *        default: 4,
+ *        @shape_round: 8,
+ *        @shape_square: 0,
+ *      },
+ *      fontSize: {
+ *        default: 14,
+ *        @shape_round: 16,
+ *        @shape_square: 18,
+ *      }
+ *    }
+ *  }
+ **/
+export const createVariants = args => {
+  return Object.entries(args).reduce((current, _ref2) => {
+    let [variantKey, value] = _ref2;
+    current[variantKey] || (current[variantKey] = {});
+    Object.entries(value).forEach(_ref3 => {
+      let [styleField, variantValue] = _ref3;
+      current[variantKey][styleField] = createVariantValue(variantKey, variantValue);
+    });
+    return current;
+  }, {});
+};
+export const variants = (target, variants) => {
+  const results = [];
+  for (const [variantKey, variantValue] of Object.entries(variants)) {
+    if (variantValue === 'default') continue;
+    const nextStyle = target[`@${variantKey}_${variantValue}`];
+    nextStyle && results.push(nextStyle);
+  }
+  return results;
+};
+//# sourceMappingURL=variant.js.map

package/lib/module/utils/variant.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createVariantKey","variantKey","key","createVariantValue","args","Object","entries","reduce","current","_ref","value","default","createVariants","_ref2","forEach","_ref3","styleField","variantValue","variants","target","results","nextStyle","push"],"sources":["variant.ts"],"sourcesContent":["import type {\n  RNStyle,\n  VariantStyle,\n  VariantStyleSheet,\n  VariantValue,\n} from './types';\n\ntype CreateVariantValueOutput<\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  K extends string,\n  A extends VariantStyle<any>\n> = {\n  [key in keyof A as key extends 'default'\n    ? 'default'\n    : `@${K}_${key & string}`]: A[key];\n};\n\nexport const createVariantKey = (variantKey: string, key: string) =>\n  `@${variantKey}_${key}`;\n\nexport const createVariantValue = <\n  K extends string,\n  A extends VariantStyle<any>\n>(\n  variantKey: K,\n  args: A\n): CreateVariantValueOutput<K, A> => {\n  return Object.entries(args).reduce((current, [key, value]) => {\n    if (key === 'default') {\n      (current as any).default = value;\n    } else {\n      (current as any)[createVariantKey(variantKey, key)] = value;\n    }\n    return current;\n  }, {} as CreateVariantValueOutput<K, A>);\n};\n\ntype VariantArg<S extends RNStyle = RNStyle> = Record<\n  string, // variantKey\n  VariantValue<S>\n>;\n\ntype VariantsOutput<\n  A extends Record<string, Record<string, Record<string, any>>>\n> = {\n  [key in Extract<keyof A, string>]: {\n    [subKey in keyof A[key]]: CreateVariantValueOutput<key, A[key][subKey]>;\n  };\n};\n\n/**\n * INPUT;\n *  {\n *    shape: {\n *      borderRadius: {\n *        default: 4,\n *        round: 8,\n *        square: 0,\n *      },\n *      fontSize: {\n *        default: 14,\n *        round: 16,\n *        square: 18,\n *      }\n *    }\n *  }\n * OUTPUT;\n *  {\n *    shape: {\n *      borderRadius: {\n *        default: 4,\n *        @shape_round: 8,\n *        @shape_square: 0,\n *      },\n *      fontSize: {\n *        default: 14,\n *        @shape_round: 16,\n *        @shape_square: 18,\n *      }\n *    }\n *  }\n **/\nexport const createVariants = <A extends VariantArg>(\n  args: A\n): VariantsOutput<A> => {\n  return Object.entries(args).reduce((current, [variantKey, value]) => {\n    current[variantKey] ||= {};\n    Object.entries(value).forEach(([styleField, variantValue]) => {\n      current[variantKey][styleField] = createVariantValue(\n        variantKey,\n        variantValue\n      );\n    });\n    return current;\n  }, {} as Record<string, any>) as VariantsOutput<A>;\n};\n\nexport const variants = <\n  V extends { [key: string]: string | number | boolean | undefined },\n  T extends VariantStyleSheet<any, RNStyle> = VariantStyleSheet<any, any>\n>(\n  target: T,\n  variants: V\n): T[keyof T][] => {\n  const results = [] as T[keyof T][];\n  for (const [variantKey, variantValue] of Object.entries(variants)) {\n    if (variantValue === 'default') continue;\n    const nextStyle = target[`@${variantKey}_${variantValue}`];\n    nextStyle && results.push(nextStyle as T[keyof T]);\n  }\n  return results;\n};\n"],"mappings":"AAiBA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,UAAkB,EAAEC,GAAW,KAC9D,IAAID,UAAU,IAAIC,GAAG,EAAE;AAEzB,OAAO,MAAMC,kBAAkB,GAAGA,CAIhCF,UAAa,EACbG,IAAO,KAC4B;EACnC,OAAOC,MAAM,CAACC,OAAO,CAACF,IAAI,CAAC,CAACG,MAAM,CAAC,CAACC,OAAO,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACP,GAAG,EAAEQ,KAAK,CAAC,GAAAD,IAAA;IACvD,IAAIP,GAAG,KAAK,SAAS,EAAE;MACpBM,OAAO,CAASG,OAAO,GAAGD,KAAK;IAClC,CAAC,MAAM;MACJF,OAAO,CAASR,gBAAgB,CAACC,UAAU,EAAEC,GAAG,CAAC,CAAC,GAAGQ,KAAK;IAC7D;IACA,OAAOF,OAAO;EAChB,CAAC,EAAE,CAAC,CAAmC,CAAC;AAC1C,CAAC;AAeD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,cAAc,GACzBR,IAAO,IACe;EACtB,OAAOC,MAAM,CAACC,OAAO,CAACF,IAAI,CAAC,CAACG,MAAM,CAAC,CAACC,OAAO,EAAAK,KAAA,KAA0B;IAAA,IAAxB,CAACZ,UAAU,EAAES,KAAK,CAAC,GAAAG,KAAA;IAC9DL,OAAO,CAACP,UAAU,CAAC,KAAnBO,OAAO,CAACP,UAAU,CAAC,GAAK,CAAC,CAAC;IAC1BI,MAAM,CAACC,OAAO,CAACI,KAAK,CAAC,CAACI,OAAO,CAACC,KAAA,IAAgC;MAAA,IAA/B,CAACC,UAAU,EAAEC,YAAY,CAAC,GAAAF,KAAA;MACvDP,OAAO,CAACP,UAAU,CAAC,CAACe,UAAU,CAAC,GAAGb,kBAAkB,CAClDF,UAAU,EACVgB,YACF,CAAC;IACH,CAAC,CAAC;IACF,OAAOT,OAAO;EAChB,CAAC,EAAE,CAAC,CAAwB,CAAC;AAC/B,CAAC;AAED,OAAO,MAAMU,QAAQ,GAAGA,CAItBC,MAAS,EACTD,QAAW,KACM;EACjB,MAAME,OAAO,GAAG,EAAkB;EAClC,KAAK,MAAM,CAACnB,UAAU,EAAEgB,YAAY,CAAC,IAAIZ,MAAM,CAACC,OAAO,CAACY,QAAQ,CAAC,EAAE;IACjE,IAAID,YAAY,KAAK,SAAS,EAAE;IAChC,MAAMI,SAAS,GAAGF,MAAM,CAAC,IAAIlB,UAAU,IAAIgB,YAAY,EAAE,CAAC;IAC1DI,SAAS,IAAID,OAAO,CAACE,IAAI,CAACD,SAAuB,CAAC;EACpD;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/types/index.d.ts

@@ -0,0 +1,6 @@
+export { create, props, mix } from './utils/base';
+export { createVariants } from './utils/variant';
+export { defineConsts, defineVars } from './utils/tokens';
+export { useStylex, RNStyleXProvider } from './utils/hooks';
+export { createThemes } from './utils/theme';
+export type { Variants, XRNStyle, RNStyle, XRNStyleSheets, } from './utils/types';

package/lib/types/tests/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/tests/media.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/tests/mock.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/tests/test-utils.d.ts

@@ -0,0 +1,7 @@
+export declare function mockDimensions({ width, height, pixelRatio, }: {
+    width?: number;
+    height?: number;
+    pixelRatio?: number;
+}): void;
+export declare function reduceStyles(s: any): any;
+export declare function finalStyle(Component: React.ReactElement): any;

package/lib/types/tests/utils.d.ts

@@ -0,0 +1,6 @@
+export declare function mockDimensions({ width, height, pixelRatio, }: {
+    width?: number;
+    height?: number;
+    pixelRatio?: number;
+}): void;
+export declare function reduceStyles(s: any): any;

package/lib/types/utils/base.d.ts

@@ -0,0 +1,13 @@
+import { XRNStyleSheets, NamedStyles, RNStyle, VariantStyleSheet } from './types';
+export declare const create: <T extends NamedStyles<any, R>, R extends RNStyle>(args: T) => XRNStyleSheets<T, R>;
+export declare const mix: <Variants extends {
+    [key: string]: string | number | boolean | undefined;
+}, Theme extends string = string, T extends VariantStyleSheet<string, RNStyle> = VariantStyleSheet<string, RNStyle>>(target?: T | [T, {
+    theme?: Theme;
+    media?: number | string;
+}], variantArgs?: Variants) => RNStyle[];
+type PropValue = VariantStyleSheet<string, RNStyle> | RNStyle;
+export declare const props: <T extends RNStyle>(...args: (PropValue | RNStyle[] | false | null | undefined)[]) => {
+    style: T[];
+};
+export {};

package/lib/types/utils/hooks.d.ts

@@ -0,0 +1,16 @@
+import { mix, props } from './base';
+type IApi = {
+    props: typeof props;
+    mix: typeof mix;
+};
+type UserConfig = {
+    windowWidth: number;
+    theme: string;
+};
+type ValueType = UserConfig & IApi;
+export declare const RNStyleXProvider: (componentProps: Partial<Pick<ValueType, "windowWidth" | "theme">> & {
+    media?: Record<string, string>;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<ValueType | undefined>>;
+export declare const useStylex: () => ValueType;
+export {};

package/lib/types/utils/index.d.ts

@@ -0,0 +1,9 @@
+import { XRNStyleSheets, NamedStyles, RNStyle, VariantStyleSheet } from './types';
+export declare const create: <T extends NamedStyles<any, R>, R extends RNStyle>(args: T) => XRNStyleSheets<T, R>;
+export declare const createVariants: <K extends string, A extends Record<string, RNStyle>>(variantKey: K, args: A) => Record<`@${K}_${keyof A & string}`, RNStyle>;
+export declare const variants: <T extends VariantStyleSheet<any, RNStyle>, V extends Record<string, string>>(target: T, variants: V) => T[keyof T][];
+type PropValue = VariantStyleSheet<string, RNStyle> | RNStyle;
+export declare const props: <T extends RNStyle>(...args: (PropValue | RNStyle[])[]) => {
+    style: T[];
+};
+export {};

package/lib/types/utils/media.d.ts

@@ -0,0 +1,5 @@
+import { RNStyle, VariantStyleSheet } from './types';
+export type Media = Record<string, string | boolean>;
+export declare const media: <T extends VariantStyleSheet<string, RNStyle>>(target: T, mediaParam: number | string) => T[keyof T][];
+export declare const detectMedia: (mediaKeys: string[] | Record<string, string>, width: number) => string | undefined;
+export declare function matchMediaRangeQuery(query: string, windowWidth: number): boolean;

package/lib/types/utils/theme.d.ts

@@ -0,0 +1,14 @@
+import { RNStyle, VariantStyleSheet } from './types';
+export declare const getThemeKey: (theme: string) => string;
+export declare const resolveTheme: <T extends VariantStyleSheet<any, RNStyle> = VariantStyleSheet<any, any>>(target: T, themeKey: string) => import("react-native").ViewStyle | import("react-native").TextStyle | import("react-native").ImageStyle;
+type AllowNoKeyAccessObject<R extends Record<string, any>> = {
+    [K in keyof R]: R[K];
+} & {
+    [key: string]: undefined;
+};
+export declare function createThemes<const T extends string[]>(themes: T): {
+    themes: AllowNoKeyAccessObject<{
+        [K in T[number]]: string;
+    }>;
+};
+export {};

package/lib/types/utils/tokens.d.ts

@@ -0,0 +1,3 @@
+import { VariantStyle } from './types';
+export declare function defineVars<T extends Record<string, string | number | VariantStyle<string | number>>>(defaults: T): Readonly<T>;
+export declare function defineConsts<T extends Record<string, string | number | VariantStyle<string | number>>>(consts: T): Readonly<T>;

package/lib/types/utils/types.d.ts

@@ -0,0 +1,28 @@
+import type { StyleSheet } from 'react-native';
+export type StyleObject = StyleSheet.NamedStyles<any>;
+export type RNStyle = StyleObject[string];
+export type VariantStyle<S> = {
+    [key: string]: S;
+};
+export type VariantStyleSheet<Key extends string, S extends RNStyle> = {
+    [key in Key]: S;
+};
+export type XRNStyle<S extends RNStyle = RNStyle> = {
+    [key in keyof S]: VariantStyle<S[key]> | S[key];
+};
+type ExtractVariantKeys<X extends XRNStyle<S>, S extends RNStyle = RNStyle> = Extract<keyof Extract<X[keyof X], VariantStyle<any>>, string>;
+export type NamedStyles<T = string, R extends RNStyle = RNStyle> = {
+    [P in keyof T]: XRNStyle<R>;
+};
+export type XRNStyleSheets<X extends NamedStyles<any, S>, S extends RNStyle = RNStyle> = {
+    [key in keyof X]: VariantStyleSheet<ExtractVariantKeys<X[key]>, S>;
+};
+type ExtractPostFix<T extends string> = T extends `@${string}_${infer PostFix}` ? PostFix : 'default';
+type KeysOfUnion<T> = T extends T ? keyof T : never;
+export type Variants<A extends Record<string, Record<string, Record<string, any>>>> = {
+    [key in keyof A]?: number | boolean | ExtractPostFix<Extract<KeysOfUnion<A[key][keyof A[key]]>, string>>;
+};
+export type VariantValue<S extends RNStyle = RNStyle> = {
+    [key in keyof S]: VariantStyle<S[key]>;
+};
+export {};

package/lib/types/utils/utils.d.ts

@@ -0,0 +1,4 @@
+type StyleObject = Record<string, any>;
+type UtilMap = Record<string, (v: any) => StyleObject>;
+export declare function flattenStyles(styles: StyleObject, utils: UtilMap | undefined): StyleObject;
+export {};

package/lib/types/utils/variant.d.ts

@@ -0,0 +1,50 @@
+import type { RNStyle, VariantStyle, VariantStyleSheet, VariantValue } from './types';
+type CreateVariantValueOutput<K extends string, A extends VariantStyle<any>> = {
+    [key in keyof A as key extends 'default' ? 'default' : `@${K}_${key & string}`]: A[key];
+};
+export declare const createVariantKey: (variantKey: string, key: string) => string;
+export declare const createVariantValue: <K extends string, A extends VariantStyle<any>>(variantKey: K, args: A) => CreateVariantValueOutput<K, A>;
+type VariantArg<S extends RNStyle = RNStyle> = Record<string, // variantKey
+VariantValue<S>>;
+type VariantsOutput<A extends Record<string, Record<string, Record<string, any>>>> = {
+    [key in Extract<keyof A, string>]: {
+        [subKey in keyof A[key]]: CreateVariantValueOutput<key, A[key][subKey]>;
+    };
+};
+/**
+ * INPUT;
+ *  {
+ *    shape: {
+ *      borderRadius: {
+ *        default: 4,
+ *        round: 8,
+ *        square: 0,
+ *      },
+ *      fontSize: {
+ *        default: 14,
+ *        round: 16,
+ *        square: 18,
+ *      }
+ *    }
+ *  }
+ * OUTPUT;
+ *  {
+ *    shape: {
+ *      borderRadius: {
+ *        default: 4,
+ *        @shape_round: 8,
+ *        @shape_square: 0,
+ *      },
+ *      fontSize: {
+ *        default: 14,
+ *        @shape_round: 16,
+ *        @shape_square: 18,
+ *      }
+ *    }
+ *  }
+ **/
+export declare const createVariants: <A extends VariantArg>(args: A) => VariantsOutput<A>;
+export declare const variants: <V extends {
+    [key: string]: string | number | boolean | undefined;
+}, T extends VariantStyleSheet<any, RNStyle> = VariantStyleSheet<any, any>>(target: T, variants: V) => T[keyof T][];
+export {};

package/package.json

@@ -0,0 +1,132 @@
+{
+  "name": "@mochi-inc-japan/react-native-stylex-sheet",
+  "description": "The modern CSS-in-JS library for React Native",
+  "version": "1.0.0",
+  "license": "MIT",
+  "author": "Tkow",
+  "repository": "https://github.com/MOCHI-inc-JAPAN/react-native-stylex-sheet",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "require": "./lib/commonjs/index.js",
+      "import": "./lib/module/index.js",
+      "types": "./lib/types/index.d.ts"
+    }
+  },
+  "files": [
+    "lib"
+  ],
+  "engines": {
+    "node": ">=12"
+  },
+  "devDependencies": {
+    "@babel/core": "7.20.7",
+    "@babel/runtime": "7.20.7",
+    "@changesets/cli": "^2.31.0",
+    "@swc/core": "^1.15.33",
+    "@swc/jest": "^0.2.39",
+    "@testing-library/jest-native": "5.4.3",
+    "@testing-library/react-native": "13.3.3",
+    "@types/jest": "29.2.5",
+    "@types/node": "^18.19.130",
+    "@types/react": "^19.2.14",
+    "@types/react-native": "^0.70.6",
+    "@typescript-eslint/eslint-plugin": "4.6.1",
+    "@typescript-eslint/parser": "4.6.1",
+    "babel-jest": "29.3.1",
+    "eslint": "7.31.0",
+    "husky": "6.0.0",
+    "jest": "29.3.1",
+    "metro-react-native-babel-preset": "^0.73.3",
+    "npm-watch": "^0.11.0",
+    "prettier": "2.3.2",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-builder-bob": "0.18.1",
+    "react-test-renderer": "19.2.0",
+    "ts-jest": "^29.4.9",
+    "typescript": "6.0.3"
+  },
+  "peerDependencies": {
+    "react": ">=16",
+    "react-native": "*"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run format:check"
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module"
+    ]
+  },
+  "watch": {
+    "build": {
+      "patterns": [
+        "src"
+      ],
+      "extensions": "js,jsx,ts,tsx"
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5"
+  },
+  "keywords": [
+    "android",
+    "ios",
+    "react",
+    "react-native",
+    "native",
+    "component",
+    "components",
+    "create",
+    "css",
+    "css-in-js",
+    "javascript",
+    "js",
+    "object",
+    "object-oriented",
+    "oo",
+    "oocss",
+    "oriented",
+    "style",
+    "styled",
+    "styles",
+    "stylesheet",
+    "stylesheets",
+    "theme",
+    "themes",
+    "theming",
+    "token",
+    "tokens",
+    "type",
+    "typed",
+    "types",
+    "ts",
+    "jsx",
+    "tsx"
+  ],
+  "scripts": {
+    "build": "bob build && tsc -p tsconfig.build.json",
+    "release": "np --any-branch",
+    "watch": "npm-watch",
+    "test": "jest",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format:write": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\""
+  }
+}