react-native-css 0.0.0-nightly.04af4c6 → 0.0.0-nightly.0acc293

package/dist/commonjs/compiler/keyframes.js

@@ -9,7 +9,7 @@ exports.parseIterationCount = parseIterationCount;
 var _declarations = require("./declarations.js");
 function parseIterationCount(value) {
   return value.map(value => {
-    return value.type === "infinite" ? -1 : value.value;
+    return value.type === "infinite" ? value.type : value.value;
   });
 }
 function parseEasingFunction(value) {

package/dist/commonjs/compiler/keyframes.js.map

@@ -1 +1 @@
-{"version":3,"names":["_declarations","require","parseIterationCount","value","map","type","parseEasingFunction","easingFn","x1","y1","x2","y2","count","position","length","extractKeyFrames","keyframes","builder","fork","newAnimationFrames","name","frame","declarations","selectors","selector","percentage","firstSelector","progress","toString","join","newAnimationFrame","declaration","parseDeclaration"],"sourceRoot":"../../../src","sources":["compiler/keyframes.ts"],"mappings":";;;;;;;;AAOA,IAAAA,aAAA,GAAAC,OAAA;AAGO,SAASC,mBAAmBA,CACjCC,KAAgC,EACtB;EACV,OAAOA,KAAK,CAACC,GAAG,CAAED,KAAK,IAAK;IAC1B,OAAOA,KAAK,CAACE,IAAI,KAAK,UAAU,GAAG,CAAC,CAAC,GAAGF,KAAK,CAACA,KAAK;EACrD,CAAC,CAAC;AACJ;AAEO,SAASG,mBAAmBA,CACjCH,KAA0B,EACT;EACjB,MAAMI,QAAQ,GAAGJ,KAAK,CAACC,GAAG,CAAED,KAAK,IAAK;IACpC,QAAQA,KAAK,CAACE,IAAI;MAChB,KAAK,QAAQ;MACb,KAAK,MAAM;MACX,KAAK,SAAS;MACd,KAAK,UAAU;MACf,KAAK,aAAa;QAChB,OAAOF,KAAK,CAACE,IAAI;MACnB,KAAK,cAAc;QACjB,OAAO,CACL,CAAC,CAAC,EACF,aAAa,EACb,CAACF,KAAK,CAACK,EAAE,EAAEL,KAAK,CAACM,EAAE,EAAEN,KAAK,CAACO,EAAE,EAAEP,KAAK,CAACQ,EAAE,CAAC,CACzC;MACH,KAAK,OAAO;QACV,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAACR,KAAK,CAACS,KAAK,EAAET,KAAK,CAACU,QAAQ,EAAER,IAAI,CAAC,CAAC;IAC7D;EACF,CAAC,CAAsB;EAEvB,IAAIE,QAAQ,CAACO,MAAM,KAAK,CAAC,EAAE;IACzB,OAAOP,QAAQ,CAAC,CAAC,CAAC;EACpB;EACA,OAAOA,QAAQ;AACjB;AAEO,SAASQ,gBAAgBA,CAC9BC,SAAwB,EACxBC,OAA0B,EAC1B;EACAA,OAAO,GAAGA,OAAO,CAACC,IAAI,CAAC,WAAW,CAAC;EACnCD,OAAO,CAACE,kBAAkB,CAACH,SAAS,CAACI,IAAI,CAACjB,KAAK,CAAC;EAEhD,KAAK,MAAMkB,KAAK,IAAIL,SAAS,CAACA,SAAS,EAAE;IACvC,IAAI,CAACK,KAAK,CAACC,YAAY,CAACA,YAAY,EAAE;IAEtC,MAAMC,SAAS,GAAGF,KAAK,CAACE,SAAS,CAACnB,GAAG,CAAEoB,QAAQ,IAAK;MAClD,QAAQA,QAAQ,CAACnB,IAAI;QACnB,KAAK,YAAY;UACf,OAAOgB,KAAK,CAACE,SAAS,CAACT,MAAM,GAAG,CAAC,GAC7B,GAAGU,QAAQ,CAACrB,KAAK,GAAG,GAAG,GAAG,GAC1BqB,QAAQ,CAACrB,KAAK;QACpB,KAAK,MAAM;QACX,KAAK,IAAI;UACP,OAAOqB,QAAQ,CAACnB,IAAI;QACtB,KAAK,2BAA2B;UAC9B;UACA,OAAOgB,KAAK,CAACE,SAAS,CAACT,MAAM,GAAG,CAAC,GAC7B,GAAGU,QAAQ,CAACrB,KAAK,CAACsB,UAAU,GAAG,GAC/BD,QAAQ,CAACrB,KAAK,CAACsB,UAAU;MACjC;IACF,CAAC,CAAC;IAEF,MAAMC,aAAa,GAAGH,SAAS,CAAC,CAAC,CAAC;IAClC,MAAMI,QAAQ,GACZD,aAAa,IAAIH,SAAS,CAACT,MAAM,KAAK,CAAC,GACnCY,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBL,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;IAE1BZ,OAAO,CAACa,iBAAiB,CAACH,QAAQ,CAAC;IAEnC,KAAK,MAAMI,WAAW,IAAIV,KAAK,CAACC,YAAY,CAACA,YAAY,EAAE;MACzD,IAAAU,8BAAgB,EAACD,WAAW,EAAEd,OAAO,CAAC;IACxC;EACF;AACF","ignoreList":[]}
+{"version":3,"names":["_declarations","require","parseIterationCount","value","map","type","parseEasingFunction","easingFn","x1","y1","x2","y2","count","position","length","extractKeyFrames","keyframes","builder","fork","newAnimationFrames","name","frame","declarations","selectors","selector","percentage","firstSelector","progress","toString","join","newAnimationFrame","declaration","parseDeclaration"],"sourceRoot":"../../../src","sources":["compiler/keyframes.ts"],"mappings":";;;;;;;;AAOA,IAAAA,aAAA,GAAAC,OAAA;AAGO,SAASC,mBAAmBA,CACjCC,KAAgC,EACP;EACzB,OAAOA,KAAK,CAACC,GAAG,CAAED,KAAK,IAAK;IAC1B,OAAOA,KAAK,CAACE,IAAI,KAAK,UAAU,GAAGF,KAAK,CAACE,IAAI,GAAGF,KAAK,CAACA,KAAK;EAC7D,CAAC,CAAC;AACJ;AAEO,SAASG,mBAAmBA,CACjCH,KAA0B,EACT;EACjB,MAAMI,QAAQ,GAAGJ,KAAK,CAACC,GAAG,CAAED,KAAK,IAAK;IACpC,QAAQA,KAAK,CAACE,IAAI;MAChB,KAAK,QAAQ;MACb,KAAK,MAAM;MACX,KAAK,SAAS;MACd,KAAK,UAAU;MACf,KAAK,aAAa;QAChB,OAAOF,KAAK,CAACE,IAAI;MACnB,KAAK,cAAc;QACjB,OAAO,CACL,CAAC,CAAC,EACF,aAAa,EACb,CAACF,KAAK,CAACK,EAAE,EAAEL,KAAK,CAACM,EAAE,EAAEN,KAAK,CAACO,EAAE,EAAEP,KAAK,CAACQ,EAAE,CAAC,CACzC;MACH,KAAK,OAAO;QACV,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAACR,KAAK,CAACS,KAAK,EAAET,KAAK,CAACU,QAAQ,EAAER,IAAI,CAAC,CAAC;IAC7D;EACF,CAAC,CAAsB;EAEvB,IAAIE,QAAQ,CAACO,MAAM,KAAK,CAAC,EAAE;IACzB,OAAOP,QAAQ,CAAC,CAAC,CAAC;EACpB;EACA,OAAOA,QAAQ;AACjB;AAEO,SAASQ,gBAAgBA,CAC9BC,SAAwB,EACxBC,OAA0B,EAC1B;EACAA,OAAO,GAAGA,OAAO,CAACC,IAAI,CAAC,WAAW,CAAC;EACnCD,OAAO,CAACE,kBAAkB,CAACH,SAAS,CAACI,IAAI,CAACjB,KAAK,CAAC;EAEhD,KAAK,MAAMkB,KAAK,IAAIL,SAAS,CAACA,SAAS,EAAE;IACvC,IAAI,CAACK,KAAK,CAACC,YAAY,CAACA,YAAY,EAAE;IAEtC,MAAMC,SAAS,GAAGF,KAAK,CAACE,SAAS,CAACnB,GAAG,CAAEoB,QAAQ,IAAK;MAClD,QAAQA,QAAQ,CAACnB,IAAI;QACnB,KAAK,YAAY;UACf,OAAOgB,KAAK,CAACE,SAAS,CAACT,MAAM,GAAG,CAAC,GAC7B,GAAGU,QAAQ,CAACrB,KAAK,GAAG,GAAG,GAAG,GAC1BqB,QAAQ,CAACrB,KAAK;QACpB,KAAK,MAAM;QACX,KAAK,IAAI;UACP,OAAOqB,QAAQ,CAACnB,IAAI;QACtB,KAAK,2BAA2B;UAC9B;UACA,OAAOgB,KAAK,CAACE,SAAS,CAACT,MAAM,GAAG,CAAC,GAC7B,GAAGU,QAAQ,CAACrB,KAAK,CAACsB,UAAU,GAAG,GAC/BD,QAAQ,CAACrB,KAAK,CAACsB,UAAU;MACjC;IACF,CAAC,CAAC;IAEF,MAAMC,aAAa,GAAGH,SAAS,CAAC,CAAC,CAAC;IAClC,MAAMI,QAAQ,GACZD,aAAa,IAAIH,SAAS,CAACT,MAAM,KAAK,CAAC,GACnCY,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBL,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;IAE1BZ,OAAO,CAACa,iBAAiB,CAACH,QAAQ,CAAC;IAEnC,KAAK,MAAMI,WAAW,IAAIV,KAAK,CAACC,YAAY,CAACA,YAAY,EAAE;MACzD,IAAAU,8BAAgB,EAACD,WAAW,EAAEd,OAAO,CAAC;IACxC;EACF;AACF","ignoreList":[]}

package/dist/commonjs/components/ActivityIndicator.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ActivityIndicator = ActivityIndicator;
-exports.default = void 0;
+exports.default = exports.ActivityIndicator = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: {
     target: "style",
@@ -15,8 +15,8 @@ const mapping = {
     }
   }
 };
