';\n static description = 'Performant, scrollable list of data.';\n\n state = {\n data: genItemData(100),\n debug: false,\n horizontal: false,\n inverted: false,\n filterText: '',\n fixedHeight: true,\n logViewable: false,\n virtualized: true\n };\n\n _onChangeFilterText = filterText => {\n this.setState({ filterText });\n };\n\n _onChangeScrollToIndex = text => {\n this._listRef.getNode().scrollToIndex({ viewPosition: 0.5, index: Number(text) });\n };\n\n _scrollPos = new Animated.Value(0);\n _scrollSinkX = Animated.event([{ nativeEvent: { contentOffset: { x: this._scrollPos } } }], {\n useNativeDriver: true\n });\n _scrollSinkY = Animated.event([{ nativeEvent: { contentOffset: { y: this._scrollPos } } }], {\n useNativeDriver: true\n });\n\n componentDidUpdate() {\n this._listRef.getNode().recordInteraction(); // e.g. flipping logViewable switch\n }\n\n render() {\n const filterRegex = new RegExp(String(this.state.filterText), 'i');\n const filter = item => filterRegex.test(item.text) || filterRegex.test(item.title);\n const filteredData = this.state.data.filter(filter);\n return (\n \n \n \n \n \n \n \n {renderSmallSwitchOption(this, 'virtualized')}\n {renderSmallSwitchOption(this, 'horizontal')}\n {renderSmallSwitchOption(this, 'fixedHeight')}\n {renderSmallSwitchOption(this, 'logViewable')}\n {renderSmallSwitchOption(this, 'inverted')}\n {renderSmallSwitchOption(this, 'debug')}\n \n \n \n \n }\n numColumns={1}\n onEndReached={this._onEndReached}\n onRefresh={this._onRefresh}\n onScroll={this.state.horizontal ? this._scrollSinkX : this._scrollSinkY}\n onViewableItemsChanged={this._onViewableItemsChanged}\n ref={this._captureRef}\n refreshing={false}\n renderItem={this._renderItemComponent}\n viewabilityConfig={VIEWABILITY_CONFIG}\n />\n \n );\n }\n _captureRef = ref => {\n this._listRef = ref;\n };\n _getItemLayout = (data: any, index: number) => {\n return getItemLayout(data, index, this.state.horizontal);\n };\n _onEndReached = () => {\n if (this.state.data.length >= 1000) {\n return;\n }\n this.setState(state => ({\n data: state.data.concat(genItemData(100, state.data.length))\n }));\n };\n _onRefresh = () => console.log('onRefresh: nothing to refresh :P');\n _renderItemComponent = ({ item, separators }) => {\n return (\n \n );\n };\n // This is called when items change viewability by scrolling into or out of\n // the viewable area.\n _onViewableItemsChanged = (info: {\n changed: Array<{\n key: string,\n isViewable: boolean,\n item: any,\n index: ?number,\n section?: any\n }>\n }) => {\n // Impressions can be logged here\n if (this.state.logViewable) {\n console.log('onViewableItemsChanged: ', info.changed.map(v => ({ ...v, item: '...' })));\n }\n };\n _pressItem = (key: string) => {\n this._listRef.getNode().recordInteraction();\n pressItem(this, key);\n };\n _listRef: AnimatedFlatList;\n}\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: 'rgb(239, 239, 244)',\n flex: 1\n },\n list: {\n backgroundColor: 'white'\n },\n options: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n alignItems: 'center'\n },\n searchRow: {\n paddingHorizontal: 10\n }\n});\n\nexport default function() {\n return (\n \n \n \n );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/48/b2224d834c4b8b59bd8e534f137529a54d520679293ef70b0b7fcb500256f9332604fac573a71b5e61224065a33c5147c78642c474ad59d911308c7728a2 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/48/b2224d834c4b8b59bd8e534f137529a54d520679293ef70b0b7fcb500256f9332604fac573a71b5e61224065a33c5147c78642c474ad59d911308c7728a2
deleted file mode 100644
index 5dd3056f..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/48/b2224d834c4b8b59bd8e534f137529a54d520679293ef70b0b7fcb500256f9332604fac573a71b5e61224065a33c5147c78642c474ad59d911308c7728a2
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.normalizeLocalePath = normalizeLocalePath;\n\nfunction normalizeLocalePath(pathname, locales) {\n let detectedLocale; // first item will be empty string from splitting at first char\n\n const pathnameParts = pathname.split('/');\n (locales || []).some(locale => {\n if (pathnameParts[1].toLowerCase() === locale.toLowerCase()) {\n detectedLocale = locale;\n pathnameParts.splice(1, 1);\n pathname = pathnameParts.join('/') || '/';\n return true;\n }\n\n return false;\n });\n return {\n pathname,\n detectedLocale\n };\n}","map":{"version":3,"sources":["../../../../next-server/lib/i18n/normalize-locale-path.ts"],"names":["pathnameParts","pathname","locales","locale","detectedLocale"],"mappings":";;;;;AAAO,SAAA,mBAAA,CAAA,QAAA,EAAA,OAAA,EAML;AACA,MAAA,cAAA,CADA,CAEA;;AACA,QAAMA,aAAa,GAAGC,QAAQ,CAARA,KAAAA,CAAtB,GAAsBA,CAAtB;AAEC,GAACC,OAAO,IAAR,EAAA,EAAA,IAAA,CAAsBC,MAAD,IAAY;AAChC,QAAIH,aAAa,CAAbA,CAAa,CAAbA,CAAAA,WAAAA,OAAmCG,MAAM,CAA7C,WAAuCA,EAAvC,EAA6D;AAC3DC,MAAAA,cAAc,GAAdA,MAAAA;AACAJ,MAAAA,aAAa,CAAbA,MAAAA,CAAAA,CAAAA,EAAAA,CAAAA;AACAC,MAAAA,QAAQ,GAAGD,aAAa,CAAbA,IAAAA,CAAAA,GAAAA,KAAXC,GAAAA;AACA,aAAA,IAAA;AAEF;;AAAA,WAAA,KAAA;AAPD,GAAA;AAUD,SAAO;AAAA,IAAA,QAAA;AAAP,IAAA;AAAO,GAAP;AAID","sourcesContent":["export function normalizeLocalePath(\n pathname: string,\n locales?: string[]\n): {\n detectedLocale?: string\n pathname: string\n} {\n let detectedLocale: string | undefined\n // first item will be empty string from splitting at first char\n const pathnameParts = pathname.split('/')\n\n ;(locales || []).some((locale) => {\n if (pathnameParts[1].toLowerCase() === locale.toLowerCase()) {\n detectedLocale = locale\n pathnameParts.splice(1, 1)\n pathname = pathnameParts.join('/') || '/'\n return true\n }\n return false\n })\n\n return {\n pathname,\n detectedLocale,\n }\n}\n"]},"metadata":{},"sourceType":"script"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/54/8b58a123bcc18e0c5285328ee95a33e9a87d1c4099cde7b2055b01aa61c9a778cff0cea55a6ed75ad4657e4d5cf8a6b8f19ff46b20ea4bff2feaefc2ef63 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/54/8b58a123bcc18e0c5285328ee95a33e9a87d1c4099cde7b2055b01aa61c9a778cff0cea55a6ed75ad4657e4d5cf8a6b8f19ff46b20ea4bff2feaefc2ef63
deleted file mode 100644
index 717de9e8..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/54/8b58a123bcc18e0c5285328ee95a33e9a87d1c4099cde7b2055b01aa61c9a778cff0cea55a6ed75ad4657e4d5cf8a6b8f19ff46b20ea4bff2feaefc2ef63
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport sources from '../sources';\nimport React from 'react';\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Draggable() {\n return /*#__PURE__*/_jsx(View, {\n style: styles.container,\n children: /*#__PURE__*/_jsx(Image, {\n draggable: true,\n source: sources.large,\n style: styles.image\n })\n });\n}\nconst styles = StyleSheet.create({\n container: {\n flexDirection: 'row'\n },\n image: {\n width: 300,\n height: 200,\n backgroundColor: 'transparent',\n marginRight: 10\n }\n});","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/7b/6ebdd2f467d3b85299f86e2104e3d9c0e2c1ab17f3df4222c61ab16c7a192d91e87ce63c33fc597e6699b8e6e2954ca05d5c87f3e601182d1e18f864ec79 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/7b/6ebdd2f467d3b85299f86e2104e3d9c0e2c1ab17f3df4222c61ab16c7a192d91e87ce63c33fc597e6699b8e6e2954ca05d5c87f3e601182d1e18f864ec79
deleted file mode 100644
index 512e4a25..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/7b/6ebdd2f467d3b85299f86e2104e3d9c0e2c1ab17f3df4222c61ab16c7a192d91e87ce63c33fc597e6699b8e6e2954ca05d5c87f3e601182d1e18f864ec79
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/SelectTextOnFocus.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function SelectTextOnFocus() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(TextInput, {\n defaultValue: \"text is selected on focus\",\n placeholder: \"text is selected on focus\",\n selectTextOnFocus: true,\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TextInput, {\n defaultValue: \"text is selected on focus\",\n multiline: true,\n placeholder: \"text is selected on focus\",\n selectTextOnFocus: true,\n style: styles.multiline\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/SelectTextOnFocus.js"],"names":["React","styles","SelectTextOnFocus","textinput","multiline"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,eAAe,SAASC,iBAAT,GAA6B;AAC1C,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AACE,MAAA,YAAY,EAAC,2BADf;AAEE,MAAA,WAAW,EAAC,2BAFd;AAGE,MAAA,iBAAiB,EAAE,IAHrB;AAIE,MAAA,KAAK,EAAED,MAAM,CAACE;AAJhB;AAAA;AAAA;AAAA;AAAA,YADF,eAOE,QAAC,SAAD;AACE,MAAA,YAAY,EAAC,2BADf;AAEE,MAAA,SAAS,EAAE,IAFb;AAGE,MAAA,WAAW,EAAC,2BAHd;AAIE,MAAA,iBAAiB,EAAE,IAJrB;AAKE,MAAA,KAAK,EAAEF,MAAM,CAACG;AALhB;AAAA;AAAA;AAAA;AAAA,YAPF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAiBD","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function SelectTextOnFocus() {\n return (\n \n \n \n \n );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/b5/49105d2c01623986b122665d0ec8e720cba76eecf24953a977a8f64f757439c73eb83ec1dc42e77cf071302dff149f3982515cf894849e1a9639ce2addd3 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/b5/49105d2c01623986b122665d0ec8e720cba76eecf24953a977a8f64f757439c73eb83ec1dc42e77cf071302dff149f3982515cf894849e1a9639ce2addd3
deleted file mode 100644
index d065384b..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/b5/49105d2c01623986b122665d0ec8e720cba76eecf24953a977a8f64f757439c73eb83ec1dc42e77cf071302dff149f3982515cf894849e1a9639ce2addd3
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from 'react';\nimport AppState from \"react-native-web/dist/cjs/exports/AppState\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function AppStatePage() {\n var _React$useState = React.useState({\n active: 0,\n background: 0,\n currentState: AppState.currentState\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n state = _React$useState2[0],\n updateState = _React$useState2[1];\n\n React.useEffect(function () {\n var handleChange = function handleChange(nextState) {\n updateState(function (previousState) {\n return _objectSpread(_objectSpread({}, previousState), {}, _defineProperty({}, nextState, previousState[nextState] + 1));\n });\n };\n\n AppState.addEventListener('change', handleChange);\n return function () {\n AppState.removeEventListener('change', handleChange);\n };\n }, []);\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsxs(Text, {\n children: [\"Active count: \", state.active]\n }), /*#__PURE__*/_jsxs(Text, {\n children: [\"Background count: \", state.background]\n }), /*#__PURE__*/_jsxs(Text, {\n children: [\"Current state is: \", state.currentState]\n })]\n });\n}","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/eb/2f0b1e6c3686cf05195909f098b7a0643ef5f25675495b34d6a060c4ede6e70201feb4754ddc189745b57353055dead6128386f7edc1aeb657ff3544c490 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/eb/2f0b1e6c3686cf05195909f098b7a0643ef5f25675495b34d6a060c4ede6e70201feb4754ddc189745b57353055dead6128386f7edc1aeb657ff3544c490
deleted file mode 100644
index 40bd94f3..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/eb/2f0b1e6c3686cf05195909f098b7a0643ef5f25675495b34d6a060c4ede6e70201feb4754ddc189745b57353055dead6128386f7edc1aeb657ff3544c490
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React from 'react';\nimport { styles as helperStyles } from '../helpers';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default class TextInputRewrite extends React.Component {\n constructor(...args) {\n super(...args);\n\n _defineProperty(this, \"state\", {\n text: ''\n });\n\n _defineProperty(this, \"handleChangeText\", text => {\n text = text.replace(/ /g, '_');\n this.setState({\n text\n });\n });\n }\n\n render() {\n const limit = 20;\n const remainder = limit - this.state.text.length;\n const remainderColor = remainder > 5 ? 'blue' : 'red';\n return /*#__PURE__*/_jsxs(View, {\n style: styles.rewriteContainer,\n children: [/*#__PURE__*/_jsx(TextInput, {\n maxLength: limit,\n multiline: false,\n onChangeText: this.handleChangeText,\n style: helperStyles.textinput,\n value: this.state.text\n }), /*#__PURE__*/_jsx(Text, {\n style: [styles.remainder, {\n color: remainderColor\n }],\n children: remainder\n })]\n });\n }\n\n}\nexport class TextInputRewriteInvalidCharacters extends React.Component {\n constructor(...args) {\n super(...args);\n\n _defineProperty(this, \"state\", {\n text: ''\n });\n\n _defineProperty(this, \"handleChangeText\", text => {\n text = text.replace(/\\s/g, '_');\n this.setState({\n text\n });\n });\n }\n\n render() {\n return /*#__PURE__*/_jsx(View, {\n style: styles.rewriteContainer,\n children: /*#__PURE__*/_jsx(TextInput, {\n multiline: false,\n onChangeText: this.handleChangeText,\n style: helperStyles.textinput,\n value: this.state.text\n })\n });\n }\n\n}\nconst styles = StyleSheet.create({\n rewriteContainer: {\n flexDirection: 'row',\n alignItems: 'center'\n },\n remainder: {\n textAlign: 'right',\n width: 24\n }\n});","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/fe/67c231a34de330224d2dc23fbe47b352e545d5531447b607f0585e9925c3240ba3591f9dd50c70feebacad341b2f03a9205a1c5c417c55b5fe169959b566 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/fe/67c231a34de330224d2dc23fbe47b352e545d5531447b607f0585e9925c3240ba3591f9dd50c70feebacad341b2f03a9205a1c5c417c55b5fe169959b566
deleted file mode 100644
index 5fbdb9d7..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/64/fe/67c231a34de330224d2dc23fbe47b352e545d5531447b607f0585e9925c3240ba3591f9dd50c70feebacad341b2f03a9205a1c5c417c55b5fe169959b566
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { DividerVertical } from '../helpers';\nimport ProgressBar from \"react-native-web/dist/cjs/exports/ProgressBar\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Color() {\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(ProgressBar, {\n color: \"#1DA1F2\",\n progress: 0.5\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#17BF63\",\n progress: 0.5\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#F45D22\",\n progress: 0.5\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#794BC4\",\n progress: 0.5\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#E0245E\",\n progress: 0.5\n })]\n });\n}","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/65/92/bcc47ac56f87afdc096314a3acfefb1123edff7070adcea67d62348001eda39f1555ca2e086924ebec613c57eda4a95e0cedffad6c820516d9814123fc1a b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/65/92/bcc47ac56f87afdc096314a3acfefb1123edff7070adcea67d62348001eda39f1555ca2e086924ebec613c57eda4a95e0cedffad6c820516d9814123fc1a
deleted file mode 100644
index 9f6a43a2..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/65/92/bcc47ac56f87afdc096314a3acfefb1123edff7070adcea67d62348001eda39f1555ca2e086924ebec613c57eda4a95e0cedffad6c820516d9814123fc1a
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.searchParamsToUrlQuery = searchParamsToUrlQuery;\nexports.urlQueryToSearchParams = urlQueryToSearchParams;\nexports.assign = assign;\n\nfunction searchParamsToUrlQuery(searchParams) {\n const query = {};\n searchParams.forEach((value, key) => {\n if (typeof query[key] === 'undefined') {\n query[key] = value;\n } else if (Array.isArray(query[key])) {\n ;\n query[key].push(value);\n } else {\n query[key] = [query[key], value];\n }\n });\n return query;\n}\n\nfunction stringifyUrlQueryParam(param) {\n if (typeof param === 'string' || typeof param === 'number' && !isNaN(param) || typeof param === 'boolean') {\n return String(param);\n } else {\n return '';\n }\n}\n\nfunction urlQueryToSearchParams(urlQuery) {\n const result = new URLSearchParams();\n Object.entries(urlQuery).forEach(([key, value]) => {\n if (Array.isArray(value)) {\n value.forEach(item => result.append(key, stringifyUrlQueryParam(item)));\n } else {\n result.set(key, stringifyUrlQueryParam(value));\n }\n });\n return result;\n}\n\nfunction assign(target, ...searchParamsList) {\n searchParamsList.forEach(searchParams => {\n Array.from(searchParams.keys()).forEach(key => target.delete(key));\n searchParams.forEach((value, key) => target.append(key, value));\n });\n return target;\n}","map":null,"metadata":{},"sourceType":"script"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/66/5f/20da3758802615a0add09395840a45638f00a65bf95c24b197fb10a0bd26a4effca709b775ff2ce6fd55023a3987a712b59bc9a41364d2efa67213dca7f6 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/66/5f/20da3758802615a0add09395840a45638f00a65bf95c24b197fb10a0bd26a4effca709b775ff2ce6fd55023a3987a712b59bc9a41364d2efa67213dca7f6
deleted file mode 100644
index a032efb5..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/66/5f/20da3758802615a0add09395840a45638f00a65bf95c24b197fb10a0bd26a4effca709b775ff2ce6fd55023a3987a712b59bc9a41364d2efa67213dca7f6
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/index.js\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport NextLink from \"next/link\";\nimport React from \"react\";\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nconst logoUri = `data:image/svg+xml;utf8,`;\n\nfunction Link(props) {\n const {\n href\n } = props,\n rest = _objectWithoutProperties(props, [\"href\"]);\n\n return /*#__PURE__*/_jsxDEV(NextLink, {\n href: href,\n children: /*#__PURE__*/_jsxDEV(Text, _objectSpread(_objectSpread({}, rest), {}, {\n accessibilityRole: \"link\",\n style: StyleSheet.compose(styles.link, props.style)\n }), void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 5\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 5\n }, this);\n}\n\nexport default function IndexPage() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.app,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: styles.header,\n children: [/*#__PURE__*/_jsxDEV(Image, {\n accessibilityLabel: \"React logo\",\n source: {\n uri: logoUri\n },\n resizeMode: \"contain\",\n style: styles.logo\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n style: styles.title,\n children: \"React Native for Web\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: [/*#__PURE__*/_jsxDEV(Link, {\n href: \"https://github.com/necolas/react-native-web\",\n children: \"React Native for Web\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 9\n }, this), \" example app built on Next.js\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: [\"To get started, edit\", \" \", /*#__PURE__*/_jsxDEV(Link, {\n href: \"https://codesandbox.io/s/q4qymyp2l6/\",\n style: styles.code,\n children: \"src/App.js\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 9\n }, this), \".\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n onPress: () => {},\n title: \"Example button\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 5\n }, this);\n}\nconst styles = StyleSheet.create({\n app: {\n marginHorizontal: \"auto\",\n maxWidth: 500\n },\n logo: {\n height: 80\n },\n header: {\n padding: 20\n },\n title: {\n fontWeight: \"bold\",\n fontSize: \"1.5rem\",\n marginVertical: \"1em\",\n textAlign: \"center\"\n },\n text: {\n lineHeight: \"1.5em\",\n fontSize: \"1.125rem\",\n marginVertical: \"1em\",\n textAlign: \"center\"\n },\n link: {\n color: \"#1B95E0\"\n },\n code: {\n fontFamily: \"monospace, monospace\"\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/index.js"],"names":["NextLink","React","logoUri","Link","props","href","rest","StyleSheet","compose","styles","link","style","IndexPage","app","header","uri","logo","title","text","code","create","marginHorizontal","maxWidth","height","padding","fontWeight","fontSize","marginVertical","textAlign","lineHeight","color","fontFamily"],"mappings":"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","sourcesContent":["import NextLink from \"next/link\";\nimport React from \"react\";\nimport { Button, Image, StyleSheet, Text, View } from \"react-native\";\n\nconst logoUri = `data:image/svg+xml;utf8,`;\n\nfunction Link(props) {\n const { href, ...rest } = props;\n return (\n \n \n \n );\n}\n\nexport default function IndexPage() {\n return (\n \n \n \n React Native for Web\n \n \n React Native for Web example app built on Next.js\n \n \n To get started, edit{\" \"}\n \n src/App.js\n \n .\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n app: {\n marginHorizontal: \"auto\",\n maxWidth: 500\n },\n logo: {\n height: 80\n },\n header: {\n padding: 20\n },\n title: {\n fontWeight: \"bold\",\n fontSize: \"1.5rem\",\n marginVertical: \"1em\",\n textAlign: \"center\"\n },\n text: {\n lineHeight: \"1.5em\",\n fontSize: \"1.125rem\",\n marginVertical: \"1em\",\n textAlign: \"center\"\n },\n link: {\n color: \"#1B95E0\"\n },\n code: {\n fontFamily: \"monospace, monospace\"\n }\n});\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/66/9f/ac04d96d2aedf4a5bcd743033517071771517ac2a74b35c33a571eedb86227fdd5df8690de3332fcf4171f8b2a2b7ebfcaec78724b88b51b26a50c4e940b b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/66/9f/ac04d96d2aedf4a5bcd743033517071771517ac2a74b35c33a571eedb86227fdd5df8690de3332fcf4171f8b2a2b7ebfcaec78724b88b51b26a50c4e940b
deleted file mode 100644
index ce5c7e45..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/66/9f/ac04d96d2aedf4a5bcd743033517071771517ac2a74b35c33a571eedb86227fdd5df8690de3332fcf4171f8b2a2b7ebfcaec78724b88b51b26a50c4e940b
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/ClearButtonMode.js\";\nimport React from 'react';\nimport { styles, WithLabel } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function ClearButtonMode() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(WithLabel, {\n label: \"never\",\n children: /*#__PURE__*/_jsxDEV(TextInput, {\n clearButtonMode: \"never\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(WithLabel, {\n label: \"while editing\",\n children: /*#__PURE__*/_jsxDEV(TextInput, {\n clearButtonMode: \"while-editing\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(WithLabel, {\n label: \"unless editing\",\n children: /*#__PURE__*/_jsxDEV(TextInput, {\n clearButtonMode: \"unless-editing\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(WithLabel, {\n label: \"always\",\n children: /*#__PURE__*/_jsxDEV(TextInput, {\n clearButtonMode: \"always\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n_c = ClearButtonMode;\n\nvar _c;\n\n$RefreshReg$(_c, \"ClearButtonMode\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/ClearButtonMode.js"],"names":["React","styles","WithLabel","ClearButtonMode","textinput"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,SAAjB,QAAkC,YAAlC;;;AAGA,eAAe,SAASC,eAAT,GAA2B;AACxC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AAAW,MAAA,KAAK,EAAC,OAAjB;AAAA,6BACE,QAAC,SAAD;AAAW,QAAA,eAAe,EAAC,OAA3B;AAAmC,QAAA,KAAK,EAAEF,MAAM,CAACG;AAAjD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAIE,QAAC,SAAD;AAAW,MAAA,KAAK,EAAC,eAAjB;AAAA,6BACE,QAAC,SAAD;AAAW,QAAA,eAAe,EAAC,eAA3B;AAA2C,QAAA,KAAK,EAAEH,MAAM,CAACG;AAAzD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAJF,eAOE,QAAC,SAAD;AAAW,MAAA,KAAK,EAAC,gBAAjB;AAAA,6BACE,QAAC,SAAD;AAAW,QAAA,eAAe,EAAC,gBAA3B;AAA4C,QAAA,KAAK,EAAEH,MAAM,CAACG;AAA1D;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAPF,eAUE,QAAC,SAAD;AAAW,MAAA,KAAK,EAAC,QAAjB;AAAA,6BACE,QAAC,SAAD;AAAW,QAAA,eAAe,EAAC,QAA3B;AAAoC,QAAA,KAAK,EAAEH,MAAM,CAACG;AAAlD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAVF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAgBD;KAjBuBD,e","sourcesContent":["import React from 'react';\nimport { styles, WithLabel } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function ClearButtonMode() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/5d/ec897cfae93131338f4557417be3b48cbc58176b06b938cf9fac98a85c9286f8347feca5cba078765d938d50a70d8ec9b50dfec3196f8f32f18f22f4c025 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/5d/ec897cfae93131338f4557417be3b48cbc58176b06b938cf9fac98a85c9286f8347feca5cba078765d938d50a70d8ec9b50dfec3196f8f32f18f22f4c025
deleted file mode 100644
index c9e5175d..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/5d/ec897cfae93131338f4557417be3b48cbc58176b06b938cf9fac98a85c9286f8347feca5cba078765d938d50a70d8ec9b50dfec3196f8f32f18f22f4c025
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports[\"default\"] = withRouter;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _router = require(\"./router\");\n\nfunction withRouter(ComposedComponent) {\n function WithRouterWrapper(props) {\n return /*#__PURE__*/_react[\"default\"].createElement(ComposedComponent, Object.assign({\n router: (0, _router.useRouter)()\n }, props));\n }\n\n WithRouterWrapper.getInitialProps = ComposedComponent.getInitialProps // This is needed to allow checking for custom getInitialProps in _app\n ;\n WithRouterWrapper.origGetInitialProps = ComposedComponent.origGetInitialProps;\n\n if (true) {\n var name = ComposedComponent.displayName || ComposedComponent.name || 'Unknown';\n WithRouterWrapper.displayName = \"withRouter(\".concat(name, \")\");\n }\n\n return WithRouterWrapper;\n}","map":{"version":3,"sources":["../../client/with-router.tsx"],"names":["ComposedComponent","getInitialProps","WithRouterWrapper","name"],"mappings":";;;;;;;AAAA,IAAA,MAAA,GAAA,sBAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA;;AAEA,IAAA,OAAA,GAAA,OAAA,CAAA,UAAA,CAAA;;AAWe,SAAA,UAAA,CAAA,iBAAA,EAK+B;AAC5C,WAAA,iBAAA,CAAA,KAAA,EAAoD;AAClD,WAAA,aAAO,MAAA,WAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,MAAA,CAAA;AAAmB,MAAA,MAAM,EAAE,CAAA,GAAA,OAAA,CAA3B,SAA2B;AAA3B,KAAA,EAAP,KAAO,CAAA,CAAP;AAGF;;AAAA,EAAA,iBAAiB,CAAjB,eAAA,GAAoCA,iBAAiB,CAACC,eAAtD,CACA;AADA;AAEEC,EAAAA,iBAAD,CAAA,mBAACA,GAAiDF,iBAAD,CAAjD,mBAACE;;AACF,YAA2C;AACzC,QAAMC,IAAI,GACRH,iBAAiB,CAAjBA,WAAAA,IAAiCA,iBAAiB,CAAlDA,IAAAA,IADF,SAAA;AAEAE,IAAAA,iBAAiB,CAAjBA,WAAAA,wBAAAA,IAAAA;AAGF;;AAAA,SAAA,iBAAA;AACD","sourcesContent":["import React from 'react'\nimport { NextComponentType, NextPageContext } from '../next-server/lib/utils'\nimport { NextRouter, useRouter } from './router'\n\nexport type WithRouterProps = {\n router: NextRouter\n}\n\nexport type ExcludeRouterProps = Pick<\n P,\n Exclude\n>\n\nexport default function withRouter<\n P extends WithRouterProps,\n C = NextPageContext\n>(\n ComposedComponent: NextComponentType\n): React.ComponentType> {\n function WithRouterWrapper(props: any): JSX.Element {\n return \n }\n\n WithRouterWrapper.getInitialProps = ComposedComponent.getInitialProps\n // This is needed to allow checking for custom getInitialProps in _app\n ;(WithRouterWrapper as any).origGetInitialProps = (ComposedComponent as any).origGetInitialProps\n if (process.env.NODE_ENV !== 'production') {\n const name =\n ComposedComponent.displayName || ComposedComponent.name || 'Unknown'\n WithRouterWrapper.displayName = `withRouter(${name})`\n }\n\n return WithRouterWrapper\n}\n"]},"metadata":{},"sourceType":"script"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/c5/3c85c1c74fc08c7f6b93139719943212022eb1b1a722b1c088973f8041090e5cd70cf9c8f1a802d970a80164a4357da8873771d608955dfe83a8e933291c b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/c5/3c85c1c74fc08c7f6b93139719943212022eb1b1a722b1c088973f8041090e5cd70cf9c8f1a802d970a80164a4357da8873771d608955dfe83a8e933291c
deleted file mode 100644
index 97b32839..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/c5/3c85c1c74fc08c7f6b93139719943212022eb1b1a722b1c088973f8041090e5cd70cf9c8f1a802d970a80164a4357da8873771d608955dfe83a8e933291c
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pan-responder/index.js\";\nimport Example from '../../shared/PanResponderExample';\nimport React from 'react';\nexport default function PanResponderPage() {\n return /*#__PURE__*/_jsxDEV(Example, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 10\n }, this);\n}\n_c = PanResponderPage;\n\nvar _c;\n\n$RefreshReg$(_c, \"PanResponderPage\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pan-responder/index.js"],"names":["Example","React","PanResponderPage"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,kCAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,eAAe,SAASC,gBAAT,GAA4B;AACzC,sBAAO,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;KAFuBA,gB","sourcesContent":["import Example from '../../shared/PanResponderExample';\nimport React from 'react';\n\nexport default function PanResponderPage() {\n return ;\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/ce/8bf9bb86d6f90b19b9d6dcd6beb8b80324dcce0e0b44ee4fccbf74e91dbed29e152fbe77fe397608884eb2ab6f811ce81ee5084d1c624238e15631cf14d5 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/ce/8bf9bb86d6f90b19b9d6dcd6beb8b80324dcce0e0b44ee4fccbf74e91dbed29e152fbe77fe397608884eb2ab6f811ce81ee5084d1c624238e15631cf14d5
deleted file mode 100644
index c5308fe8..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/ce/8bf9bb86d6f90b19b9d6dcd6beb8b80324dcce0e0b44ee4fccbf74e91dbed29e152fbe77fe397608884eb2ab6f811ce81ee5084d1c624238e15631cf14d5
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"'use strict';\n\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/scroll-view/examples/ScrollEnabled.js\";\nimport React from 'react';\nimport ScrollView from \"react-native-web/dist/cjs/exports/ScrollView\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport { createItemRow, Button } from '../helpers';\nconst ITEMS = [...Array(12)].map((_, i) => `Item ${i}`);\nexport default function ScrollEnabled() {\n const [enabled, updateEnabled] = React.useState(true);\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(ScrollView, {\n scrollEnabled: enabled,\n style: styles.scrollView,\n children: ITEMS.map(createItemRow)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n children: 'Scrolling enabled = ' + enabled.toString()\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n label: \"Disable Scrolling\",\n onPress: () => {\n updateEnabled(false);\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n label: \"Enable Scrolling\",\n onPress: () => {\n updateEnabled(true);\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 5\n }, this);\n}\nconst styles = StyleSheet.create({\n scrollView: {\n backgroundColor: '#eeeeee',\n height: 300\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/scroll-view/examples/ScrollEnabled.js"],"names":["React","createItemRow","Button","ITEMS","Array","map","_","i","ScrollEnabled","enabled","updateEnabled","useState","styles","scrollView","toString","StyleSheet","create","backgroundColor","height"],"mappings":"AAAA;;;;AAEA,OAAOA,KAAP,MAAkB,OAAlB;;;;;AAEA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,YAAtC;AAEA,MAAMC,KAAK,GAAG,CAAC,GAAGC,KAAK,CAAC,EAAD,CAAT,EAAeC,GAAf,CAAmB,CAACC,CAAD,EAAIC,CAAJ,KAAW,QAAOA,CAAE,EAAvC,CAAd;AAEA,eAAe,SAASC,aAAT,GAAyB;AACtC,QAAM,CAACC,OAAD,EAAUC,aAAV,IAA2BV,KAAK,CAACW,QAAN,CAAe,IAAf,CAAjC;AACA,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,UAAD;AAAY,MAAA,aAAa,EAAEF,OAA3B;AAAoC,MAAA,KAAK,EAAEG,MAAM,CAACC,UAAlD;AAAA,gBACGV,KAAK,CAACE,GAAN,CAAUJ,aAAV;AADH;AAAA;AAAA;AAAA;AAAA,YADF,eAIE,QAAC,IAAD;AAAA,gBAAO,yBAAyBQ,OAAO,CAACK,QAAR;AAAhC;AAAA;AAAA;AAAA;AAAA,YAJF,eAKE,QAAC,MAAD;AACE,MAAA,KAAK,EAAC,mBADR;AAEE,MAAA,OAAO,EAAE,MAAM;AACbJ,QAAAA,aAAa,CAAC,KAAD,CAAb;AACD;AAJH;AAAA;AAAA;AAAA;AAAA,YALF,eAWE,QAAC,MAAD;AACE,MAAA,KAAK,EAAC,kBADR;AAEE,MAAA,OAAO,EAAE,MAAM;AACbA,QAAAA,aAAa,CAAC,IAAD,CAAb;AACD;AAJH;AAAA;AAAA;AAAA;AAAA,YAXF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAoBD;AAED,MAAME,MAAM,GAAGG,UAAU,CAACC,MAAX,CAAkB;AAC/BH,EAAAA,UAAU,EAAE;AACVI,IAAAA,eAAe,EAAE,SADP;AAEVC,IAAAA,MAAM,EAAE;AAFE;AADmB,CAAlB,CAAf","sourcesContent":["'use strict';\n\nimport React from 'react';\nimport { ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { createItemRow, Button } from '../helpers';\n\nconst ITEMS = [...Array(12)].map((_, i) => `Item ${i}`);\n\nexport default function ScrollEnabled() {\n const [enabled, updateEnabled] = React.useState(true);\n return (\n \n \n {ITEMS.map(createItemRow)}\n \n {'Scrolling enabled = ' + enabled.toString()}\n {\n updateEnabled(false);\n }}\n />\n {\n updateEnabled(true);\n }}\n />\n \n );\n}\n\nconst styles = StyleSheet.create({\n scrollView: {\n backgroundColor: '#eeeeee',\n height: 300\n }\n});\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/d5/f197a1093b50877a77826aeac9da3ed0ab5d0447d8ceb3a40143d036f84653fa12674051e8cd56d25b6d4acb88805998c77e0ede7981f0f7310333f9bc0c b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/d5/f197a1093b50877a77826aeac9da3ed0ab5d0447d8ceb3a40143d036f84653fa12674051e8cd56d25b6d4acb88805998c77e0ede7981f0f7310333f9bc0c
deleted file mode 100644
index 0db6c60b..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/67/d5/f197a1093b50877a77826aeac9da3ed0ab5d0447d8ceb3a40143d036f84653fa12674051e8cd56d25b6d4acb88805998c77e0ede7981f0f7310333f9bc0c
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/view/examples/StyleZIndex.js\";\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableWithoutFeedback from \"react-native-web/dist/cjs/exports/TouchableWithoutFeedback\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nclass ZIndex extends React.Component {\n constructor(...args) {\n super(...args);\n\n _defineProperty(this, \"state\", {\n flipped: false\n });\n\n _defineProperty(this, \"_handlePress\", () => {\n this.setState({\n flipped: !this.state.flipped\n });\n });\n }\n\n render() {\n const indices = this.state.flipped ? [-1, 0, 1, 2] : [2, 1, 0, -1];\n return /*#__PURE__*/_jsxDEV(TouchableWithoutFeedback, {\n onPress: this._handlePress,\n children: /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: {\n paddingBottom: 10\n },\n children: \"Tap to flip sorting order\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: [styles.zIndex, {\n marginTop: 0,\n backgroundColor: '#E57373',\n zIndex: indices[0]\n }],\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: [\"ZIndex \", indices[0]]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: [styles.zIndex, {\n marginLeft: 50,\n backgroundColor: '#FFF176',\n zIndex: indices[1]\n }],\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: [\"ZIndex \", indices[1]]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: [styles.zIndex, {\n marginLeft: 100,\n backgroundColor: '#81C784',\n zIndex: indices[2]\n }],\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: [\"ZIndex \", indices[2]]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: [styles.zIndex, {\n marginLeft: 150,\n backgroundColor: '#64B5F6',\n zIndex: indices[3]\n }],\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: [\"ZIndex \", indices[3]]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 7\n }, this);\n }\n\n}\n\nexport default function Style() {\n return /*#__PURE__*/_jsxDEV(ZIndex, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 10\n }, this);\n}\nconst styles = StyleSheet.create({\n zIndex: {\n justifyContent: 'space-around',\n width: 100,\n height: 50,\n marginTop: -10\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/view/examples/StyleZIndex.js"],"names":["React","ZIndex","Component","flipped","setState","state","render","indices","_handlePress","paddingBottom","styles","zIndex","marginTop","backgroundColor","marginLeft","Style","StyleSheet","create","justifyContent","width","height"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableWithoutFeedback, View } from 'react-native';\n\nclass ZIndex extends React.Component {\n state = {\n flipped: false\n };\n\n render() {\n const indices = this.state.flipped ? [-1, 0, 1, 2] : [2, 1, 0, -1];\n return (\n \n \n Tap to flip sorting order\n \n ZIndex {indices[0]}\n \n \n ZIndex {indices[1]}\n \n \n ZIndex {indices[2]}\n \n \n ZIndex {indices[3]}\n \n \n \n );\n }\n\n _handlePress = () => {\n this.setState({ flipped: !this.state.flipped });\n };\n}\n\nexport default function Style() {\n return ;\n}\n\nconst styles = StyleSheet.create({\n zIndex: {\n justifyContent: 'space-around',\n width: 100,\n height: 50,\n marginTop: -10\n }\n});\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/40/025056a86cf7bf921e15057d1bc148cc4fb9c24f97e1afd1b77e500e52f51545b24c18f1901785a1447d715f15537c543c99e5a845c9797f2af037691f2c b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/40/025056a86cf7bf921e15057d1bc148cc4fb9c24f97e1afd1b77e500e52f51545b24c18f1901785a1447d715f15537c543c99e5a845c9797f2af037691f2c
deleted file mode 100644
index bc3410db..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/40/025056a86cf7bf921e15057d1bc148cc4fb9c24f97e1afd1b77e500e52f51545b24c18f1901785a1447d715f15537c543c99e5a845c9797f2af037691f2c
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text/examples/NumberOfLines.js\";\nimport React from 'react';\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function NumberOfLines() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: {\n maxWidth: 320\n },\n children: [/*#__PURE__*/_jsxDEV(Text, {\n numberOfLines: 1,\n children: [\"Maximum of one line, no matter how much I write here. If I keep writing, it\", \"'\", \"ll just truncate after one line.\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n numberOfLines: 2,\n style: {\n marginTop: 20\n },\n children: [\"Maximum of two lines, no matter how much I write here. If I keep writing, it\", \"'\", \"ll just truncate after two lines.\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n style: {\n marginTop: 20\n },\n children: [\"No maximum lines specified, no matter how much I write here. If I keep writing, it\", \"'\", \"ll just keep going and going.\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 6,\n columnNumber: 5\n }, this);\n}\n_c = NumberOfLines;\n\nvar _c;\n\n$RefreshReg$(_c, \"NumberOfLines\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text/examples/NumberOfLines.js"],"names":["React","NumberOfLines","maxWidth","marginTop"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,eAAe,SAASC,aAAT,GAAyB;AACtC,sBACE,QAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAAb;AAAA,4BACE,QAAC,IAAD;AAAM,MAAA,aAAa,EAAE,CAArB;AAAA,gGAEG,GAFH;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eAME,QAAC,IAAD;AAAM,MAAA,aAAa,EAAE,CAArB;AAAwB,MAAA,KAAK,EAAE;AAAEC,QAAAA,SAAS,EAAE;AAAb,OAA/B;AAAA,iGAEG,GAFH;AAAA;AAAA;AAAA;AAAA;AAAA,YANF,eAWE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAAEA,QAAAA,SAAS,EAAE;AAAb,OAAb;AAAA,uGAEG,GAFH;AAAA;AAAA;AAAA;AAAA;AAAA,YAXF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAmBD;KApBuBF,a","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nexport default function NumberOfLines() {\n return (\n \n \n Maximum of one line, no matter how much I write here. If I keep writing, it\n {\"'\"}\n ll just truncate after one line.\n \n \n Maximum of two lines, no matter how much I write here. If I keep writing, it\n {\"'\"}\n ll just truncate after two lines.\n \n \n No maximum lines specified, no matter how much I write here. If I keep writing, it\n {\"'\"}\n ll just keep going and going.\n \n \n );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/78/4c948b61a968fe35743b05f9a26f478b681a1be677fe7f1b62bff60d3758a568d5944147660aa161d7f3e7b188b67a248d388419d7719e8aa215ff294ae7 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/78/4c948b61a968fe35743b05f9a26f478b681a1be677fe7f1b62bff60d3758a568d5944147660aa161d7f3e7b188b67a248d388419d7719e8aa215ff294ae7
deleted file mode 100644
index a265c73e..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/78/4c948b61a968fe35743b05f9a26f478b681a1be677fe7f1b62bff60d3758a568d5944147660aa161d7f3e7b188b67a248d388419d7719e8aa215ff294ae7
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/StaticGetSize.js\",\n _this2 = this;\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nimport { createUncachedURI } from '../helpers';\nimport sources from '../sources';\nimport React, { PureComponent } from 'react';\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nvar ImageGetSizeExample = /*#__PURE__*/function (_PureComponent) {\n _inherits(ImageGetSizeExample, _PureComponent);\n\n var _super = _createSuper(ImageGetSizeExample);\n\n function ImageGetSizeExample() {\n var _this;\n\n _classCallCheck(this, ImageGetSizeExample);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n showButton: true,\n startLoad: false,\n width: 0,\n height: 0\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_handlePress\", function () {\n Image.getSize(_this.props.source.uri, function (width, height) {\n _this.setState({\n startLoad: true,\n showButton: false,\n width: width,\n height: height\n });\n });\n });\n\n return _this;\n }\n\n _createClass(ImageGetSizeExample, [{\n key: \"render\",\n value: function render() {\n var _this$state = this.state,\n showButton = _this$state.showButton,\n startLoad = _this$state.startLoad;\n return /*#__PURE__*/_jsxDEV(View, {\n children: [showButton ? /*#__PURE__*/_jsxDEV(View, {\n style: styles.button,\n children: /*#__PURE__*/_jsxDEV(Button, {\n onPress: this._handlePress,\n title: \"Get image dimensions\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 11\n }, this) : null, startLoad ? /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Text, {\n children: [\"Source dimensions:\", ' ', JSON.stringify({\n width: this.state.width,\n height: this.state.height\n })]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: createUncachedURI(this.props.source.uri),\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 11\n }, this) : null]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 7\n }, this);\n }\n }]);\n\n return ImageGetSizeExample;\n}(PureComponent);\n\nvar styles = StyleSheet.create({\n button: {\n maxWidth: 300\n },\n image: {\n backgroundColor: '#eee',\n height: 230,\n marginTop: 10,\n width: 320\n }\n});\n\nvar StaticGetSizeExample = function StaticGetSizeExample() {\n return /*#__PURE__*/_jsxDEV(ImageGetSizeExample, {\n source: sources.pjpeg\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 36\n }, _this2);\n};\n\n_c = StaticGetSizeExample;\nexport default StaticGetSizeExample;\n\nvar _c;\n\n$RefreshReg$(_c, \"StaticGetSizeExample\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/StaticGetSize.js"],"names":["createUncachedURI","sources","React","PureComponent","ImageGetSizeExample","showButton","startLoad","width","height","Image","getSize","props","source","uri","setState","state","styles","button","_handlePress","JSON","stringify","image","StyleSheet","create","maxWidth","backgroundColor","marginTop","StaticGetSizeExample","pjpeg"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAASA,iBAAT,QAAkC,YAAlC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;;;;;;;IAGMC,mB;;;;;;;;;;;;;;;;4DACI;AACNC,MAAAA,UAAU,EAAE,IADN;AAENC,MAAAA,SAAS,EAAE,KAFL;AAGNC,MAAAA,KAAK,EAAE,CAHD;AAINC,MAAAA,MAAM,EAAE;AAJF,K;;mEA8BO,YAAM;AACnBC,MAAAA,KAAK,CAACC,OAAN,CAAc,MAAKC,KAAL,CAAWC,MAAX,CAAkBC,GAAhC,EAAqC,UAACN,KAAD,EAAQC,MAAR,EAAmB;AACtD,cAAKM,QAAL,CAAc;AAAER,UAAAA,SAAS,EAAE,IAAb;AAAmBD,UAAAA,UAAU,EAAE,KAA/B;AAAsCE,UAAAA,KAAK,EAALA,KAAtC;AAA6CC,UAAAA,MAAM,EAANA;AAA7C,SAAd;AACD,OAFD;AAGD,K;;;;;;;6BA3BQ;AAAA,wBAC2B,KAAKO,KADhC;AAAA,UACCV,UADD,eACCA,UADD;AAAA,UACaC,SADb,eACaA,SADb;AAGP,0BACE,QAAC,IAAD;AAAA,mBACGD,UAAU,gBACT,QAAC,IAAD;AAAM,UAAA,KAAK,EAAEW,MAAM,CAACC,MAApB;AAAA,iCACE,QAAC,MAAD;AAAQ,YAAA,OAAO,EAAE,KAAKC,YAAtB;AAAoC,YAAA,KAAK,EAAC;AAA1C;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADS,GAIP,IALN,EAMGZ,SAAS,gBACR,QAAC,IAAD;AAAA,kCACE,QAAC,IAAD;AAAA,6CACqB,GADrB,EAEGa,IAAI,CAACC,SAAL,CAAe;AAAEb,cAAAA,KAAK,EAAE,KAAKQ,KAAL,CAAWR,KAApB;AAA2BC,cAAAA,MAAM,EAAE,KAAKO,KAAL,CAAWP;AAA9C,aAAf,CAFH;AAAA;AAAA;AAAA;AAAA;AAAA,kBADF,eAKE,QAAC,KAAD;AAAO,YAAA,MAAM,EAAER,iBAAiB,CAAC,KAAKW,KAAL,CAAWC,MAAX,CAAkBC,GAAnB,CAAhC;AAAyD,YAAA,KAAK,EAAEG,MAAM,CAACK;AAAvE;AAAA;AAAA;AAAA;AAAA,kBALF;AAAA;AAAA;AAAA;AAAA;AAAA,gBADQ,GAQN,IAdN;AAAA;AAAA;AAAA;AAAA;AAAA,cADF;AAkBD;;;;EA7B+BlB,a;;AAsClC,IAAMa,MAAM,GAAGM,UAAU,CAACC,MAAX,CAAkB;AAC/BN,EAAAA,MAAM,EAAE;AACNO,IAAAA,QAAQ,EAAE;AADJ,GADuB;AAI/BH,EAAAA,KAAK,EAAE;AACLI,IAAAA,eAAe,EAAE,MADZ;AAELjB,IAAAA,MAAM,EAAE,GAFH;AAGLkB,IAAAA,SAAS,EAAE,EAHN;AAILnB,IAAAA,KAAK,EAAE;AAJF;AAJwB,CAAlB,CAAf;;AAYA,IAAMoB,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,sBAAM,QAAC,mBAAD;AAAqB,IAAA,MAAM,EAAE1B,OAAO,CAAC2B;AAArC;AAAA;AAAA;AAAA;AAAA,YAAN;AAAA,CAA7B;;KAAMD,oB;AAEN,eAAeA,oBAAf","sourcesContent":["import { createUncachedURI } from '../helpers';\nimport sources from '../sources';\nimport React, { PureComponent } from 'react';\nimport { Button, Image, StyleSheet, Text, View } from 'react-native';\n\nclass ImageGetSizeExample extends PureComponent {\n state = {\n showButton: true,\n startLoad: false,\n width: 0,\n height: 0\n };\n\n render() {\n const { showButton, startLoad } = this.state;\n\n return (\n \n {showButton ? (\n \n \n \n ) : null}\n {startLoad ? (\n \n \n Source dimensions:{' '}\n {JSON.stringify({ width: this.state.width, height: this.state.height })}\n \n \n \n ) : null}\n \n );\n }\n\n _handlePress = () => {\n Image.getSize(this.props.source.uri, (width, height) => {\n this.setState({ startLoad: true, showButton: false, width, height });\n });\n };\n}\n\nconst styles = StyleSheet.create({\n button: {\n maxWidth: 300\n },\n image: {\n backgroundColor: '#eee',\n height: 230,\n marginTop: 10,\n width: 320\n }\n});\n\nconst StaticGetSizeExample = () => ;\n\nexport default StaticGetSizeExample;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/92/ead5cadd4199847a57de96f745a5bd550439518dc11fb19735f90c63b641df5c87e4e3d71f637bd35a86a6f78d0d7059d2c08a5bf7f87b0d814d9d6d9dc7 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/92/ead5cadd4199847a57de96f745a5bd550439518dc11fb19735f90c63b641df5c87e4e3d71f637bd35a86a6f78d0d7059d2c08a5bf7f87b0d814d9d6d9dc7
deleted file mode 100644
index a441de3b..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/68/92/ead5cadd4199847a57de96f745a5bd550439518dc11fb19735f90c63b641df5c87e4e3d71f637bd35a86a6f78d0d7059d2c08a5bf7f87b0d814d9d6d9dc7
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/Source.js\";\nimport sources from '../sources';\nimport React from 'react';\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Source() {\n return /*#__PURE__*/_jsxDEV(React.Fragment, {\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: styles.column,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: \"Static image\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: sources[\"static\"],\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.column,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: \"Progressive JPEG\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: sources.pjpeg,\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.column,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: \"Animated GIF\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: sources.animatedGif,\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: styles.column,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: \"PNG (base64)\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: sources.dataBase64Png,\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.column,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: \"SVG (base64)\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: sources.dataBase64Svg,\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.column,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: \"SVG (inline data)\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n source: sources.dataSvg,\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n_c = Source;\nvar styles = StyleSheet.create({\n row: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'space-between'\n },\n column: {\n alignItems: 'flex-start',\n marginBottom: '1rem'\n },\n text: {\n marginBottom: '0.5rem'\n },\n image: {\n borderColor: 'black',\n borderWidth: 0.5,\n height: 120,\n width: 120,\n resizeMode: 'cover'\n }\n});\n\nvar _c;\n\n$RefreshReg$(_c, \"Source\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/Source.js"],"names":["sources","React","Source","styles","row","column","text","image","pjpeg","animatedGif","dataBase64Png","dataBase64Svg","dataSvg","StyleSheet","create","flexDirection","flexWrap","justifyContent","alignItems","marginBottom","borderColor","borderWidth","height","width","resizeMode"],"mappings":"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","sourcesContent":["import sources from '../sources';\nimport React from 'react';\nimport { Image, StyleSheet, Text, View } from 'react-native';\n\nexport default function Source() {\n return (\n \n \n \n Static image\n \n \n \n Progressive JPEG\n \n \n \n Animated GIF\n \n \n \n \n \n PNG (base64)\n \n \n \n SVG (base64)\n \n \n \n SVG (inline data)\n \n \n \n \n );\n}\n\nconst styles = StyleSheet.create({\n row: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'space-between'\n },\n column: {\n alignItems: 'flex-start',\n marginBottom: '1rem'\n },\n text: {\n marginBottom: '0.5rem'\n },\n image: {\n borderColor: 'black',\n borderWidth: 0.5,\n height: 120,\n width: 120,\n resizeMode: 'cover'\n }\n});\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/34/3ea37ebfb6f490f9a2eed93fa43aa18a48047720a7fa223f40f7c4ae56e992780b8cffcb8700c4ede54f8fb2e624365fbffa15fefed2b44fa3e07bbb74f5 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/34/3ea37ebfb6f490f9a2eed93fa43aa18a48047720a7fa223f40f7c4ae56e992780b8cffcb8700c4ede54f8fb2e624365fbffa15fefed2b44fa3e07bbb74f5
deleted file mode 100644
index 144f2516..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/34/3ea37ebfb6f490f9a2eed93fa43aa18a48047720a7fa223f40f7c4ae56e992780b8cffcb8700c4ede54f8fb2e624365fbffa15fefed2b44fa3e07bbb74f5
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/examples/Value.js\";\nimport { styles } from '../helpers';\nimport React from 'react';\nimport Switch from \"react-native-web/dist/cjs/exports/Switch\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Value() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: styles.marginRight,\n children: /*#__PURE__*/_jsxDEV(Switch, {\n value: false\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.marginRight,\n children: /*#__PURE__*/_jsxDEV(Switch, {\n value: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n_c = Value;\n\nvar _c;\n\n$RefreshReg$(_c, \"Value\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/examples/Value.js"],"names":["styles","React","Value","row","marginRight"],"mappings":";;AAAA,SAASA,MAAT,QAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;;AAGA,eAAe,SAASC,KAAT,GAAiB;AAC9B,sBACE,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEF,MAAM,CAACG,GAApB;AAAA,4BACE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAEH,MAAM,CAACI,WAApB;AAAA,6BACE,QAAC,MAAD;AAAQ,QAAA,KAAK,EAAE;AAAf;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAIE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAEJ,MAAM,CAACI,WAApB;AAAA,6BACE,QAAC,MAAD;AAAQ,QAAA,KAAK,EAAE;AAAf;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAJF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAUD;KAXuBF,K","sourcesContent":["import { styles } from '../helpers';\nimport React from 'react';\nimport { Switch, View } from 'react-native';\n\nexport default function Value() {\n return (\n \n \n \n \n \n \n \n \n );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/8f/c9297d491d03304c617ebdeecbd7a5a2e2e85fa4a1fb0c9748b110386c6c9d6e703e0cd32f9b34f43a3ce122fe27a7a4ca9dafa2e15f6b65e74141910a3a b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/8f/c9297d491d03304c617ebdeecbd7a5a2e2e85fa4a1fb0c9748b110386c6c9d6e703e0cd32f9b34f43a3ce122fe27a7a4ca9dafa2e15f6b65e74141910a3a
deleted file mode 100644
index f04bbec5..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/8f/c9297d491d03304c617ebdeecbd7a5a2e2e85fa4a1fb0c9748b110386c6c9d6e703e0cd32f9b34f43a3ce122fe27a7a4ca9dafa2e15f6b65e74141910a3a
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/PressableExample/examples/PanAndPress.js\",\n _this = this,\n _s = $RefreshSig$();\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React, { useRef, useState } from 'react';\nimport Animated from \"react-native-web/dist/cjs/exports/Animated\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport PanResponder from \"react-native-web/dist/cjs/exports/PanResponder\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableOpacity from \"react-native-web/dist/cjs/exports/TouchableOpacity\";\n\nvar App = function App() {\n _s();\n\n var pan = useRef(new Animated.ValueXY()).current;\n\n var _useState = useState(0),\n x = _useState[0],\n setX = _useState[1];\n\n var panResponder = useRef(null);\n\n if (panResponder.current == null) {\n panResponder.current = PanResponder.create({\n onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder() {\n return true;\n },\n onPanResponderGrant: function onPanResponderGrant(e) {\n console.log('pan grant');\n pan.setOffset({\n x: pan.x._value,\n y: pan.y._value\n });\n },\n onPanResponderMove: Animated.event([null, {\n dx: pan.x,\n dy: pan.y\n }]),\n onPanResponderRelease: function onPanResponderRelease() {\n console.log('pan release');\n pan.flattenOffset();\n },\n onPanResponderTerminate: function onPanResponderTerminate() {\n console.log('pan terminate');\n pan.flattenOffset();\n }\n });\n }\n\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.container,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n style: styles.titleText,\n children: [\"Pressed: \", x]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 7\n }, _this), /*#__PURE__*/_jsxDEV(Animated.View, _objectSpread(_objectSpread({\n style: {\n transform: [{\n translateX: pan.x\n }, {\n translateY: pan.y\n }]\n }\n }, panResponder.current.panHandlers), {}, {\n children: /*#__PURE__*/_jsxDEV(View, {\n style: styles.box,\n children: /*#__PURE__*/_jsxDEV(TouchableOpacity, {\n onPress: function onPress() {\n return setX(x + 1);\n },\n style: styles.outerTouchable,\n children: [/*#__PURE__*/_jsxDEV(TouchableOpacity, {\n onPress: function onPress() {\n console.log('press inner');\n },\n style: styles.innerTouchable\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 13\n }, _this), /*#__PURE__*/_jsxDEV(TouchableOpacity, {\n disabled: true,\n style: styles.innerTouchable\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 13\n }, _this), /*#__PURE__*/_jsxDEV(TouchableOpacity, {\n accessibilityRole: \"button\",\n disabled: true,\n style: [styles.innerTouchable, styles.disabledButton]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 13\n }, _this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 11\n }, _this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 9\n }, _this)\n }), void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 7\n }, _this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 5\n }, _this);\n};\n\n_s(App, \"QKYo+PQT6iStzgohwW63jsab81Y=\");\n\n_c = App;\nvar styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n userSelect: 'none'\n },\n titleText: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 'bold'\n },\n box: {\n height: 200,\n width: 150,\n backgroundColor: 'lightblue',\n borderRadius: 5\n },\n outerTouchable: {\n height: 150,\n width: 100,\n margin: 25,\n backgroundColor: 'blue',\n borderRadius: 5,\n justifyContent: 'center'\n },\n innerTouchable: {\n height: 20,\n flex: 1,\n marginVertical: 10,\n marginHorizontal: 20,\n backgroundColor: 'green',\n borderRadius: 5\n },\n disabledButton: {\n backgroundColor: 'red'\n }\n});\nexport default App;\n\nvar _c;\n\n$RefreshReg$(_c, \"App\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/PressableExample/examples/PanAndPress.js"],"names":["React","useRef","useState","App","pan","Animated","ValueXY","current","x","setX","panResponder","PanResponder","create","onMoveShouldSetPanResponder","onPanResponderGrant","e","console","log","setOffset","_value","y","onPanResponderMove","event","dx","dy","onPanResponderRelease","flattenOffset","onPanResponderTerminate","styles","container","titleText","transform","translateX","translateY","panHandlers","box","outerTouchable","innerTouchable","disabledButton","StyleSheet","flex","alignItems","justifyContent","userSelect","fontSize","lineHeight","fontWeight","height","width","backgroundColor","borderRadius","margin","marginVertical","marginHorizontal"],"mappings":"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","sourcesContent":["import React, { useRef, useState } from 'react';\nimport { Animated, View, StyleSheet, PanResponder, Text, TouchableOpacity } from 'react-native';\n\nconst App = () => {\n const pan = useRef(new Animated.ValueXY()).current;\n const [x, setX] = useState(0);\n\n const panResponder = useRef(null);\n if (panResponder.current == null) {\n panResponder.current = PanResponder.create({\n onMoveShouldSetPanResponder: () => true,\n onPanResponderGrant: e => {\n console.log('pan grant');\n pan.setOffset({\n x: pan.x._value,\n y: pan.y._value\n });\n },\n onPanResponderMove: Animated.event([null, { dx: pan.x, dy: pan.y }]),\n onPanResponderRelease: () => {\n console.log('pan release');\n pan.flattenOffset();\n },\n onPanResponderTerminate() {\n console.log('pan terminate');\n pan.flattenOffset();\n }\n });\n }\n\n return (\n \n Pressed: {x}\n \n \n setX(x + 1)} style={styles.outerTouchable}>\n {\n console.log('press inner');\n }}\n style={styles.innerTouchable}\n />\n \n \n \n \n \n \n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n userSelect: 'none'\n },\n titleText: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 'bold'\n },\n box: {\n height: 200,\n width: 150,\n backgroundColor: 'lightblue',\n borderRadius: 5\n },\n outerTouchable: {\n height: 150,\n width: 100,\n margin: 25,\n backgroundColor: 'blue',\n borderRadius: 5,\n justifyContent: 'center'\n },\n innerTouchable: {\n height: 20,\n flex: 1,\n marginVertical: 10,\n marginHorizontal: 20,\n backgroundColor: 'green',\n borderRadius: 5\n },\n disabledButton: {\n backgroundColor: 'red'\n }\n});\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/eb/6410e553ff4034534d8220efb26c185f4456c4fea80426508df86b6a521c6f8383b1ae2e6a9a4baec4ad8448e066f1f0421db89d4c8fb6d0fd87dedff379 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/eb/6410e553ff4034534d8220efb26c185f4456c4fea80426508df86b6a521c6f8383b1ae2e6a9a4baec4ad8448e066f1f0421db89d4c8fb6d0fd87dedff379
deleted file mode 100644
index effe9014..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/69/eb/6410e553ff4034534d8220efb26c185f4456c4fea80426508df86b6a521c6f8383b1ae2e6a9a4baec4ad8448e066f1f0421db89d4c8fb6d0fd87dedff379
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\n\n/* eslint-disable react/jsx-no-bind */\nimport React from 'react';\nimport Switch from \"react-native-web/dist/cjs/exports/Switch\";\nimport TouchableHighlight from \"react-native-web/dist/cjs/exports/TouchableHighlight\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function TouchableParent() {\n const [state, updateState] = React.useState(false);\n return /*#__PURE__*/_jsx(View, {\n children: /*#__PURE__*/_jsx(TouchableHighlight, {\n onPress: () => {},\n style: style,\n underlayColor: \"#eee\",\n children: /*#__PURE__*/_jsx(Switch, {\n onValueChange: value => {\n updateState(value);\n },\n value: state\n })\n })\n });\n}\nconst style = {\n alignSelf: 'flex-start',\n borderWidth: 1,\n borderColor: '#ddd',\n paddingHorizontal: 50,\n paddingVertical: 20\n};","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/11/f095bdf4929d845f1763200b17398474ec6f30cd34e384261db9c7781ddc1b312d577a3c6e6d27f3f3ab3ec43f2b9546e6ff73ed2a685015019340328738 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/11/f095bdf4929d845f1763200b17398474ec6f30cd34e384261db9c7781ddc1b312d577a3c6e6d27f3f3ab3ec43f2b9546e6ff73ed2a685015019340328738
deleted file mode 100644
index 1639f315..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/11/f095bdf4929d845f1763200b17398474ec6f30cd34e384261db9c7781ddc1b312d577a3c6e6d27f3f3ab3ec43f2b9546e6ff73ed2a685015019340328738
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/touchables/examples/FeedbackEvents.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableWithoutFeedback from \"react-native-web/dist/cjs/exports/TouchableWithoutFeedback\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function FeedbackEvents() {\n const [eventLog, updateEventLog] = React.useState([]);\n\n const handlePress = eventName => {\n return () => {\n const limit = 6;\n updateEventLog(state => {\n const nextState = state.slice(0, limit - 1);\n nextState.unshift(eventName);\n return nextState;\n });\n };\n };\n\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(View, {\n children: /*#__PURE__*/_jsxDEV(TouchableWithoutFeedback, {\n onLongPress: handlePress('longPress'),\n onPress: handlePress('press'),\n onPressIn: handlePress('pressIn'),\n onPressOut: handlePress('pressOut'),\n children: /*#__PURE__*/_jsxDEV(View, {\n children: /*#__PURE__*/_jsxDEV(Text, {\n style: styles.touchableText,\n children: \"Press Me\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.eventLogBox,\n children: eventLog.map((e, ii) => /*#__PURE__*/_jsxDEV(Text, {\n children: e\n }, ii, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 11\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 5\n }, this);\n}\nconst styles = StyleSheet.create({\n touchableText: {\n borderRadius: 8,\n padding: 5,\n borderWidth: 1,\n borderColor: 'black',\n color: '#007AFF',\n borderStyle: 'solid',\n textAlign: 'center'\n },\n eventLogBox: {\n padding: 10,\n marginTop: 10,\n height: 120,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#f0f0f0',\n backgroundColor: '#f9f9f9'\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/touchables/examples/FeedbackEvents.js"],"names":["React","FeedbackEvents","eventLog","updateEventLog","useState","handlePress","eventName","limit","state","nextState","slice","unshift","styles","touchableText","eventLogBox","map","e","ii","StyleSheet","create","borderRadius","padding","borderWidth","borderColor","color","borderStyle","textAlign","marginTop","height","hairlineWidth","backgroundColor"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;AAGA,eAAe,SAASC,cAAT,GAA0B;AACvC,QAAM,CAACC,QAAD,EAAWC,cAAX,IAA6BH,KAAK,CAACI,QAAN,CAAe,EAAf,CAAnC;;AAEA,QAAMC,WAAW,GAAGC,SAAS,IAAI;AAC/B,WAAO,MAAM;AACX,YAAMC,KAAK,GAAG,CAAd;AACAJ,MAAAA,cAAc,CAACK,KAAK,IAAI;AACtB,cAAMC,SAAS,GAAGD,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAeH,KAAK,GAAG,CAAvB,CAAlB;AACAE,QAAAA,SAAS,CAACE,OAAV,CAAkBL,SAAlB;AACA,eAAOG,SAAP;AACD,OAJa,CAAd;AAKD,KAPD;AAQD,GATD;;AAWA,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,IAAD;AAAA,6BACE,QAAC,wBAAD;AACE,QAAA,WAAW,EAAEJ,WAAW,CAAC,WAAD,CAD1B;AAEE,QAAA,OAAO,EAAEA,WAAW,CAAC,OAAD,CAFtB;AAGE,QAAA,SAAS,EAAEA,WAAW,CAAC,SAAD,CAHxB;AAIE,QAAA,UAAU,EAAEA,WAAW,CAAC,UAAD,CAJzB;AAAA,+BAME,QAAC,IAAD;AAAA,iCACE,QAAC,IAAD;AAAM,YAAA,KAAK,EAAEO,MAAM,CAACC,aAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA;AANF;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAaE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAED,MAAM,CAACE,WAApB;AAAA,gBACGZ,QAAQ,CAACa,GAAT,CAAa,CAACC,CAAD,EAAIC,EAAJ,kBACZ,QAAC,IAAD;AAAA,kBAAgBD;AAAhB,SAAWC,EAAX;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YAbF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAqBD;AAED,MAAML,MAAM,GAAGM,UAAU,CAACC,MAAX,CAAkB;AAC/BN,EAAAA,aAAa,EAAE;AACbO,IAAAA,YAAY,EAAE,CADD;AAEbC,IAAAA,OAAO,EAAE,CAFI;AAGbC,IAAAA,WAAW,EAAE,CAHA;AAIbC,IAAAA,WAAW,EAAE,OAJA;AAKbC,IAAAA,KAAK,EAAE,SALM;AAMbC,IAAAA,WAAW,EAAE,OANA;AAObC,IAAAA,SAAS,EAAE;AAPE,GADgB;AAU/BZ,EAAAA,WAAW,EAAE;AACXO,IAAAA,OAAO,EAAE,EADE;AAEXM,IAAAA,SAAS,EAAE,EAFA;AAGXC,IAAAA,MAAM,EAAE,GAHG;AAIXN,IAAAA,WAAW,EAAEJ,UAAU,CAACW,aAJb;AAKXN,IAAAA,WAAW,EAAE,SALF;AAMXO,IAAAA,eAAe,EAAE;AANN;AAVkB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableWithoutFeedback, View } from 'react-native';\n\nexport default function FeedbackEvents() {\n const [eventLog, updateEventLog] = React.useState([]);\n\n const handlePress = eventName => {\n return () => {\n const limit = 6;\n updateEventLog(state => {\n const nextState = state.slice(0, limit - 1);\n nextState.unshift(eventName);\n return nextState;\n });\n };\n };\n\n return (\n \n \n \n \n Press Me\n \n \n \n \n {eventLog.map((e, ii) => (\n {e}\n ))}\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n touchableText: {\n borderRadius: 8,\n padding: 5,\n borderWidth: 1,\n borderColor: 'black',\n color: '#007AFF',\n borderStyle: 'solid',\n textAlign: 'center'\n },\n eventLogBox: {\n padding: 10,\n marginTop: 10,\n height: 120,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#f0f0f0',\n backgroundColor: '#f9f9f9'\n }\n});\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/a1/354e73ea29e0ca6ca4e6abd6b972ee61e2cb10d6ced16f117c2fc1cd0b6dec604faf206d711ec07fad3639078eb142d49216b256770296bd69db463cbbb4 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/a1/354e73ea29e0ca6ca4e6abd6b972ee61e2cb10d6ced16f117c2fc1cd0b6dec604faf206d711ec07fad3639078eb142d49216b256770296bd69db463cbbb4
deleted file mode 100644
index aa22d7f8..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/a1/354e73ea29e0ca6ca4e6abd6b972ee61e2cb10d6ced16f117c2fc1cd0b6dec604faf206d711ec07fad3639078eb142d49216b256770296bd69db463cbbb4
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"/*\nimport React from 'react';\nimport { TextInput, View } from 'react-native';\n\nconst TextInputStyleExample = () => null;\n\nexport default TextInputStyleExample;\n*/","map":null,"metadata":{},"sourceType":"script"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/ee/edf2fc98f51d9befc3b3a6132ff386fc0658d51d25d0c12a55e0a7c15b272b8bee706929a4fb6db720866f8e30fbcef02f52af90b8bdc75246d76f1b9ca0 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/ee/edf2fc98f51d9befc3b3a6132ff386fc0658d51d25d0c12a55e0a7c15b272b8bee706929a4fb6db720866f8e30fbcef02f52af90b8bdc75246d76f1b9ca0
deleted file mode 100644
index 25ee195e..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6a/ee/edf2fc98f51d9befc3b3a6132ff386fc0658d51d25d0c12a55e0a7c15b272b8bee706929a4fb6db720866f8e30fbcef02f52af90b8bdc75246d76f1b9ca0
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"\"use strict\";\n\nvar _regeneratorRuntime = require(\"@babel/runtime/regenerator\");\n\nvar _slicedToArray = require(\"@babel/runtime/helpers/slicedToArray\");\n\nvar _asyncToGenerator = require(\"@babel/runtime/helpers/asyncToGenerator\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.markAssetError = markAssetError;\nexports.isAssetError = isAssetError;\nexports.getClientBuildManifest = getClientBuildManifest;\nexports[\"default\"] = void 0;\n\nvar _getAssetPathFromRoute = _interopRequireDefault(require(\"../next-server/lib/router/utils/get-asset-path-from-route\"));\n\nvar _requestIdleCallback = _interopRequireDefault(require(\"./request-idle-callback\")); // 3.8s was arbitrarily chosen as it's what https://web.dev/interactive\n// considers as \"Good\" time-to-interactive. We must assume something went\n// wrong beyond this point, and then fall-back to a full page transition to\n// show the user something of value.\n\n\nvar MS_MAX_IDLE_DELAY = 3800;\n\nfunction withFuture(key, map, generator) {\n var entry = map.get(key);\n\n if (entry) {\n if ('future' in entry) {\n return entry.future;\n }\n\n return Promise.resolve(entry);\n }\n\n var resolver;\n var prom = new Promise(function (resolve) {\n resolver = resolve;\n });\n map.set(key, entry = {\n resolve: resolver,\n future: prom\n });\n return generator ? // eslint-disable-next-line no-sequences\n generator().then(function (value) {\n return resolver(value), value;\n }) : prom;\n}\n\nfunction hasPrefetch(link) {\n try {\n link = document.createElement('link');\n return (// detect IE11 since it supports prefetch but isn't detected\n // with relList.support\n !!window.MSInputMethodContext && !!document.documentMode || link.relList.supports('prefetch')\n );\n } catch (_unused) {\n return false;\n }\n}\n\nvar canPrefetch = hasPrefetch();\n\nfunction prefetchViaDom(href, as, link) {\n return new Promise(function (res, rej) {\n if (document.querySelector(\"link[rel=\\\"prefetch\\\"][href^=\\\"\".concat(href, \"\\\"]\"))) {\n return res();\n }\n\n link = document.createElement('link'); // The order of property assignment here is intentional:\n\n if (as) link.as = as;\n link.rel = \"prefetch\";\n link.crossOrigin = process.env.__NEXT_CROSS_ORIGIN;\n link.onload = res;\n link.onerror = rej; // `href` should always be last:\n\n link.href = href;\n document.head.appendChild(link);\n });\n}\n\nvar ASSET_LOAD_ERROR = Symbol('ASSET_LOAD_ERROR'); // TODO: unexport\n\nfunction markAssetError(err) {\n return Object.defineProperty(err, ASSET_LOAD_ERROR, {});\n}\n\nfunction isAssetError(err) {\n return err && ASSET_LOAD_ERROR in err;\n}\n\nfunction appendScript(src, script) {\n return new Promise(function (resolve, reject) {\n script = document.createElement('script'); // The order of property assignment here is intentional.\n // 1. Setup success/failure hooks in case the browser synchronously\n // executes when `src` is set.\n\n script.onload = resolve;\n\n script.onerror = function () {\n return reject(markAssetError(new Error(\"Failed to load script: \".concat(src))));\n }; // 2. Configure the cross-origin attribute before setting `src` in case the\n // browser begins to fetch.\n\n\n script.crossOrigin = process.env.__NEXT_CROSS_ORIGIN; // 3. Finally, set the source and inject into the DOM in case the child\n // must be appended for fetching to start.\n\n script.src = src;\n document.body.appendChild(script);\n });\n}\n\nfunction idleTimeout(ms, err) {\n return new Promise(function (_resolve, reject) {\n return (0, _requestIdleCallback[\"default\"])(function () {\n return setTimeout(function () {\n return reject(err);\n }, ms);\n });\n });\n} // TODO: stop exporting or cache the failure\n// It'd be best to stop exporting this. It's an implementation detail. We're\n// only exporting it for backwards compatibilty with the `page-loader`.\n// Only cache this response as a last resort if we cannot eliminate all other\n// code branches that use the Build Manifest Callback and push them through\n// the Route Loader interface.\n\n\nfunction getClientBuildManifest() {\n if (self.__BUILD_MANIFEST) {\n return Promise.resolve(self.__BUILD_MANIFEST);\n }\n\n var onBuildManifest = new Promise(function (resolve) {\n // Mandatory because this is not concurrent safe:\n var cb = self.__BUILD_MANIFEST_CB;\n\n self.__BUILD_MANIFEST_CB = function () {\n resolve(self.__BUILD_MANIFEST);\n cb && cb();\n };\n });\n return Promise.race([onBuildManifest, idleTimeout(MS_MAX_IDLE_DELAY, markAssetError(new Error('Failed to load client build manifest')))]);\n}\n\nfunction getFilesForRoute(assetPrefix, route) {\n if (false) {\n return Promise.resolve({\n scripts: [assetPrefix + '/_next/static/chunks/pages' + encodeURI((0, _getAssetPathFromRoute[\"default\"])(route, '.js'))],\n // Styles are handled by `style-loader` in development:\n css: []\n });\n }\n\n return getClientBuildManifest().then(function (manifest) {\n if (!(route in manifest)) {\n throw markAssetError(new Error(\"Failed to lookup route: \".concat(route)));\n }\n\n var allFiles = manifest[route].map(function (entry) {\n return assetPrefix + '/_next/' + encodeURI(entry);\n });\n return {\n scripts: allFiles.filter(function (v) {\n return v.endsWith('.js');\n }),\n css: allFiles.filter(function (v) {\n return v.endsWith('.css');\n })\n };\n });\n}\n\nfunction createRouteLoader(assetPrefix) {\n var entrypoints = new Map();\n var loadedScripts = new Map();\n var styleSheets = new Map();\n var routes = new Map();\n\n function maybeExecuteScript(src) {\n var prom = loadedScripts.get(src);\n\n if (prom) {\n return prom;\n } // Skip executing script if it's already in the DOM:\n\n\n if (document.querySelector(\"script[src^=\\\"\".concat(src, \"\\\"]\"))) {\n return Promise.resolve();\n }\n\n loadedScripts.set(src, prom = appendScript(src));\n return prom;\n }\n\n function fetchStyleSheet(href) {\n var prom = styleSheets.get(href);\n\n if (prom) {\n return prom;\n }\n\n styleSheets.set(href, prom = fetch(href).then(function (res) {\n if (!res.ok) {\n throw new Error(\"Failed to load stylesheet: \".concat(href));\n }\n\n return res.text().then(function (text) {\n return {\n href: href,\n content: text\n };\n });\n })[\"catch\"](function (err) {\n throw markAssetError(err);\n }));\n return prom;\n }\n\n return {\n whenEntrypoint: function whenEntrypoint(route) {\n return withFuture(route, entrypoints);\n },\n onEntrypoint: function onEntrypoint(route, execute) {\n Promise.resolve(execute).then(function (fn) {\n return fn();\n }).then(function (exports) {\n return {\n component: exports && exports[\"default\"] || exports,\n exports: exports\n };\n }, function (err) {\n return {\n error: err\n };\n }).then(function (input) {\n var old = entrypoints.get(route);\n entrypoints.set(route, input);\n if (old && 'resolve' in old) old.resolve(input);\n });\n },\n loadRoute: function loadRoute(route) {\n var _this = this;\n\n return withFuture(route, routes, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var _yield$getFilesForRou, scripts, css, _yield$Promise$all, _yield$Promise$all2, styles, entrypoint, res;\n\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return getFilesForRoute(assetPrefix, route);\n\n case 3:\n _yield$getFilesForRou = _context.sent;\n scripts = _yield$getFilesForRou.scripts;\n css = _yield$getFilesForRou.css;\n _context.next = 8;\n return Promise.all([entrypoints.has(route) ? [] : Promise.all(scripts.map(maybeExecuteScript)), Promise.all(css.map(fetchStyleSheet))]);\n\n case 8:\n _yield$Promise$all = _context.sent;\n _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);\n styles = _yield$Promise$all2[1];\n _context.next = 13;\n return Promise.race([_this.whenEntrypoint(route), idleTimeout(MS_MAX_IDLE_DELAY, markAssetError(new Error(\"Route did not complete loading: \".concat(route))))]);\n\n case 13:\n entrypoint = _context.sent;\n res = Object.assign({\n styles: styles\n }, entrypoint);\n return _context.abrupt(\"return\", 'error' in entrypoint ? entrypoint : res);\n\n case 18:\n _context.prev = 18;\n _context.t0 = _context[\"catch\"](0);\n return _context.abrupt(\"return\", {\n error: _context.t0\n });\n\n case 21:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, null, [[0, 18]]);\n })));\n },\n prefetch: function prefetch(route) {\n var _this2 = this;\n\n // https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118\n // License: Apache 2.0\n var cn;\n\n if (cn = navigator.connection) {\n // Don't prefetch if using 2G or if Save-Data is enabled.\n if (cn.saveData || /2g/.test(cn.effectiveType)) return Promise.resolve();\n }\n\n return getFilesForRoute(assetPrefix, route).then(function (output) {\n return Promise.all(canPrefetch ? output.scripts.map(function (script) {\n return prefetchViaDom(script, 'script');\n }) : []);\n }).then(function () {\n (0, _requestIdleCallback[\"default\"])(function () {\n return _this2.loadRoute(route);\n });\n })[\"catch\"]( // swallow prefetch errors\n function () {});\n }\n };\n}\n\nvar _default = createRouteLoader;\nexports[\"default\"] = _default;","map":null,"metadata":{},"sourceType":"script"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6b/25/60597e2a29edc676f60c138d2e4d3f053934191596b3a89d07f4e2fa0616154431fb9e5c01eb886729b573b2bd91ebac303f21ea1936cd052478febb7355 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6b/25/60597e2a29edc676f60c138d2e4d3f053934191596b3a89d07f4e2fa0616154431fb9e5c01eb886729b573b2bd91ebac303f21ea1936cd052478febb7355
deleted file mode 100644
index 246bae36..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6b/25/60597e2a29edc676f60c138d2e4d3f053934191596b3a89d07f4e2fa0616154431fb9e5c01eb886729b573b2bd91ebac303f21ea1936cd052478febb7355
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { useState } from 'react';\nimport Modal from \"react-native-web/dist/cjs/exports/Modal\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\n\nfunction Gap() {\n return /*#__PURE__*/_jsx(View, {\n style: styles.gap\n });\n}\n\nexport default function SimpleModal() {\n const {\n 0: isVisible,\n 1: setIsVisible\n } = useState(false);\n return /*#__PURE__*/_jsxs(_Fragment, {\n children: [/*#__PURE__*/_jsx(Button, {\n onPress: () => setIsVisible(true),\n title: 'Simple modal'\n }), /*#__PURE__*/_jsx(Modal, {\n onRequestClose: () => setIsVisible(false),\n visible: isVisible,\n children: /*#__PURE__*/_jsxs(View, {\n style: styles.container,\n children: [/*#__PURE__*/_jsx(Text, {\n children: \"Hello, World!\"\n }), /*#__PURE__*/_jsx(Gap, {}), /*#__PURE__*/_jsx(Button, {\n onPress: () => setIsVisible(false),\n title: 'Close'\n })]\n })\n })]\n });\n}\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center'\n },\n gap: {\n height: 10\n }\n});","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6b/78/1ce1c139dd7c8bc39627b27f0bbd489642b9ee4c161c94e0fb85b5a9b29934367e9159263b96d7dcc329da33c9773e80a9892ce426eeeb8ebd7c749a3d91 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6b/78/1ce1c139dd7c8bc39627b27f0bbd489642b9ee4c161c94e0fb85b5a9b29934367e9159263b96d7dcc329da33c9773e80a9892ce426eeeb8ebd7c749a3d91
deleted file mode 100644
index 6305ea7e..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6b/78/1ce1c139dd7c8bc39627b27f0bbd489642b9ee4c161c94e0fb85b5a9b29934367e9159263b96d7dcc329da33c9773e80a9892ce426eeeb8ebd7c749a3d91
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport Clipboard from \"react-native-web/dist/cjs/exports/Clipboard\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport React from 'react';\nexport default function ClipboardPage() {\n var setString = function setString() {\n var success = Clipboard.setString('This text was copied to the clipboard by React Native');\n console.log(\"Clipboard.setString success? \".concat(success));\n };\n\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(View, {\n style: styles.buttonBox,\n children: /*#__PURE__*/_jsx(Button, {\n onPress: setString,\n title: \"Copy to clipboard\"\n })\n }), /*#__PURE__*/_jsx(TextInput, {\n multiline: true,\n placeholder: 'Try pasting here afterwards',\n style: styles.textInput\n })]\n });\n}\nvar styles = StyleSheet.create({\n buttonBox: {\n maxWidth: 300\n },\n textInput: {\n borderColor: '#AAB8C2',\n borderWidth: 1,\n height: 50,\n marginTop: 20,\n padding: 5\n }\n});","map":null,"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/14/0b4b0615f56c82fbf20c1645684f3900679baa9234e808576dda9c2c0227f970b5eb40168b567cff0eb69c7ee61612d6cf59f70526fc81012a3d60739198 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/14/0b4b0615f56c82fbf20c1645684f3900679baa9234e808576dda9c2c0227f970b5eb40168b567cff0eb69c7ee61612d6cf59f70526fc81012a3d60739198
deleted file mode 100644
index 15b9a145..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/14/0b4b0615f56c82fbf20c1645684f3900679baa9234e808576dda9c2c0227f970b5eb40168b567cff0eb69c7ee61612d6cf59f70526fc81012a3d60739198
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/StaticPrefetch.js\";\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { createUncachedURI } from '../helpers';\nimport sources from '../sources';\nimport React, { PureComponent } from 'react';\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nclass ImagePrefetchExample extends PureComponent {\n constructor(...args) {\n super(...args);\n\n _defineProperty(this, \"state\", {\n events: [],\n showButton: true,\n startLoad: false\n });\n\n _defineProperty(this, \"_handleLoad\", () => {\n const startTime = this._startTime;\n\n this._loadEventFired(`✔ (prefetched) onLoad (+${Date.now() - startTime}ms)`);\n });\n\n _defineProperty(this, \"_handleLoadEnd\", () => {\n const startTime = this._startTime;\n\n this._loadEventFired(`✔ (prefetched) onLoadEnd (+${Date.now() - startTime}ms)`);\n });\n\n _defineProperty(this, \"_handleLoadStart\", () => {\n const startTime = this._startTime;\n\n this._loadEventFired(`✔ (prefetched) onLoadStart (+${Date.now() - startTime}ms)`);\n });\n\n _defineProperty(this, \"_handlePress\", () => {\n this._startTime = this._startTime || Date.now();\n Image.prefetch(createUncachedURI(this.props.source.uri)).then(() => {\n this._loadEventFired('✔ Prefetch OK');\n\n this.setState(() => ({\n startLoad: true\n }));\n }, error => {\n this._loadEventFired(`✘ Prefetch failed (+${Date.now() - this._startTime}ms)`);\n\n console.log(error);\n });\n });\n\n _defineProperty(this, \"_loadEventFired\", event => {\n this.setState(state => ({\n events: [...state.events, event],\n showButton: false\n }));\n });\n }\n\n render() {\n const {\n showButton,\n startLoad\n } = this.state;\n return /*#__PURE__*/_jsxDEV(View, {\n children: [showButton ? /*#__PURE__*/_jsxDEV(View, {\n style: styles.button,\n children: /*#__PURE__*/_jsxDEV(Button, {\n onPress: this._handlePress,\n title: \"Prefetch image\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 11\n }, this) : null, startLoad ? /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Text, {\n children: this.state.events.join('\\n')\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Image, {\n onLoad: this._handleLoad,\n onLoadEnd: this._handleLoadEnd,\n onLoadStart: this._handleLoadStart,\n source: this.props.source,\n style: styles.image\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 11\n }, this) : null]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this);\n }\n\n}\n\nconst styles = StyleSheet.create({\n button: {\n maxWidth: 300\n },\n image: {\n backgroundColor: '#eee',\n height: 150,\n marginTop: 10,\n width: 150\n }\n});\n\nconst StaticPrefetchExample = () => /*#__PURE__*/_jsxDEV(ImagePrefetchExample, {\n source: sources.prefetchable\n}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 37\n}, this);\n\nexport default StaticPrefetchExample;","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/StaticPrefetch.js"],"names":["createUncachedURI","sources","React","PureComponent","ImagePrefetchExample","events","showButton","startLoad","startTime","_startTime","_loadEventFired","Date","now","Image","prefetch","props","source","uri","then","setState","error","console","log","event","state","render","styles","button","_handlePress","join","_handleLoad","_handleLoadEnd","_handleLoadStart","image","StyleSheet","create","maxWidth","backgroundColor","height","marginTop","width","StaticPrefetchExample","prefetchable"],"mappings":"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","sourcesContent":["import { createUncachedURI } from '../helpers';\nimport sources from '../sources';\nimport React, { PureComponent } from 'react';\nimport { Button, Image, StyleSheet, Text, View } from 'react-native';\n\nclass ImagePrefetchExample extends PureComponent {\n state = {\n events: [],\n showButton: true,\n startLoad: false\n };\n\n render() {\n const { showButton, startLoad } = this.state;\n\n return (\n \n {showButton ? (\n \n \n \n ) : null}\n {startLoad ? (\n \n {this.state.events.join('\\n')}\n \n \n ) : null}\n \n );\n }\n\n _handleLoad = () => {\n const startTime = this._startTime;\n this._loadEventFired(`✔ (prefetched) onLoad (+${Date.now() - startTime}ms)`);\n };\n\n _handleLoadEnd = () => {\n const startTime = this._startTime;\n this._loadEventFired(`✔ (prefetched) onLoadEnd (+${Date.now() - startTime}ms)`);\n };\n\n _handleLoadStart = () => {\n const startTime = this._startTime;\n this._loadEventFired(`✔ (prefetched) onLoadStart (+${Date.now() - startTime}ms)`);\n };\n\n _handlePress = () => {\n this._startTime = this._startTime || Date.now();\n\n Image.prefetch(createUncachedURI(this.props.source.uri)).then(\n () => {\n this._loadEventFired('✔ Prefetch OK');\n this.setState(() => ({ startLoad: true }));\n },\n error => {\n this._loadEventFired(`✘ Prefetch failed (+${Date.now() - this._startTime}ms)`);\n console.log(error);\n }\n );\n };\n\n _loadEventFired = event => {\n this.setState(state => ({ events: [...state.events, event], showButton: false }));\n };\n}\n\nconst styles = StyleSheet.create({\n button: {\n maxWidth: 300\n },\n image: {\n backgroundColor: '#eee',\n height: 150,\n marginTop: 10,\n width: 150\n }\n});\n\nconst StaticPrefetchExample = () => ;\n\nexport default StaticPrefetchExample;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/38/d416f61b27a8d32f2d1b834b993d9ae2e42ee18518035009536be1ffb53f32f4512cae433b53fc55cfcaf6bb276e7b4ceea221bbae8763f7c0816982ead5 b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/38/d416f61b27a8d32f2d1b834b993d9ae2e42ee18518035009536be1ffb53f32f4512cae433b53fc55cfcaf6bb276e7b4ceea221bbae8763f7c0816982ead5
deleted file mode 100644
index 4a00f9ba..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/38/d416f61b27a8d32f2d1b834b993d9ae2e42ee18518035009536be1ffb53f32f4512cae433b53fc55cfcaf6bb276e7b4ceea221bbae8763f7c0816982ead5
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/index.js\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport NextLink from \"next/link\";\nimport React from \"react\";\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nconst logoUri = `data:image/svg+xml;utf8,`;\n\nfunction Link(props) {\n const {\n href\n } = props,\n rest = _objectWithoutProperties(props, [\"href\"]);\n\n return /*#__PURE__*/_jsxDEV(NextLink, {\n href: href,\n children: /*#__PURE__*/_jsxDEV(Text, _objectSpread(_objectSpread({}, rest), {}, {\n accessibilityRole: \"link\",\n style: StyleSheet.compose(styles.link, props.style)\n }), void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 5\n }, this);\n}\n\nexport default function IndexPage() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.app,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: styles.header,\n children: [/*#__PURE__*/_jsxDEV(Image, {\n accessibilityLabel: \"React logo\",\n source: {\n uri: logoUri\n },\n resizeMode: \"contain\",\n style: styles.logo\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n style: styles.title,\n children: \"React Native for Web\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n style: styles.text,\n children: [/*#__PURE__*/_jsxDEV(Link, {\n href: \"https://github.com/necolas/react-native-web\",\n children: \"React Native for Web\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 9\n }, this), \" example app built on Next.js\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n accessibilityRole: \"list\",\n children: process.env.pages.map(page => /*#__PURE__*/_jsxDEV(View, {\n accessibilityRole: \"listitem\",\n style: styles.listitem,\n children: /*#__PURE__*/_jsxDEV(Link, {\n href: '/' + page,\n style: styles.pageLink,\n children: page\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 11\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 5\n }, this);\n}\nconst styles = StyleSheet.create({\n app: {\n marginHorizontal: \"auto\",\n maxWidth: 500\n },\n logo: {\n height: 80\n },\n header: {\n padding: 20\n },\n title: {\n fontWeight: \"bold\",\n fontSize: \"1.5rem\",\n marginTop: \"1em\",\n textAlign: \"center\"\n },\n text: {\n lineHeight: \"1.5em\",\n fontSize: \"1.125rem\",\n marginVertical: \"1em\",\n textAlign: \"center\"\n },\n link: {\n color: \"#1B95E0\"\n },\n listitem: {\n marginVertical: '0.25rem',\n textAlign: 'center'\n },\n pageLink: {\n fontWeight: 'bold'\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/index.js"],"names":["NextLink","React","logoUri","Link","props","href","rest","StyleSheet","compose","styles","link","style","IndexPage","app","header","uri","logo","title","text","process","env","pages","map","page","listitem","pageLink","create","marginHorizontal","maxWidth","height","padding","fontWeight","fontSize","marginTop","textAlign","lineHeight","marginVertical","color"],"mappings":"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","sourcesContent":["import NextLink from \"next/link\";\nimport React from \"react\";\nimport { Button, Image, StyleSheet, Text, View } from \"react-native\";\n\nconst logoUri = `data:image/svg+xml;utf8,`;\n\nfunction Link(props) {\n const { href, ...rest } = props;\n return (\n \n \n \n );\n}\n\nexport default function IndexPage() {\n return (\n \n \n \n React Native for Web\n \n \n React Native for Web example app built on Next.js\n \n\n \n {process.env.pages.map((page) => (\n \n {page}\n \n ))}\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n app: {\n marginHorizontal: \"auto\",\n maxWidth: 500\n },\n logo: {\n height: 80\n },\n header: {\n padding: 20\n },\n title: {\n fontWeight: \"bold\",\n fontSize: \"1.5rem\",\n marginTop: \"1em\",\n textAlign: \"center\"\n },\n text: {\n lineHeight: \"1.5em\",\n fontSize: \"1.125rem\",\n marginVertical: \"1em\",\n textAlign: \"center\"\n },\n link: {\n color: \"#1B95E0\"\n },\n listitem: {\n marginVertical: '0.25rem',\n textAlign: 'center'\n },\n pageLink: {\n fontWeight: 'bold'\n }\n});\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/5f/554318ddc1cfec8f7babaed864272b598010399514bcc753dffb18ea5b91c52bf1f7e5290b141c4b417462432cad9f8e025683f71910d92429aae69d007f b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/5f/554318ddc1cfec8f7babaed864272b598010399514bcc753dffb18ea5b91c52bf1f7e5290b141c4b417462432cad9f8e025683f71910d92429aae69d007f
deleted file mode 100644
index f725268a..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/5f/554318ddc1cfec8f7babaed864272b598010399514bcc753dffb18ea5b91c52bf1f7e5290b141c4b417462432cad9f8e025683f71910d92429aae69d007f
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/DefaultSource.js\";\nimport * as helpers from '../helpers';\nimport sources from '../sources';\nimport React from 'react';\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nexport default function Source() {\n return /*#__PURE__*/_jsxDEV(Image, {\n defaultSource: sources.placeholder,\n style: helpers.styles.base\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 10\n }, this);\n}\n_c = Source;\n\nvar _c;\n\n$RefreshReg$(_c, \"Source\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/DefaultSource.js"],"names":["helpers","sources","React","Source","placeholder","styles","base"],"mappings":";;AAAA,OAAO,KAAKA,OAAZ,MAAyB,YAAzB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAGA,eAAe,SAASC,MAAT,GAAkB;AAC/B,sBAAO,QAAC,KAAD;AAAO,IAAA,aAAa,EAAEF,OAAO,CAACG,WAA9B;AAA2C,IAAA,KAAK,EAAEJ,OAAO,CAACK,MAAR,CAAeC;AAAjE;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;KAFuBH,M","sourcesContent":["import * as helpers from '../helpers';\nimport sources from '../sources';\nimport React from 'react';\nimport { Image } from 'react-native';\n\nexport default function Source() {\n return ;\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/f3/6829be4e1de79d2a7299a99515e5c675d64d9dd7a423af0258dcf1512779f724527ce841cd1223167603cebfbfd408c911ef3129ac4604118fba511e391b b/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/f3/6829be4e1de79d2a7299a99515e5c675d64d9dd7a423af0258dcf1512779f724527ce841cd1223167603cebfbfd408c911ef3129ac4604118fba511e391b
deleted file mode 100644
index 28ab075f..00000000
--- a/packages/examples/.next/cache/next-babel-loader/content-v2/sha512/6c/f3/6829be4e1de79d2a7299a99515e5c675d64d9dd7a423af0258dcf1512779f724527ce841cd1223167603cebfbfd408c911ef3129ac4604118fba511e391b
+++ /dev/null
@@ -1 +0,0 @@
-{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/modal/examples/Simple.js\",\n _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport Modal from \"react-native-web/dist/cjs/exports/Modal\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\n\nfunction Gap() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.gap\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 10\n }, this);\n}\n\n_c = Gap;\nexport default function SimpleModal() {\n _s();\n\n var _useState = useState(false),\n isVisible = _useState[0],\n setIsVisible = _useState[1];\n\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Button, {\n onPress: function onPress() {\n return setIsVisible(true);\n },\n title: 'Open simple modal'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n onRequestClose: function onRequestClose() {\n return setIsVisible(false);\n },\n visible: isVisible,\n children: /*#__PURE__*/_jsxDEV(View, {\n style: styles.container,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n children: \"Hello, World!\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Gap, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n onPress: function onPress() {\n return setIsVisible(false);\n },\n title: 'Close simple modal'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true);\n}\n\n_s(SimpleModal, \"QjDZesRvLCmcrZLxgN677nXnVLA=\");\n\n_c2 = SimpleModal;\nvar styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center'\n },\n gap: {\n height: 10\n }\n});\n\nvar _c, _c2;\n\n$RefreshReg$(_c, \"Gap\");\n$RefreshReg$(_c2, \"SimpleModal\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/modal/examples/Simple.js"],"names":["React","useState","Gap","styles","gap","SimpleModal","isVisible","setIsVisible","container","StyleSheet","create","alignItems","flex","justifyContent","height"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;;;;;;;AAGA,SAASC,GAAT,GAAe;AACb,sBAAO,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;;KAFQF,G;AAIT,eAAe,SAASG,WAAT,GAAuB;AAAA;;AAAA,kBACFJ,QAAQ,CAAC,KAAD,CADN;AAAA,MAC7BK,SAD6B;AAAA,MAClBC,YADkB;;AAGpC,sBACE;AAAA,4BACE,QAAC,MAAD;AAAQ,MAAA,OAAO,EAAE;AAAA,eAAMA,YAAY,CAAC,IAAD,CAAlB;AAAA,OAAjB;AAA2C,MAAA,KAAK,EAAE;AAAlD;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,KAAD;AAAO,MAAA,cAAc,EAAE;AAAA,eAAMA,YAAY,CAAC,KAAD,CAAlB;AAAA,OAAvB;AAAkD,MAAA,OAAO,EAAED,SAA3D;AAAA,6BACE,QAAC,IAAD;AAAM,QAAA,KAAK,EAAEH,MAAM,CAACK,SAApB;AAAA,gCACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE,QAAC,GAAD;AAAA;AAAA;AAAA;AAAA,gBAFF,eAGE,QAAC,MAAD;AAAQ,UAAA,OAAO,EAAE;AAAA,mBAAMD,YAAY,CAAC,KAAD,CAAlB;AAAA,WAAjB;AAA4C,UAAA,KAAK,EAAE;AAAnD;AAAA;AAAA;AAAA;AAAA,gBAHF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA,kBADF;AAYD;;GAfuBF,W;;MAAAA,W;AAiBxB,IAAMF,MAAM,GAAGM,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BT,EAAAA,GAAG,EAAE;AACHU,IAAAA,MAAM,EAAE;AADL;AAN0B,CAAlB,CAAf","sourcesContent":["import React, { useState } from 'react';\nimport { Modal, Text, View, Button, StyleSheet } from 'react-native';\n\nfunction Gap() {\n return ;\n}\n\nexport default function SimpleModal() {\n const [isVisible, setIsVisible] = useState(false);\n\n return (\n <>\n