react-native-css 3.0.0 → 3.0.2

package/dist/typescript/module/src/components/View.d.ts

@@ -1,8 +1,4 @@
-import { type ViewProps } from "react-native";
-import { type StyledProps } from "react-native-css";
-declare const mapping: {
-    className: "style";
-};
-export declare function View(props: StyledProps<ViewProps, typeof mapping>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+import { View as RNView } from "react-native";
+export declare const View: typeof RNView;
 export default View;
 //# sourceMappingURL=View.d.ts.map

package/dist/typescript/module/src/components/View.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../../src/components/View.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,OAAO;;CAEiC,CAAC;AAE/C,wBAAgB,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,OAAO,CAAC,0FAEjE;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../../src/components/View.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAkB,MAAM,cAAc,CAAC;AAc9D,eAAO,MAAM,IAAI,eAKhB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/typescript/module/src/components/VirtualizedList.d.ts

@@ -1,6 +1,6 @@
+import type { ReactNode } from "react";
 import { VirtualizedList as RNVirtualizedList, type VirtualizedListProps } from "react-native";
 import { type StyledConfiguration, type StyledProps } from "react-native-css";
-declare const mapping: StyledConfiguration<typeof RNVirtualizedList>;
-export declare function VirtualizedList<ItemT>(props: StyledProps<VirtualizedListProps<ItemT>, typeof mapping>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const VirtualizedList: typeof RNVirtualizedList & (<ItemT>(props: StyledProps<VirtualizedListProps<ItemT>, StyledConfiguration<typeof RNVirtualizedList>>) => ReactNode);
 export default VirtualizedList;
 //# sourceMappingURL=VirtualizedList.d.ts.map

package/dist/typescript/module/src/components/VirtualizedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedList.d.ts","sourceRoot":"","sources":["../../../../../src/components/VirtualizedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,iBAAiB,EACpC,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,OAAO,EAAE,mBAAmB,CAAC,OAAO,iBAAiB,CAK1D,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EACnC,KAAK,EAAE,WAAW,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,OAAO,OAAO,CAAC,0FAGhE;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"VirtualizedList.d.ts","sourceRoot":"","sources":["../../../../../src/components/VirtualizedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,eAAe,IAAI,iBAAiB,EACpC,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAW1B,eAAO,MAAM,eAAe,EAOZ,OAAO,iBAAiB,GACtC,CAAC,CAAC,KAAK,EACL,KAAK,EAAE,WAAW,CAChB,oBAAoB,CAAC,KAAK,CAAC,EAC3B,mBAAmB,CAAC,OAAO,iBAAiB,CAAC,CAC9C,KACE,SAAS,CAAC,CAAC;AAElB,eAAe,eAAe,CAAC"}

package/dist/typescript/module/src/components/copyComponentProperties.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentType } from "react";
+type AnyComponent = ComponentType<any>;
+export declare function copyComponentProperties<T extends AnyComponent>(BaseComponent: T, Component: AnyComponent): T;
+export {};
+//# sourceMappingURL=copyComponentProperties.d.ts.map

package/dist/typescript/module/src/components/copyComponentProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyComponentProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/copyComponentProperties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAEvC,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,YAAY,EAC5D,aAAa,EAAE,CAAC,EAChB,SAAS,EAAE,YAAY,GAYQ,CAAC,CACjC"}

package/dist/typescript/module/src/metro/resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../../../src/metro/resolver.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,cAAc,EACd,UAAU,EACX,MAAM,gBAAgB,CAAC;AAaxB,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,uBAAuB,EAChC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,UAAU,CAmCZ;AAED,wBAAgB,WAAW,CACzB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,uBAAuB,EAChC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,UAAU,CAwBZ"}
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../../../src/metro/resolver.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,cAAc,EACd,UAAU,EACX,MAAM,gBAAgB,CAAC;AAaxB,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,uBAAuB,EAChC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,UAAU,CAmCZ;AAED,wBAAgB,WAAW,CACzB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,uBAAuB,EAChC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,UAAU,CA+BZ"}

package/dist/typescript/module/src/native/api.d.ts

@@ -10,7 +10,7 @@ export { useNativeCss };
  * @param baseComponent
  * @param mapping
  */
-export declare const styled: <const C extends ReactComponent<any>, const M extends StyledConfiguration<C>>(baseComponent: C, mapping: M, options?: StyledOptions) => any;
+export declare const styled: <const C extends ReactComponent<any>, const M extends StyledConfiguration<C>>(baseComponent: C, mapping?: M, options?: StyledOptions) => any;
 export declare const colorScheme: ColorScheme;
 export declare const useUnstableNativeVariable: typeof useNativeVariable;
 export declare const useCssElement: <const C extends ReactComponent<any>, const M extends StyledConfiguration<C>>(component: C, incomingProps: Props, mapping: M) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").FunctionComponentElement<import("react").FragmentProps>;

package/dist/typescript/module/src/native/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/native/api.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,cAAc,EACd,mBAAmB,EACnB,aAAa,EACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAmB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAEL,UAAU,EAGX,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,eAAe,EACf,eAAe,EACf,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACnC,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,SAAS,CAAC,EACV,UAAU,aAAa,QAoBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,0BAAoB,CAAC;AAE3D,eAAO,MAAM,aAAa,GACxB,KAAK,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACnC,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,CAAC,qKAIX,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,OAkB7C;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;;;EAO9D"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/native/api.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,cAAc,EACd,mBAAmB,EACnB,aAAa,EACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAmB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAEL,UAAU,EAGX,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,eAAe,EACf,eAAe,EACf,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC;AAMxB;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACnC,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,UAAS,CAAuB,EAChC,UAAU,aAAa,QAoBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,0BAAoB,CAAC;AAE3D,eAAO,MAAM,aAAa,GACxB,KAAK,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACnC,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,CAAC,qKAIX,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,OAkB7C;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;;;EAO9D"}