-function ActivityIndicator(props) {
-  return (0, _runtime.useCssElement)(_reactNative.ActivityIndicator, props, mapping);
-}
+const ActivityIndicator = exports.ActivityIndicator = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.ActivityIndicator, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.ActivityIndicator, props, mapping);
+});
 var _default = exports.default = ActivityIndicator;
 //# sourceMappingURL=ActivityIndicator.js.map

package/dist/commonjs/components/ActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","target","nativeStyleMapping","color","ActivityIndicator","props","useCssElement","RNActivityIndicator","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/ActivityIndicator.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAwD,GAAG;EAC/DC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAEM,SAASC,iBAAiBA,CAC/BC,KAA0D,EAC1D;EACA,OAAO,IAAAC,sBAAa,EAACC,8BAAmB,EAAEF,KAAK,EAAEN,OAAO,CAAC;AAC3D;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","target","nativeStyleMapping","color","ActivityIndicator","exports","copyComponentProperties","RNActivityIndicator","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/ActivityIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAwD,GAAG;EAC/DC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAEM,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,gDAAuB,EACtDC,8BAAmB,EAClBC,KAA0D,IAAK;EAC9D,OAAO,IAAAC,6BAAa,EAACF,8BAAmB,EAAEC,KAAK,EAAET,OAAO,CAAC;AAC3D,CACF,CAAC;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,iBAAiB","ignoreList":[]}

