@react-native-styled-system/core 1.4.4 → 2.1.1

package/lib/typescript/src/__testUtils__/testTheme.d.ts

@@ -0,0 +1,12 @@
+import type { ThemedDict } from '../@types/ThemedDict';
+export declare const emptyTheme: {
+    space: {};
+    colors: {};
+    sizes: {};
+    radii: {};
+    typography: {};
+    breakpoints: never[];
+};
+export declare const baseTheme: ThemedDict;
+export declare const responsiveTheme: ThemedDict;
+//# sourceMappingURL=testTheme.d.ts.map

package/lib/typescript/src/__testUtils__/testTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testTheme.d.ts","sourceRoot":"","sources":["../../../../src/__testUtils__/testTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,eAAO,MAAM,UAAU;;;;;;;CAAkB,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAE,UAgCvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,UAG7B,CAAC"}

package/lib/typescript/src/hook/useSx.d.ts

@@ -14,8 +14,9 @@ export type UseSxOptions = {
     transform?: StyleTransform;
     fallback?: StyleFallback;
     cache?: boolean;
+    screenWidth?: number;
 };
-export declare const useSx: <P extends Props = Props>(props?: P | null, { theme: optionTheme, styleType, transform, fallback, cache, }?: UseSxOptions) => {
+export declare const useSx: <P extends Props = Props>(props?: P | null, { theme: optionTheme, styleType, transform, fallback, cache, screenWidth: optionScreenWidth, }?: UseSxOptions) => {
     getStyle: () => StyleProp<AnyStyle> | undefined;
     filteredProps: Omit<P, keyof import("../@types/SxProps").SxProps | "style">;
 };

package/lib/typescript/src/hook/useSx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSx.d.ts","sourceRoot":"","sources":["../../../../src/hook/useSx.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,KAAK,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,WAAW,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,KAAK,GAAG,KAAK,EAC3C,QAAQ,CAAC,GAAG,IAAI,EAChB,iEAMG,YAAkC;oBAIE,SAAS,CAAC,QAAQ,CAAC,GAAG,SAAS;;CAoEvE,CAAC"}
+{"version":3,"file":"useSx.d.ts","sourceRoot":"","sources":["../../../../src/hook/useSx.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,KAAK,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,WAAW,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,KAAK,GAAG,KAAK,EAC3C,QAAQ,CAAC,GAAG,IAAI,EAChB,iGAOG,YAAkC;oBAIE,SAAS,CAAC,QAAQ,CAAC,GAAG,SAAS;;CA2EvE,CAAC"}

package/lib/typescript/src/hook/useSxStyle.d.ts

@@ -4,6 +4,7 @@ import type { ThemedDict } from '../@types/ThemedDict';
 export type UseSxStyleOptions = {
     theme?: ThemedDict;
     cache?: boolean;
+    screenWidth?: number;
 };
-export declare const useSxStyle: ({ theme: optionTheme, cache }?: UseSxStyleOptions) => (sx: TextSxProps) => StyleProp<TextStyle>;
+export declare const useSxStyle: ({ theme: optionTheme, cache, screenWidth: optionScreenWidth, }?: UseSxStyleOptions) => (sx: TextSxProps) => StyleProp<TextStyle>;
 //# sourceMappingURL=useSxStyle.d.ts.map

package/lib/typescript/src/hook/useSxStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSxStyle.d.ts","sourceRoot":"","sources":["../../../../src/hook/useSxStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,gCAA+B,iBAAkC,MAGlF,IAAI,WAAW,KAAG,SAAS,CAAC,SAAS,CAuB9C,CAAC"}
+{"version":3,"file":"useSxStyle.d.ts","sourceRoot":"","sources":["../../../../src/hook/useSxStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,iEAIxB,iBAAkC,MAG3B,IAAI,WAAW,KAAG,SAAS,CAAC,SAAS,CA6B9C,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,4 @@
+export * from './@types/Responsive';
 export * from './@types/SxProps';
 export * from './@types/ThemedDict';
 export * from './@types/ThemedTypings';
@@ -7,4 +8,5 @@ export * from './hook/useSxTokens';
 export * from './provider/StyledSystemProvider';
 export * from './util/propsToThemedStyle';
 export * from './util/createSxComponent';
+export * from './util/createTheme';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/lib/typescript/src/internal/util/resolveResponsiveValue.d.ts

@@ -0,0 +1,12 @@
+import type { ResolvedTextSxProps, TextSxProps } from '../../@types/SxProps';
+export declare const resolveResponsiveValue: <T>({ value, breakpoints, screenWidth, }: {
+    value: T | T[] | undefined | null;
+    breakpoints: number[];
+    screenWidth: number;
+}) => T | undefined | null;
+export declare const resolveResponsiveSx: ({ sx, breakpoints, screenWidth, }: {
+    sx: TextSxProps | undefined;
+    breakpoints: number[];
+    screenWidth: number;
+}) => ResolvedTextSxProps;
+//# sourceMappingURL=resolveResponsiveValue.d.ts.map

package/lib/typescript/src/internal/util/resolveResponsiveValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveResponsiveValue.d.ts","sourceRoot":"","sources":["../../../../../src/internal/util/resolveResponsiveValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE7E,eAAO,MAAM,sBAAsB,GAAI,CAAC,EAAE,sCAIvC;IACD,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,KAAG,CAAC,GAAG,SAAS,GAAG,IAkBnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,mCAIjC;IACD,EAAE,EAAE,WAAW,GAAG,SAAS,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,KAAG,mBAkBH,CAAC"}

package/lib/typescript/src/provider/StyledSystemProvider.d.ts

@@ -3,11 +3,13 @@ import React from 'react';
 import type { ThemedDict } from '../@types/ThemedDict';
 export type StyledSystemContextValue = {
     theme: ThemedDict;
+    screenWidth: number;
 };
 export declare const StyledSystemContext: React.Context<StyledSystemContextValue>;
 type Props = PropsWithChildren<{
     theme: Partial<ThemedDict>;
+    screenWidth?: number;
 }>;
-export declare const StyledSystemProvider: ({ children, theme }: Props) => React.JSX.Element;
+export declare const StyledSystemProvider: ({ children, theme, screenWidth }: Props) => React.JSX.Element;
 export {};
 //# sourceMappingURL=StyledSystemProvider.d.ts.map

package/lib/typescript/src/provider/StyledSystemProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledSystemProvider.d.ts","sourceRoot":"","sources":["../../../../src/provider/StyledSystemProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yCAE9B,CAAC;AACH,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAAE,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAAE,CAAC,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAAI,qBAAqB,KAAK,sBAM9D,CAAC"}
+{"version":3,"file":"StyledSystemProvider.d.ts","sourceRoot":"","sources":["../../../../src/provider/StyledSystemProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yCAG9B,CAAC;AACH,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAAE,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAerF,eAAO,MAAM,oBAAoB,qCAboC,KAAK,sBAab,CAAC"}

package/lib/typescript/src/util/createSxComponent.d.ts

@@ -3,11 +3,11 @@ import React from 'react';
 import type { SxProps, TextSxProps } from '../@types/SxProps';
 import type { UseSxOptions } from '../hook/useSx';
 export declare function createSxComponent<Props extends object, Ref>(Base: ComponentType<Props>): ({ defaultProps, sxOptions, }?: {
-    defaultProps?: Props & SxProps;
+    defaultProps?: Omit<Props, keyof SxProps> & SxProps;
     sxOptions?: UseSxOptions;
-}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & SxProps> & React.RefAttributes<Ref>>;
+}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<Props, keyof SxProps> & SxProps> & React.RefAttributes<Ref>>;
 export declare function createSxTextComponent<Props extends object, Ref>(Base: ComponentType<Props>): ({ defaultProps, sxOptions, }?: {
-    defaultProps?: Props & TextSxProps;
+    defaultProps?: Omit<Props, keyof TextSxProps> & TextSxProps;
     sxOptions?: UseSxOptions;
-}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & TextSxProps> & React.RefAttributes<Ref>>;
+}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<Props, keyof TextSxProps> & TextSxProps> & React.RefAttributes<Ref>>;
 //# sourceMappingURL=createSxComponent.d.ts.map

package/lib/typescript/src/util/createSxComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSxComponent.d.ts","sourceRoot":"","sources":["../../../../src/util/createSxComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAC7E,+BAGL;IAAE,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,YAAY,CAAA;CAAO,wGAWrE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IACjF,+BAGL;IAAE,YAAY,CAAC,EAAE,KAAK,GAAG,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,YAAY,CAAA;CAAO,4GAczE"}
+{"version":3,"file":"createSxComponent.d.ts","sourceRoot":"","sources":["../../../../src/util/createSxComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAG7E,+BAGL;IAAE,YAAY,CAAC,uCAAc;IAAC,SAAS,CAAC,EAAE,YAAY,CAAA;CAAO,6HAWjE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAGjF,+BAGL;IAAE,YAAY,CAAC,+CAAc;IAAC,SAAS,CAAC,EAAE,YAAY,CAAA;CAAO,qIAcjE"}

package/lib/typescript/src/util/createTheme.d.ts

@@ -0,0 +1,4 @@
+import type { ThemedDict } from '../@types/ThemedDict';
+export declare function createTheme(config?: Partial<ThemedDict>): ThemedDict;
+export declare function createTheme(base: ThemedDict, overrides: Partial<ThemedDict>): ThemedDict;
+//# sourceMappingURL=createTheme.d.ts.map

package/lib/typescript/src/util/createTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../../../src/util/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;AACtE,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC"}

package/lib/typescript/src/util/propsToThemedStyle.d.ts

@@ -2,9 +2,11 @@ import type { AnyStyle } from '../@types/AnyStyle';
 import type { TextSxProps } from '../@types/SxProps';
 import type { ThemedDict } from '../@types/ThemedDict';
 export type ThemedStyleType = 'ViewStyle' | 'TextStyle';
-export declare const propsToThemedStyle: ({ theme, sx, styleType, }: {
+export declare const propsToThemedStyle: ({ theme, sx: rawSx, styleType, breakpoints, screenWidth, }: {
     theme?: ThemedDict;
     sx?: TextSxProps;
     styleType?: ThemedStyleType;
+    breakpoints?: number[];
+    screenWidth?: number;
 }) => AnyStyle | undefined;
 //# sourceMappingURL=propsToThemedStyle.d.ts.map

package/lib/typescript/src/util/propsToThemedStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propsToThemedStyle.d.ts","sourceRoot":"","sources":["../../../../src/util/propsToThemedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAQvD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,WAAW,CAAC;AACxD,eAAO,MAAM,kBAAkB,GAAI,2BAIhC;IACD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,KAAG,QAAQ,GAAG,SAsJd,CAAC"}
+{"version":3,"file":"propsToThemedStyle.d.ts","sourceRoot":"","sources":["../../../../src/util/propsToThemedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAuB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AASvD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,WAAW,CAAC;AACxD,eAAO,MAAM,kBAAkB,GAAI,4DAMhC;IACD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,QAAQ,GAAG,SAwJd,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-styled-system/core",
-  "version": "1.4.4",
+  "version": "2.1.1",
   "description": "React Native Styled System",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -17,15 +17,16 @@
   "author": "zmin9 <lucy@teamturing.com>",
   "license": "MIT",
   "devDependencies": {
+    "@testing-library/react-native": "^13.3.3",
     "@types/invariant": "^2.2.37",
-    "@types/react": "^19.2.2",
+    "@types/react": "^19",
     "@types/react-test-renderer": "^19",
-    "prettier": "^3.6.2",
+    "prettier": "^3.2.5",
     "react": "*",
-    "react-native": "0.81.4",
-    "react-native-builder-bob": "^0.40.13",
-    "react-test-renderer": "^19.2.0",
-    "typescript": "^5.9.3"
+    "react-native": "0.81.5",
+    "react-native-builder-bob": "^0.23.2",
+    "react-test-renderer": "^19",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "*",
@@ -64,5 +65,5 @@
     ],
     "exclude": "**/*.test.*"
   },
-  "gitHead": "b6b2875529f9a0169499d223b8f0182f7113e6f2"
+  "gitHead": "e92be0abf1e3f97f3705fc8da07c10ffd467ab1f"
 }

package/src/@types/Responsive.ts

@@ -0,0 +1,7 @@
+export type Responsive<T> = T | (T | undefined)[];
+
+export type ResponsiveExcludedKey = 'transform';
+
+export const RESPONSIVE_EXCLUDED_KEYS: ReadonlySet<string> = new Set<ResponsiveExcludedKey>([
+  'transform',
+]);

package/src/@types/SxProps.ts

@@ -1,5 +1,6 @@
 import type { TextStyle, ViewStyle } from 'react-native';
 
+import type { Responsive, ResponsiveExcludedKey } from './Responsive';
 import type { Token } from './Token';
 
 export type SxPropsKeys = keyof SxProps;
@@ -114,6 +115,11 @@ export const _textStylePropList = [
   'typography',
   't',
 ] satisfies (Omit<TextSxPropsKey, keyof TextSxPropsKey> | 'style')[];
+
+// =================
+// Resolved types (internal, no Responsive wrapping)
+// =================
+
 interface ThemedColorTokenProps {
   backgroundColor: Token<'colors'>;
   bg: Token<'colors'>; // backgroundColor
@@ -158,9 +164,9 @@ interface ThemedSpaceTokenProps {
   right: Token<'space'>;
   bottom: Token<'space'>;
   left: Token<'space'>;
-  gap: Token<'space'>; // only works if parsed result is number
-  gapX: Token<'space'>; // only works if parsed result is number
-  gapY: Token<'space'>; // only works if parsed result is number
+  gap: Token<'space'>;
+  gapX: Token<'space'>;
+  gapY: Token<'space'>;
 }
 
 interface ThemedSizeTokenProps {
@@ -216,8 +222,8 @@ interface ThemedViewStyleProps {
   display: ViewStyle['display'];
   elevation: ViewStyle['elevation'];
   zIndex: ViewStyle['zIndex'];
-  absoluteFill?: boolean; // shortcut - position: absoulte, t,r,b,l: 0
-  center?: boolean; // shortcut - justifyContent, alignItems: center
+  absoluteFill?: boolean;
+  center?: boolean;
 }
 
 interface ThemedTextStyleProps {
@@ -241,7 +247,7 @@ interface ThemedTextStyleProps {
   t: Token<'typography'>; // typography
 }
 
-type BaseSxProps = Partial<
+type ResolvedBaseSxProps = Partial<
   ThemedViewStyleProps &
     ThemedSpaceTokenProps &
     ThemedSizeTokenProps &
@@ -249,7 +255,30 @@ type BaseSxProps = Partial<
     ThemedRadiiTokenProps
 >;
 
-type BaseTextSxProps = BaseSxProps & Partial<ThemedColorTokenTextProps & ThemedTextStyleProps>;
+type ResolvedBaseTextSxProps = ResolvedBaseSxProps &
+  Partial<ThemedColorTokenTextProps & ThemedTextStyleProps>;
+
+export interface ResolvedSxProps extends ResolvedBaseSxProps {
+  sx?: ResolvedBaseSxProps;
+}
+export interface ResolvedTextSxProps extends ResolvedBaseTextSxProps {
+  sx?: ResolvedBaseTextSxProps;
+}
+
+// =================
+// Public types (with Responsive wrapping)
+// =================
+
+type WithResponsive<T> = {
+  [K in keyof T]: K extends ResponsiveExcludedKey
+    ? T[K]
+    : undefined extends T[K]
+      ? Responsive<Exclude<T[K], undefined>> | undefined
+      : Responsive<T[K]>;
+};
+
+type BaseSxProps = WithResponsive<ResolvedBaseSxProps>;
+type BaseTextSxProps = WithResponsive<ResolvedBaseTextSxProps>;
 
 export interface SxProps extends BaseSxProps {
   sx?: BaseSxProps;