package/dist/typescript/module/src/native/react/useNativeCss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeCss.d.ts","sourceRoot":"","sources":["../../../../../../src/native/react/useNativeCss.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAkB,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzD,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEtD,kDAAkD;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,qBAAqB,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EACxB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EACrD,OAAO,GAAE,MAAM,EAA+C,oKAqG/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAgChE"}
+{"version":3,"file":"useNativeCss.d.ts","sourceRoot":"","sources":["../../../../../../src/native/react/useNativeCss.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAkB,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzD,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEtD,kDAAkD;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,qBAAqB,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EACxB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EACrD,OAAO,GAAE,MAAM,EAA+C,oKAqG/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAuChE"}

package/dist/typescript/module/src/native/styles/functions/color-mix.d.ts

@@ -0,0 +1,3 @@
+import type { StyleFunctionResolver } from "../resolve";
+export declare const colorMix: StyleFunctionResolver;
+//# sourceMappingURL=color-mix.d.ts.map

package/dist/typescript/module/src/native/styles/functions/color-mix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-mix.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/functions/color-mix.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAMxD,eAAO,MAAM,QAAQ,EAAE,qBAgDtB,CAAC"}

package/dist/typescript/module/src/native/styles/functions/index.d.ts

@@ -5,4 +5,5 @@ export * from "./numeric-functions";
 export * from "./platform-functions";
 export * from "./string-functions";
 export * from "./transform-functions";
+export * from "./color-mix";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/native/styles/functions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/functions/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/functions/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC"}

package/dist/typescript/module/src/native/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/native/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAQL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,YAAY;;;;;;;;;sBAaD,MAAM;;;;CAQ7B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,mCAwE/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/native/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAQL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAkJvB,eAAO,MAAM,YAAY;;;;;;;;;sBAaD,MAAM;;;;CAQ7B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,mCAiF/C"}

package/dist/typescript/module/src/utilities/dot-notation.types.d.ts

@@ -6,7 +6,7 @@ type Primitive = string | number | boolean | bigint | symbol | null | undefined
 interface RecursiveArray<T> extends Array<T | ReadonlyArray<T> | RecursiveArray<T>> {
 }
 export type StyleProp<T> = T | RegisteredStyle<T> | RecursiveArray<T | RegisteredStyle<T> | Falsy> | Falsy;
-type UnwrapRecursiveArray<T> = T extends (infer I)[] ? UnwrapRecursiveArray<I> : T;
+type UnwrapRecursiveArray<T, Depth extends unknown[] = [], MaxDepth extends number = 10> = Depth["length"] extends MaxDepth ? T : T extends (infer I)[] ? UnwrapRecursiveArray<I, [...Depth, unknown], MaxDepth> : T;
 type RemoveFalsy<T> = Exclude<T, Falsy>;
 type RemoveRegisteredStyle<T> = T extends RegisteredStyle<any> ? never : T;
 type ExtractStyleObject<T> = RemoveRegisteredStyle<RemoveFalsy<UnwrapRecursiveArray<T extends StyleProp<infer U> ? U : T>>>;

package/dist/typescript/module/src/utilities/dot-notation.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dot-notation.types.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/dot-notation.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dot-notation.types.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/dot-notation.types.ts"],"names":[],"mappings":"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"}

package/dist/typescript/module/src/web/api.d.ts

@@ -1,7 +1,7 @@
-import { type ComponentProps, type PropsWithChildren } from "react";
+import { type ComponentPropsWithRef, type PropsWithChildren } from "react";
 import type { ColorScheme, Props, StyledConfiguration, StyledOptions, StyledProps } from "react-native-css";
 import type { ReactComponent } from "../runtime.types";
-export declare const styled: <const C extends ReactComponent, const M extends StyledConfiguration<C>>(baseComponent: C, mapping: M, _options?: StyledOptions) => (props: StyledProps<ComponentProps<C>, M>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const styled: <const C extends ReactComponent, const M extends StyledConfiguration<C>>(baseComponent: C, mapping?: M, _options?: StyledOptions) => (props: StyledProps<ComponentPropsWithRef<C>, M>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const useCssElement: <C extends ReactComponent>(component: C, incomingProps: Props, mapping: StyledConfiguration<C>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const colorScheme: ColorScheme;
 /**

package/dist/typescript/module/src/web/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/web/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,EAC9B,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,SAAS,CAAC,EACV,WAAW,aAAa,MAEhB,OAAO,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,2FAGjD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,EACpD,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,0BAW9D;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;CAAE,CAAC,2CAe5E;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/web/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAE1B,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOvD,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,EAC9B,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,UAAS,CAAuB,EAChC,WAAW,aAAa,MAEhB,OAAO,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,2FAGxD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,EACpD,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,0BAW9D;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;CAAE,CAAC,2CAe5E;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-css",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "A CSS polyfill for React Native",
   "exports": {
     ".": {
@@ -48,7 +48,7 @@
       }
     },
     "./components/*": {
-      "source": "./src/components/*.ts",
+      "source": "./src/components/*.tsx",
       "react-native": "./src/components/*.tsx",
       "import": {
         "types": "./dist/typescript/module/src/components/*.d.ts",
@@ -192,6 +192,7 @@
   },
   "peerDependencies": {
     "@expo/metro-config": ">=54",
+    "lightningcss": ">=1.27.0",
     "react": ">=19",
     "react-native": ">=0.81"
   },
@@ -211,7 +212,7 @@
     "@types/react-test-renderer": "^19",
     "babel-plugin-tester": "^12.0.0",
     "babel-preset-expo": "~54.0.3",
-    "commitlint": "^19.8.1",
+    "commitlint": "^20.0.0",
     "eas-build-cache-provider": "^16.4.2",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",

package/src/compiler/declarations.ts

@@ -1228,6 +1228,8 @@ export function parseUnparsed(
             builder,
             property,
           );
+        case "color-mix":
+          return parseColorMix(tokenOrValue.value.arguments, builder, property);
         default: {
           builder.addWarning("value", `${tokenOrValue.value.name}()`);
           return;
@@ -2633,6 +2635,100 @@ export function parseCalcFn(
   return;
 }
 
+export function parseColorMix(
+  tokens: TokenOrValue[],
+  builder: StylesheetBuilder,
+  property: string,
+): StyleDescriptor {
+  const [inToken, whitespace, colorSpace, comma, ...rest] = tokens;
+  if (
+    typeof inToken !== "object" ||
+    inToken.type !== "token" ||
+    inToken.value.type !== "ident" ||
+    inToken.value.value !== "in"
+  ) {
+    return;
+  }
+
+  if (
+    typeof whitespace !== "object" ||
+    whitespace.type !== "token" ||
+    whitespace.value.type !== "white-space"
+  ) {
+    return;
+  }
+
+  if (
+    typeof comma !== "object" ||
+    comma.type !== "token" ||
+    comma.value.type !== "comma"
+  ) {
+    return;
+  }
+
+  const colorSpaceArg = parseUnparsed(colorSpace, builder, property);
+  if (typeof colorSpaceArg !== "string") {
+    return;
+  }
+
+  let nextToken = rest.shift();
+
+  const leftColorArg = parseUnparsed(nextToken, builder, property);
+
+  if (!leftColorArg) {
+    return;
+  }
+
+  nextToken = rest.shift();
+
+  let leftColorPercentage: StyleDescriptor | undefined;
+  if (nextToken?.type !== "token" || nextToken.value.type !== "comma") {
+    leftColorPercentage = parseUnparsed(nextToken, builder, property);
+    nextToken = rest.shift();
+  }
+
+  if (
+    typeof nextToken !== "object" ||
+    nextToken.type !== "token" ||
+    nextToken.value.type !== "comma"
+  ) {
+    return;
+  }
+
+  nextToken = rest.shift();
+
+  const rightColorArg = parseUnparsed(nextToken, builder, property);
+
+  if (rightColorArg === "transparent") {
+    // Ignore the rest, treat as single color with alpha
+    return [{}, "colorMix", [colorSpaceArg, leftColorArg, leftColorPercentage]];
+  }
+
+  nextToken = rest.shift();
+  let rightColorPercentage: StyleDescriptor | undefined;
+  if (nextToken?.type !== "token" || nextToken.value.type !== "comma") {
+    rightColorPercentage = parseUnparsed(nextToken, builder, property);
+    nextToken = rest.shift();
+  }
+
+  // We should have expired all tokens now
+  if (nextToken) {
+    return;
+  }
+
+  return [
+    {},
+    "colorMix",
+    [
+      colorSpaceArg,
+      leftColorArg,
+      leftColorPercentage,
+      rightColorArg,
+      rightColorPercentage,
+    ],
+  ];
+}
+
 export function parseCalcArguments(
   [...args]: TokenOrValue[],
   builder: StylesheetBuilder,

package/src/compiler/lightningcss-loader.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 export function lightningcssLoader() {
   let lightningcssPath: string | undefined;
 
@@ -28,11 +29,29 @@ export function lightningcssLoader() {
     );
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
   const { transform: lightningcss, Features } = require(
     lightningcssPath,
   ) as typeof import("lightningcss");
 
+  try {
+    const lightningcssPackageJSONPath = require.resolve("../../package.json", {
+      paths: [lightningcssPath],
+    });
+
+    const packageJSON = require(lightningcssPackageJSONPath) as Record<
+      string,
+      unknown
+    >;
+
+    if (packageJSON.version === "1.30.2") {
+      throw new Error(
+        "[react-native-css] lightningcss version 1.30.2 has a critical bug that breaks compilation. Please pin the version of lightningcss to 1.30.1; or try upgrading.",
+      );
+    }
+  } catch {
+    // Intentionally left empty
+  }
+
   return {
     lightningcss,
     Features,

package/src/compiler/supports.ts

@@ -23,4 +23,6 @@ export function supportsConditionValid(condition: SupportsCondition): boolean {
 const declarations: Record<string, string[]> = {
   // We don't actually support this, but its needed for Tailwind CSS
   "-moz-orient": ["inline"],
+  // Special text used by TailwindCSS. We should probably change this to all color-mix
+  "color": ["color-mix(in lab, red, red)"],
 };

package/src/components/ActivityIndicator.tsx

@@ -9,6 +9,8 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNActivityIndicator> = {
   className: {
     target: "style",
@@ -18,10 +20,11 @@ const mapping: StyledConfiguration<typeof RNActivityIndicator> = {
   },
 };
 
-export function ActivityIndicator(
-  props: StyledProps<ActivityIndicatorProps, typeof mapping>,
-) {
-  return useCssElement(RNActivityIndicator, props, mapping);
-}
+export const ActivityIndicator = copyComponentProperties(
+  RNActivityIndicator,
+  (props: StyledProps<ActivityIndicatorProps, typeof mapping>) => {
+    return useCssElement(RNActivityIndicator, props, mapping);
+  },
+);
 
 export default ActivityIndicator;

package/src/components/Button.tsx

@@ -6,6 +6,8 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNButton> = {
   className: {
     target: false,
@@ -15,8 +17,11 @@ const mapping: StyledConfiguration<typeof RNButton> = {
   },
 };
 
-export function Button(props: StyledProps<ButtonProps, typeof mapping>) {
-  return useCssElement(RNButton, props, mapping);
-}
+export const Button = copyComponentProperties(
+  RNButton,
+  (props: StyledProps<ButtonProps, typeof mapping>) => {
+    return useCssElement(RNButton, props, mapping);
+  },
+);
 
 export default Button;

package/src/components/FlatList.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { FlatList as RNFlatList, type FlatListProps } from "react-native";
 
 import {
@@ -6,6 +7,8 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNFlatList> = {
   ListFooterComponentClassName: "ListFooterComponentStyle",
   ListHeaderComponentClassName: "ListHeaderComponentStyle",
@@ -13,10 +16,16 @@ const mapping: StyledConfiguration<typeof RNFlatList> = {
   contentContainerClassName: "contentContainerStyle",
 };
 
-export function FlatList<ItemT>(
-  props: StyledProps<FlatListProps<ItemT>, typeof mapping>,
-) {
+export const FlatList = copyComponentProperties(RNFlatList, function <
+  ItemT,
+>(props: StyledProps<FlatListProps<ItemT>, typeof mapping>) {
   return useCssElement(RNFlatList, props, mapping);
-}
+}) as unknown as typeof RNFlatList &
+  (<ItemT>(
+    props: StyledProps<
+      FlatListProps<ItemT>,
+      StyledConfiguration<typeof RNFlatList>
+    >,
+  ) => ReactNode);
 
 export default FlatList;

package/src/components/Image.tsx

@@ -6,12 +6,17 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNImage> = {
   className: "style",
 };
 
-export function Image(props: StyledProps<ImageProps, typeof mapping>) {
-  return useCssElement(RNImage, props, mapping);
-}
+export const Image = copyComponentProperties(
+  RNImage,
+  (props: StyledProps<ImageProps, typeof mapping>) => {
+    return useCssElement(RNImage, props, mapping);
+  },
+);
 
 export default Image;

package/src/components/ImageBackground.tsx

@@ -9,6 +9,8 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNImageBackground> = {
   className: {
     target: "style",
@@ -18,10 +20,11 @@ const mapping: StyledConfiguration<typeof RNImageBackground> = {
   },
 };
 
-export function ImageBackground(
-  props: StyledProps<ImageBackgroundProps, typeof mapping>,
-) {
-  return useCssElement(RNImageBackground, props, mapping);
-}
+export const ImageBackground = copyComponentProperties(
+  RNImageBackground,
+  (props: StyledProps<ImageBackgroundProps, typeof mapping>) => {
+    return useCssElement(RNImageBackground, props, mapping);
+  },
+);
 
 export default ImageBackground;

package/src/components/KeyboardAvoidingView.tsx

@@ -9,16 +9,19 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNKeyboardAvoidingView> = {
   className: {
     target: "style",
   },
 };
 
-export function KeyboardAvoidingView(
-  props: StyledProps<KeyboardAvoidingViewProps, typeof mapping>,
-) {
-  return useCssElement(RNKeyboardAvoidingView, props, mapping);
-}
+export const KeyboardAvoidingView = copyComponentProperties(
+  RNKeyboardAvoidingView,
+  (props: StyledProps<KeyboardAvoidingViewProps, typeof mapping>) => {
+    return useCssElement(RNKeyboardAvoidingView, props, mapping);
+  },
+);
 
 export default KeyboardAvoidingView;

package/src/components/Pressable.tsx

@@ -6,12 +6,17 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNPressable> = {
   className: "style",
 };
 
-export function Pressable(props: StyledProps<PressableProps, typeof mapping>) {
-  return useCssElement(RNPressable, props, mapping);
-}
+export const Pressable = copyComponentProperties(
+  RNPressable,
+  (props: StyledProps<PressableProps, typeof mapping>) => {
+    return useCssElement(RNPressable, props, mapping);
+  },
+);
 
 export default Pressable;

package/src/components/ScrollView.tsx

@@ -6,15 +6,18 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNScrollView> = {
   className: "style",
   contentContainerClassName: "contentContainerStyle",
 };
 
-export function ScrollView(
-  props: StyledProps<ScrollViewProps, typeof mapping>,
-) {
-  return useCssElement(RNScrollView, props, mapping);
-}
+export const ScrollView = copyComponentProperties(
+  RNScrollView,
+  (props: StyledProps<ScrollViewProps, typeof mapping>) => {
+    return useCssElement(RNScrollView, props, mapping);
+  },
+);
 
 export default ScrollView;

package/src/components/Switch.tsx

@@ -6,12 +6,17 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping = {
   className: "style",
 } satisfies StyledConfiguration<typeof RNSwitch>;
 
-export function Switch(props: StyledProps<SwitchProps, typeof mapping>) {
-  return useCssElement(RNSwitch, props, mapping);
-}
+export const Switch = copyComponentProperties(
+  RNSwitch,
+  (props: StyledProps<SwitchProps, typeof mapping>) => {
+    return useCssElement(RNSwitch, props, mapping);
+  },
+);
 
 export default Switch;

package/src/components/Text.tsx

@@ -6,12 +6,17 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping = {
   className: "style",
 } satisfies StyledConfiguration<typeof RNText>;
 
-export function Text(props: StyledProps<TextProps, typeof mapping>) {
-  return useCssElement(RNText, props, mapping);
-}
+export const Text = copyComponentProperties(
+  RNText,
+  (props: StyledProps<TextProps, typeof mapping>) => {
+    return useCssElement(RNText, props, mapping);
+  },
+);
 
 export default Text;

package/src/components/TextInput.tsx

@@ -6,6 +6,8 @@ import {
   type StyledProps,
 } from "react-native-css";
 
+import { copyComponentProperties } from "./copyComponentProperties";
+
 const mapping: StyledConfiguration<typeof RNTextInput> = {
   className: {
     target: "style",
@@ -15,8 +17,11 @@ const mapping: StyledConfiguration<typeof RNTextInput> = {
   },
 };
 
-export function TextInput(props: StyledProps<TextInputProps, typeof mapping>) {
-  return useCssElement(RNTextInput, props, mapping);
-}
+export const TextInput = copyComponentProperties(
+  RNTextInput,
+  (props: StyledProps<TextInputProps, typeof mapping>) => {
+    return useCssElement(RNTextInput, props, mapping);
+  },
+);
 
 export default TextInput;