package/dist/commonjs/components/Button.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Button = Button;
-exports.default = void 0;
+exports.default = exports.Button = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: {
     target: false,
@@ -15,8 +15,8 @@ const mapping = {
     }
   }
 };
-function Button(props) {
-  return (0, _runtime.useCssElement)(_reactNative.Button, props, mapping);
-}
+const Button = exports.Button = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.Button, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.Button, props, mapping);
+});
 var _default = exports.default = Button;
 //# sourceMappingURL=Button.js.map

package/dist/commonjs/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","target","nativeStyleMapping","color","Button","props","useCssElement","RNButton","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAA6C,GAAG;EACpDC,SAAS,EAAE;IACTC,MAAM,EAAE,KAAK;IACbC,kBAAkB,EAAE;MAClBC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAEM,SAASC,MAAMA,CAACC,KAA+C,EAAE;EACtE,OAAO,IAAAC,sBAAa,EAACC,mBAAQ,EAAEF,KAAK,EAAEN,OAAO,CAAC;AAChD;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,MAAM","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","target","nativeStyleMapping","color","Button","exports","copyComponentProperties","RNButton","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAA6C,GAAG;EACpDC,SAAS,EAAE;IACTC,MAAM,EAAE,KAAK;IACbC,kBAAkB,EAAE;MAClBC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAEM,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,gDAAuB,EAC3CC,mBAAQ,EACPC,KAA+C,IAAK;EACnD,OAAO,IAAAC,6BAAa,EAACF,mBAAQ,EAAEC,KAAK,EAAET,OAAO,CAAC;AAChD,CACF,CAAC;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,MAAM","ignoreList":[]}

package/dist/commonjs/components/FlatList.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FlatList = FlatList;
-exports.default = void 0;
+exports.default = exports.FlatList = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   ListFooterComponentClassName: "ListFooterComponentStyle",
   ListHeaderComponentClassName: "ListHeaderComponentStyle",
   columnWrapperClassName: "columnWrapperStyle",
   contentContainerClassName: "contentContainerStyle"
 };
-function FlatList(props) {
-  return (0, _runtime.useCssElement)(_reactNative.FlatList, props, mapping);
-}
+const FlatList = exports.FlatList = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.FlatList, function (props) {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.FlatList, props, mapping);
+});
 var _default = exports.default = FlatList;
 //# sourceMappingURL=FlatList.js.map

package/dist/commonjs/components/FlatList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","ListFooterComponentClassName","ListHeaderComponentClassName","columnWrapperClassName","contentContainerClassName","FlatList","props","useCssElement","RNFlatList","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/FlatList.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAA+C,GAAG;EACtDC,4BAA4B,EAAE,0BAA0B;EACxDC,4BAA4B,EAAE,0BAA0B;EACxDC,sBAAsB,EAAE,oBAAoB;EAC5CC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,SAASC,QAAQA,CACtBC,KAAwD,EACxD;EACA,OAAO,IAAAC,sBAAa,EAACC,qBAAU,EAAEF,KAAK,EAAEN,OAAO,CAAC;AAClD;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,QAAQ","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","ListFooterComponentClassName","ListHeaderComponentClassName","columnWrapperClassName","contentContainerClassName","FlatList","exports","copyComponentProperties","RNFlatList","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/FlatList.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAA+C,GAAG;EACtDC,4BAA4B,EAAE,0BAA0B;EACxDC,4BAA4B,EAAE,0BAA0B;EACxDC,sBAAsB,EAAE,oBAAoB;EAC5CC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,gDAAuB,EAACC,qBAAU,EAAE,UAE1DC,KAAwD,EAAE;EAC1D,OAAO,IAAAC,6BAAa,EAACF,qBAAU,EAAEC,KAAK,EAAET,OAAO,CAAC;AAClD,CAAC,CAMgB;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEHP,QAAQ","ignoreList":[]}

package/dist/commonjs/components/Image.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Image = Image;
-exports.default = void 0;
+exports.default = exports.Image = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function Image(props) {
-  return (0, _runtime.useCssElement)(_reactNative.Image, props, mapping);
-}
+const Image = exports.Image = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.Image, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.Image, props, mapping);
+});
 var _default = exports.default = Image;
 //# sourceMappingURL=Image.js.map

package/dist/commonjs/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","Image","props","useCssElement","RNImage","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/Image.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAA4C,GAAG;EACnDC,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,KAAKA,CAACC,KAA8C,EAAE;EACpE,OAAO,IAAAC,sBAAa,EAACC,kBAAO,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAC/C;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,KAAK","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","Image","exports","copyComponentProperties","RNImage","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/Image.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAA4C,GAAG;EACnDC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,gDAAuB,EAC1CC,kBAAO,EACNC,KAA8C,IAAK;EAClD,OAAO,IAAAC,6BAAa,EAACF,kBAAO,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAC/C,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,KAAK","ignoreList":[]}

package/dist/commonjs/components/ImageBackground.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ImageBackground = ImageBackground;
-exports.default = void 0;
+exports.default = exports.ImageBackground = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: {
     target: "style",
@@ -15,8 +15,8 @@ const mapping = {
     }
   }
 };
-function ImageBackground(props) {
-  return (0, _runtime.useCssElement)(_reactNative.ImageBackground, props, mapping);
-}
+const ImageBackground = exports.ImageBackground = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.ImageBackground, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.ImageBackground, props, mapping);
+});
 var _default = exports.default = ImageBackground;
 //# sourceMappingURL=ImageBackground.js.map

package/dist/commonjs/components/ImageBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","target","nativeStyleMapping","backgroundColor","ImageBackground","props","useCssElement","RNImageBackground","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/ImageBackground.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAsD,GAAG;EAC7DC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,eAAe,EAAE;IACnB;EACF;AACF,CAAC;AAEM,SAASC,eAAeA,CAC7BC,KAAwD,EACxD;EACA,OAAO,IAAAC,sBAAa,EAACC,4BAAiB,EAAEF,KAAK,EAAEN,OAAO,CAAC;AACzD;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,eAAe","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","target","nativeStyleMapping","backgroundColor","ImageBackground","exports","copyComponentProperties","RNImageBackground","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/ImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAsD,GAAG;EAC7DC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,eAAe,EAAE;IACnB;EACF;AACF,CAAC;AAEM,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,gDAAuB,EACpDC,4BAAiB,EAChBC,KAAwD,IAAK;EAC5D,OAAO,IAAAC,6BAAa,EAACF,4BAAiB,EAAEC,KAAK,EAAET,OAAO,CAAC;AACzD,CACF,CAAC;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,eAAe","ignoreList":[]}

package/dist/commonjs/components/KeyboardAvoidingView.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.KeyboardAvoidingView = KeyboardAvoidingView;
-exports.default = void 0;
+exports.default = exports.KeyboardAvoidingView = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: {
     target: "style"
   }
 };
-function KeyboardAvoidingView(props) {
-  return (0, _runtime.useCssElement)(_reactNative.KeyboardAvoidingView, props, mapping);
-}
+const KeyboardAvoidingView = exports.KeyboardAvoidingView = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.KeyboardAvoidingView, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.KeyboardAvoidingView, props, mapping);
+});
 var _default = exports.default = KeyboardAvoidingView;
 //# sourceMappingURL=KeyboardAvoidingView.js.map

package/dist/commonjs/components/KeyboardAvoidingView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","target","KeyboardAvoidingView","props","useCssElement","RNKeyboardAvoidingView","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/KeyboardAvoidingView.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAA2D,GAAG;EAClEC,SAAS,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,SAASC,oBAAoBA,CAClCC,KAA6D,EAC7D;EACA,OAAO,IAAAC,sBAAa,EAACC,iCAAsB,EAAEF,KAAK,EAAEJ,OAAO,CAAC;AAC9D;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","target","KeyboardAvoidingView","exports","copyComponentProperties","RNKeyboardAvoidingView","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/KeyboardAvoidingView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAA2D,GAAG;EAClEC,SAAS,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,gDAAuB,EACzDC,iCAAsB,EACrBC,KAA6D,IAAK;EACjE,OAAO,IAAAC,6BAAa,EAACF,iCAAsB,EAAEC,KAAK,EAAEP,OAAO,CAAC;AAC9D,CACF,CAAC;AAAC,IAAAS,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,oBAAoB","ignoreList":[]}

package/dist/commonjs/components/Pressable.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Pressable = Pressable;
-exports.default = void 0;
+exports.default = exports.Pressable = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function Pressable(props) {
-  return (0, _runtime.useCssElement)(_reactNative.Pressable, props, mapping);
-}
+const Pressable = exports.Pressable = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.Pressable, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.Pressable, props, mapping);
+});
 var _default = exports.default = Pressable;
 //# sourceMappingURL=Pressable.js.map

package/dist/commonjs/components/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","Pressable","props","useCssElement","RNPressable","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/Pressable.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAgD,GAAG;EACvDC,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,SAASA,CAACC,KAAkD,EAAE;EAC5E,OAAO,IAAAC,sBAAa,EAACC,sBAAW,EAAEF,KAAK,EAAEH,OAAO,CAAC;AACnD;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,SAAS","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","Pressable","exports","copyComponentProperties","RNPressable","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/Pressable.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAgD,GAAG;EACvDC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,gDAAuB,EAC9CC,sBAAW,EACVC,KAAkD,IAAK;EACtD,OAAO,IAAAC,6BAAa,EAACF,sBAAW,EAAEC,KAAK,EAAEN,OAAO,CAAC;AACnD,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,SAAS","ignoreList":[]}

package/dist/commonjs/components/ScrollView.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ScrollView = ScrollView;
-exports.default = void 0;
+exports.default = exports.ScrollView = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style",
   contentContainerClassName: "contentContainerStyle"
 };
-function ScrollView(props) {
-  return (0, _runtime.useCssElement)(_reactNative.ScrollView, props, mapping);
-}
+const ScrollView = exports.ScrollView = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.ScrollView, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.ScrollView, props, mapping);
+});
 var _default = exports.default = ScrollView;
 //# sourceMappingURL=ScrollView.js.map

package/dist/commonjs/components/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","contentContainerClassName","ScrollView","props","useCssElement","RNScrollView","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/ScrollView.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAiD,GAAG;EACxDC,SAAS,EAAE,OAAO;EAClBC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,SAASC,UAAUA,CACxBC,KAAmD,EACnD;EACA,OAAO,IAAAC,sBAAa,EAACC,uBAAY,EAAEF,KAAK,EAAEJ,OAAO,CAAC;AACpD;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,UAAU","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","contentContainerClassName","ScrollView","exports","copyComponentProperties","RNScrollView","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/ScrollView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAiD,GAAG;EACxDC,SAAS,EAAE,OAAO;EAClBC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,gDAAuB,EAC/CC,uBAAY,EACXC,KAAmD,IAAK;EACvD,OAAO,IAAAC,6BAAa,EAACF,uBAAY,EAAEC,KAAK,EAAEP,OAAO,CAAC;AACpD,CACF,CAAC;AAAC,IAAAS,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,UAAU","ignoreList":[]}

package/dist/commonjs/components/Switch.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Switch = Switch;
-exports.default = void 0;
+exports.default = exports.Switch = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function Switch(props) {
-  return (0, _runtime.useCssElement)(_reactNative.Switch, props, mapping);
-}
+const Switch = exports.Switch = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.Switch, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.Switch, props, mapping);
+});
 var _default = exports.default = Switch;
 //# sourceMappingURL=Switch.js.map

package/dist/commonjs/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","Switch","props","useCssElement","RNSwitch","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAAgD;AAEzC,SAASC,MAAMA,CAACC,KAA+C,EAAE;EACtE,OAAO,IAAAC,sBAAa,EAACC,mBAAQ,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAChD;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,MAAM","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","Switch","exports","copyComponentProperties","RNSwitch","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAAgD;AAEzC,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,gDAAuB,EAC3CC,mBAAQ,EACPC,KAA+C,IAAK;EACnD,OAAO,IAAAC,6BAAa,EAACF,mBAAQ,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAChD,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,MAAM","ignoreList":[]}

package/dist/commonjs/components/Text.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Text = Text;
-exports.default = void 0;
+exports.default = exports.Text = void 0;
 var _reactNative = require("react-native");
-var _native = require("react-native-css/native");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function Text(props) {
-  return (0, _native.useCssElement)(_reactNative.Text, props, mapping);
-}
+const Text = exports.Text = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.Text, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.Text, props, mapping);
+});
 var _default = exports.default = Text;
 //# sourceMappingURL=Text.js.map

package/dist/commonjs/components/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","mapping","className","Text","props","useCssElement","RNText","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/Text.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMA,MAAME,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAA8C;AAEvC,SAASC,IAAIA,CAACC,KAA6C,EAAE;EAClE,OAAO,IAAAC,qBAAa,EAACC,iBAAM,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAC9C;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,IAAI","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","Text","exports","copyComponentProperties","RNText","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAA8C;AAEvC,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,gDAAuB,EACzCC,iBAAM,EACLC,KAA6C,IAAK;EACjD,OAAO,IAAAC,6BAAa,EAACF,iBAAM,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAC9C,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,IAAI","ignoreList":[]}

package/dist/commonjs/components/TextInput.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextInput = TextInput;
-exports.default = void 0;
+exports.default = exports.TextInput = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: {
     target: "style",
@@ -15,8 +15,8 @@ const mapping = {
     }
   }
 };
-function TextInput(props) {
-  return (0, _runtime.useCssElement)(_reactNative.TextInput, props, mapping);
-}
+const TextInput = exports.TextInput = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.TextInput, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.TextInput, props, mapping);
+});
 var _default = exports.default = TextInput;
 //# sourceMappingURL=TextInput.js.map

package/dist/commonjs/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","target","nativeStyleMapping","textAlign","TextInput","props","useCssElement","RNTextInput","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/TextInput.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAgD,GAAG;EACvDC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,SAAS,EAAE;IACb;EACF;AACF,CAAC;AAEM,SAASC,SAASA,CAACC,KAAkD,EAAE;EAC5E,OAAO,IAAAC,sBAAa,EAACC,sBAAW,EAAEF,KAAK,EAAEN,OAAO,CAAC;AACnD;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,SAAS","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","target","nativeStyleMapping","textAlign","TextInput","exports","copyComponentProperties","RNTextInput","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/TextInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAgD,GAAG;EACvDC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,SAAS,EAAE;IACb;EACF;AACF,CAAC;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,gDAAuB,EAC9CC,sBAAW,EACVC,KAAkD,IAAK;EACtD,OAAO,IAAAC,6BAAa,EAACF,sBAAW,EAAEC,KAAK,EAAET,OAAO,CAAC;AACnD,CACF,CAAC;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,SAAS","ignoreList":[]}

package/dist/commonjs/components/TouchableHighlight.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TouchableHighlight = TouchableHighlight;
-exports.default = void 0;
+exports.default = exports.TouchableHighlight = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function TouchableHighlight(props) {
-  return (0, _runtime.useCssElement)(_reactNative.TouchableHighlight, props, mapping);
-}
+const TouchableHighlight = exports.TouchableHighlight = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.TouchableHighlight, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.TouchableHighlight, props, mapping);
+});
 var _default = exports.default = TouchableHighlight;
 //# sourceMappingURL=TouchableHighlight.js.map

package/dist/commonjs/components/TouchableHighlight.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","TouchableHighlight","props","useCssElement","RNTouchableHighlight","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/TouchableHighlight.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAyD,GAAG;EAChEC,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,kBAAkBA,CAChCC,KAA2D,EAC3D;EACA,OAAO,IAAAC,sBAAa,EAACC,+BAAoB,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAC5D;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","TouchableHighlight","exports","copyComponentProperties","RNTouchableHighlight","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/TouchableHighlight.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAyD,GAAG;EAChEC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,gDAAuB,EACvDC,+BAAoB,EACnBC,KAA2D,IAAK;EAC/D,OAAO,IAAAC,6BAAa,EAACF,+BAAoB,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAC5D,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,kBAAkB","ignoreList":[]}

package/dist/commonjs/components/TouchableOpacity.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TouchableOpacity = TouchableOpacity;
-exports.default = void 0;
+exports.default = exports.TouchableOpacity = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function TouchableOpacity(props) {
-  return (0, _runtime.useCssElement)(_reactNative.TouchableOpacity, props, mapping);
-}
+const TouchableOpacity = exports.TouchableOpacity = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.TouchableOpacity, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.TouchableOpacity, props, mapping);
+});
 var _default = exports.default = TouchableOpacity;
 //# sourceMappingURL=TouchableOpacity.js.map

package/dist/commonjs/components/TouchableOpacity.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","TouchableOpacity","props","useCssElement","RNTouchableOpacity","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/TouchableOpacity.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAuD,GAAG;EAC9DC,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,gBAAgBA,CAC9BC,KAAyD,EACzD;EACA,OAAO,IAAAC,sBAAa,EAACC,6BAAkB,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAC1D;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","TouchableOpacity","exports","copyComponentProperties","RNTouchableOpacity","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/TouchableOpacity.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAuD,GAAG;EAC9DC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,gDAAuB,EACrDC,6BAAkB,EACjBC,KAAyD,IAAK;EAC7D,OAAO,IAAAC,6BAAa,EAACF,6BAAkB,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAC1D,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,gBAAgB","ignoreList":[]}

package/dist/commonjs/components/TouchableWithoutFeedback.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TouchableWithoutFeedback = TouchableWithoutFeedback;
-exports.default = void 0;
+exports.default = exports.TouchableWithoutFeedback = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function TouchableWithoutFeedback(props) {
-  return (0, _runtime.useCssElement)(_reactNative.TouchableWithoutFeedback, props, mapping);
-}
+const TouchableWithoutFeedback = exports.TouchableWithoutFeedback = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.TouchableWithoutFeedback, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.TouchableWithoutFeedback, props, mapping);
+});
 var _default = exports.default = TouchableWithoutFeedback;
 //# sourceMappingURL=TouchableWithoutFeedback.js.map

package/dist/commonjs/components/TouchableWithoutFeedback.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","TouchableWithoutFeedback","props","useCssElement","RNTouchableWithoutFeedback","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/TouchableWithoutFeedback.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAA+D,GAAG;EACtEC,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,wBAAwBA,CACtCC,KAAiE,EACjE;EACA,OAAO,IAAAC,sBAAa,EAACC,qCAA0B,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAClE;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,wBAAwB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","TouchableWithoutFeedback","exports","copyComponentProperties","RNTouchableWithoutFeedback","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/TouchableWithoutFeedback.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAA+D,GAAG;EACtEC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,gDAAuB,EAC7DC,qCAA0B,EACzBC,KAAiE,IAAK;EACrE,OAAO,IAAAC,6BAAa,EAACF,qCAA0B,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAClE,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,wBAAwB","ignoreList":[]}

package/dist/commonjs/components/View.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.View = View;
-exports.default = void 0;
+exports.default = exports.View = void 0;
 var _reactNative = require("react-native");
-var _native = require("react-native-css/native");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style"
 };
-function View(props) {
-  return (0, _native.useCssElement)(_reactNative.View, props, mapping);
-}
+const View = exports.View = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.View, props => {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.View, props, mapping);
+});
 var _default = exports.default = View;
 //# sourceMappingURL=View.js.map

package/dist/commonjs/components/View.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","mapping","className","View","props","useCssElement","RNView","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/View.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMA,MAAME,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAA8C;AAEvC,SAASC,IAAIA,CAACC,KAA6C,EAAE;EAClE,OAAO,IAAAC,qBAAa,EAACC,iBAAM,EAAEF,KAAK,EAAEH,OAAO,CAAC;AAC9C;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,IAAI","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","View","exports","copyComponentProperties","RNView","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/View.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAA8C;AAEvC,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,gDAAuB,EACzCC,iBAAM,EACLC,KAA6C,IAAK;EACjD,OAAO,IAAAC,6BAAa,EAACF,iBAAM,EAAEC,KAAK,EAAEN,OAAO,CAAC;AAC9C,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEaP,IAAI","ignoreList":[]}

package/dist/commonjs/components/VirtualizedList.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VirtualizedList = VirtualizedList;
-exports.default = void 0;
+exports.default = exports.VirtualizedList = void 0;
 var _reactNative = require("react-native");
-var _runtime = require("../runtime");
+var _reactNativeCss = require("react-native-css");
+var _copyComponentProperties = require("./copyComponentProperties.js");
 const mapping = {
   className: "style",
   ListFooterComponentClassName: "ListFooterComponentStyle",
   ListHeaderComponentClassName: "ListHeaderComponentStyle",
   contentContainerClassName: "contentContainerStyle"
 };
-function VirtualizedList(props) {
-  return (0, _runtime.useCssElement)(_reactNative.VirtualizedList, props, mapping);
-}
+const VirtualizedList = exports.VirtualizedList = (0, _copyComponentProperties.copyComponentProperties)(_reactNative.VirtualizedList, function (props) {
+  return (0, _reactNativeCss.useCssElement)(_reactNative.VirtualizedList, props, mapping);
+});
 var _default = exports.default = VirtualizedList;
 //# sourceMappingURL=VirtualizedList.js.map

package/dist/commonjs/components/VirtualizedList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_runtime","mapping","className","ListFooterComponentClassName","ListHeaderComponentClassName","contentContainerClassName","VirtualizedList","props","useCssElement","RNVirtualizedList","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/VirtualizedList.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,MAAME,OAAsD,GAAG;EAC7DC,SAAS,EAAE,OAAO;EAClBC,4BAA4B,EAAE,0BAA0B;EACxDC,4BAA4B,EAAE,0BAA0B;EACxDC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,SAASC,eAAeA,CAC7BC,KAA+D,EAC/D;EACA,OAAO,IAAAC,sBAAa,EAACC,4BAAiB,EAAEF,KAAK,EAAEN,OAAO,CAAC;AACzD;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,eAAe","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeCss","_copyComponentProperties","mapping","className","ListFooterComponentClassName","ListHeaderComponentClassName","contentContainerClassName","VirtualizedList","exports","copyComponentProperties","RNVirtualizedList","props","useCssElement","_default","default"],"sourceRoot":"../../../src","sources":["components/VirtualizedList.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAMA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,MAAMG,OAAsD,GAAG;EAC7DC,SAAS,EAAE,OAAO;EAClBC,4BAA4B,EAAE,0BAA0B;EACxDC,4BAA4B,EAAE,0BAA0B;EACxDC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,gDAAuB,EACpDC,4BAAiB,EACjB,UACEC,KAA+D,EAC/D;EACA,OAAO,IAAAC,6BAAa,EAACF,4BAAiB,EAAEC,KAAK,EAAET,OAAO,CAAC;AACzD,CACF,CAMiB;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEHP,eAAe","ignoreList":[]}

package/dist/commonjs/components/copyComponentProperties.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copyComponentProperties = copyComponentProperties;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+function copyComponentProperties(BaseComponent, Component) {
+  for (const [key, value] of Object.entries(BaseComponent)) {
+    if (key === "$$typeof" || key === "render" || key === "contextType") {
+      continue;
+    }
+    Component[key] = value;
+  }
+  Component.displayName = BaseComponent.displayName;
+  return Component;
+}
+//# sourceMappingURL=copyComponentProperties.js.map

package/dist/commonjs/components/copyComponentProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["copyComponentProperties","BaseComponent","Component","key","value","Object","entries","displayName"],"sourceRoot":"../../../src","sources":["components/copyComponentProperties.ts"],"mappings":";;;;;;AAEA;;AAGO,SAASA,uBAAuBA,CACrCC,aAAgB,EAChBC,SAAuB,EACvB;EACA,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,aAAa,CAAC,EAAE;IACxD,IAAIE,GAAG,KAAK,UAAU,IAAIA,GAAG,KAAK,QAAQ,IAAIA,GAAG,KAAK,aAAa,EAAE;MACnE;IACF;IAECD,SAAS,CAAwCC,GAAG,CAAC,GAAGC,KAAK;EAChE;EAEAF,SAAS,CAACK,WAAW,GAAGN,aAAa,CAACM,WAAW;EAEjD,OAAOL,SAAS;AAClB","ignoreList":[]}