@expo/html-elements 0.0.2 → 0.0.5

package/README.md

@@ -9,7 +9,7 @@
   <img alt="Supports Expo Android" longdesc="Supports Expo Android" src="https://img.shields.io/badge/Android-4630EB.svg?style=flat-square&logo=ANDROID&labelColor=A4C639&logoColor=fff" />
   <!-- Web -->
   <img alt="Supports Expo Web" longdesc="Supports Expo Web" src="https://img.shields.io/badge/web-4630EB.svg?style=flat-square&logo=GOOGLE-CHROME&labelColor=4285F4&logoColor=fff" />
-  <a aria-label="Circle CI" href="https://circleci.com/gh/expo/expo/tree/master">
+  <a aria-label="Circle CI" href="https://circleci.com/gh/expo/expo/tree/main">
     <img alt="Circle CI" src="https://flat.badgen.net/circleci/github/expo/expo?label=Circle%20CI&labelColor=555555&icon=circleci">
   </a>
 </p>
@@ -105,7 +105,7 @@ Other features not implemented in this package can be found in different parts o
 | ------------------------------- | :------------------: | :--------------------------------------------------------------------------------------------------------------------: |
 | `<audio />`                     |       `Audio`        |                                                 [`expo-av`][ex-audio]                                                  |
 | `<button />`                    |     `<Button />`     |                                                     `react-native`                                                     |
-| `<input type="text" />`         |    `<TextView />`    |                                                     `react-native`                                                     |
+| `<input type="text" />`         |    `<TextInput />`    |                                                     `react-native`                                                     |
 | `<input type="file" />`         |    `ImagePicker`     |                                            [`expo-image-picker`][ex-ipick]                                             |
 | `<input type="file" />`         |   `DocumentPicker`   |                                           [`expo-document-picker`][ex-dpick]                                           |
 | `<canvas />`                    |     `<GLView />`     |                                     [`expo-gl`][ex-gl] & [Expo Canvas][ex-canvas]                                      |
@@ -119,17 +119,17 @@ Other features not implemented in this package can be found in different parts o
 | `style="backdrop-filter"`       |    `<BlurView />`    |                                                 [`expo-blur`][ex-blur]                                                 |
 | `style="linear-gradient()"`     | `<LinearGradient />` |                                         [`expo-linear-gradient`][ex-gradient]                                          |
 
-[ex-gradient]: https://docs.expo.io/versions/latest/sdk/linear-gradient/
-[ex-webview]: https://docs.expo.io/versions/latest/sdk/webview/
-[ex-audio]: https://docs.expo.io/versions/latest/sdk/audio
-[ex-gl]: https://docs.expo.io/versions/latest/sdk/gl-view
+[ex-gradient]: https://docs.expo.dev/versions/latest/sdk/linear-gradient/
+[ex-webview]: https://docs.expo.dev/versions/latest/sdk/webview/
+[ex-audio]: https://docs.expo.dev/versions/latest/sdk/audio
+[ex-gl]: https://docs.expo.dev/versions/latest/sdk/gl-view
 [ex-canvas]: https://github.com/expo/expo-2d-context
 [html-noscript]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
 [html-link]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
-[ex-blur]: https://docs.expo.io/versions/latest/sdk/blur-view/
-[ex-vid]: https://docs.expo.io/versions/latest/sdk/video/
-[ex-ipick]: https://docs.expo.io/versions/latest/sdk/imagepicker/
-[ex-dpick]: https://docs.expo.io/versions/latest/sdk/document-picker/
+[ex-blur]: https://docs.expo.dev/versions/latest/sdk/blur-view/
+[ex-vid]: https://docs.expo.dev/versions/latest/sdk/video/
+[ex-ipick]: https://docs.expo.dev/versions/latest/sdk/imagepicker/
+[ex-dpick]: https://docs.expo.dev/versions/latest/sdk/document-picker/
 
 ## Headings
 
@@ -218,7 +218,7 @@ export default () => <H6>Example<H6/>
 You can use the anchor element with href prop to open links. On native this will attempt to use the `Linking` API to open the `href`.
 
 - The CSS style is fully normalized to match `<Text />`
-- For pseudo-class effects like hover and focus states check out the package [`react-native-web-hooks`](https://www.npmjs.com/package/react-native-web-hooks) | [tutorial](https://blog.expo.io/css-pseudo-class-effects-in-expo-for-web-56649f88eb6b)
+- For pseudo-class effects like hover and focus states check out the package [`react-native-web-hooks`](https://www.npmjs.com/package/react-native-web-hooks) | [tutorial](https://blog.expo.dev/css-pseudo-class-effects-in-expo-for-web-56649f88eb6b)
 
 ```tsx
 import { A } from '@expo/html-elements';

package/build/Elements.d.ts

@@ -5,3 +5,4 @@ export * from './elements/Text';
 export * from './elements/Rules';
 export * from './elements/Table';
 export * from './elements/Lists';
+//# sourceMappingURL=Elements.d.ts.map

package/build/Elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elements.d.ts","sourceRoot":"","sources":["../src/Elements.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/build/css/units.d.ts

@@ -1,2 +1,3 @@
 export declare function rem(value: number): number | string;
 export declare function em(value: number): number | string;
+//# sourceMappingURL=units.d.ts.map

package/build/css/units.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../src/css/units.ts"],"names":[],"mappings":"AAEA,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAGlD;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAGjD"}

package/build/elements/Anchor.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const A: React.ComponentType<React.PropsWithChildren<Pick<import("react-native").TextProps & React.ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
-    href?: string | undefined;
-    target?: string | undefined;
-}>>;
+import { LinkProps } from './Text.types';
+export declare const A: React.ComponentType<LinkProps>;
+//# sourceMappingURL=Anchor.d.ts.map

package/build/elements/Anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../src/elements/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,CAAC,gCAgBgB,CAAC"}

package/build/elements/Anchor.js

@@ -8,7 +8,7 @@ export const A = forwardRef(({ href, target, ...props }, ref) => {
             target,
         },
         default: {
-            onPress: event => {
+            onPress: (event) => {
                 props.onPress && props.onPress(event);
                 if (Platform.OS !== 'web' && href !== undefined) {
                     Linking.openURL(href);
@@ -16,6 +16,6 @@ export const A = forwardRef(({ href, target, ...props }, ref) => {
             },
         },
     });
-    return React.createElement(Text, Object.assign({ accessibilityRole: "link" }, props, nativeProps, { ref: ref }));
+    return React.createElement(Text, { accessibilityRole: "link", ...props, ...nativeProps, ref: ref });
 });
 //# sourceMappingURL=Anchor.js.map

package/build/elements/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../src/elements/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAY;QAC7C,GAAG,EAAE;YACH,IAAI;YACJ,MAAM;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACtC,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,IAAI,KAAK,SAAS,EAAE;oBAC/C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBACvB;YACH,CAAC;SACF;KACF,CAAC,CAAC;IACH,OAAO,oBAAC,IAAI,kBAAC,iBAAiB,EAAC,MAAM,IAAK,KAAK,EAAM,WAAW,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjF,CAAC,CAA6B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Linking, Platform } from 'react-native';\n\nimport Text from '../primitives/Text';\nimport { LinkProps } from './Text.types';\n\nexport const A = forwardRef(({ href, target, ...props }: LinkProps, ref) => {\n  const nativeProps = Platform.select<LinkProps>({\n    web: {\n      href,\n      target,\n    },\n    default: {\n      onPress: event => {\n        props.onPress && props.onPress(event);\n        if (Platform.OS !== 'web' && href !== undefined) {\n          Linking.openURL(href);\n        }\n      },\n    },\n  });\n  return <Text accessibilityRole=\"link\" {...props} {...nativeProps} ref={ref} />;\n}) as ComponentType<LinkProps>;\n"]}
+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../src/elements/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAY;QAC7C,GAAG,EAAE;YACH,IAAI;YACJ,MAAM;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACtC,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,IAAI,KAAK,SAAS,EAAE;oBAC/C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBACvB;YACH,CAAC;SACF;KACF,CAAC,CAAC;IACH,OAAO,oBAAC,IAAI,IAAC,iBAAiB,EAAC,MAAM,KAAK,KAAK,KAAM,WAAW,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACjF,CAAC,CAA6B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Linking, Platform } from 'react-native';\n\nimport Text from '../primitives/Text';\nimport { LinkProps } from './Text.types';\n\nexport const A = forwardRef(({ href, target, ...props }: LinkProps, ref) => {\n  const nativeProps = Platform.select<LinkProps>({\n    web: {\n      href,\n      target,\n    },\n    default: {\n      onPress: (event) => {\n        props.onPress && props.onPress(event);\n        if (Platform.OS !== 'web' && href !== undefined) {\n          Linking.openURL(href);\n        }\n      },\n    },\n  });\n  return <Text accessibilityRole=\"link\" {...props} {...nativeProps} ref={ref} />;\n}) as ComponentType<LinkProps>;\n"]}

package/build/elements/Headings.d.ts

@@ -6,3 +6,4 @@ export declare const H3: React.ComponentType<TextProps>;
 export declare const H4: React.ComponentType<TextProps>;
 export declare const H5: React.ComponentType<TextProps>;
 export declare const H6: React.ComponentType<TextProps>;
+//# sourceMappingURL=Headings.d.ts.map

package/build/elements/Headings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headings.d.ts","sourceRoot":"","sources":["../../src/elements/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAsBrD,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC;AAC5C,eAAO,MAAM,EAAE,gCAA4B,CAAC"}

package/build/elements/Headings.js

@@ -10,7 +10,7 @@ function createHeadingComponent(level) {
         default: {},
     });
     return forwardRef((props, ref) => {
-        return (React.createElement(Text, Object.assign({}, nativeProps, { accessibilityRole: "header" }, props, { style: [styles[`h${level}`], props.style], ref: ref })));
+        return (React.createElement(Text, { ...nativeProps, accessibilityRole: "header", ...props, style: [styles[`h${level}`], props.style], ref: ref }));
     });
 }
 export const H1 = createHeadingComponent(1);

package/build/elements/Headings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headings.js","sourceRoot":"","sources":["../../src/elements/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,sBAAsB,CAAC,KAAa;IAC3C,MAAM,WAAW,GAAQ,QAAQ,CAAC,MAAM,CAAC;QACvC,GAAG,EAAE;YACH,YAAY,EAAE,GAAG,KAAK,EAAE;SACzB;QACD,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,CACL,oBAAC,IAAI,oBACC,WAAW,IACf,iBAAiB,EAAC,QAAQ,IACtB,KAAK,IACT,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EACzC,GAAG,EAAE,GAAG,IACR,CACH,CAAC;IACJ,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAE5C,uFAAuF;AACvF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACf,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC;QACjB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;QACrB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACf,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Platform, StyleSheet } from 'react-native';\n\nimport { em } from '../css/units';\nimport Text, { TextProps } from '../primitives/Text';\n\nfunction createHeadingComponent(level: number): ComponentType<TextProps> {\n  const nativeProps: any = Platform.select({\n    web: {\n      'aria-level': `${level}`,\n    },\n    default: {},\n  });\n  return forwardRef((props: TextProps, ref) => {\n    return (\n      <Text\n        {...nativeProps}\n        accessibilityRole=\"header\"\n        {...props}\n        style={[styles[`h${level}`], props.style]}\n        ref={ref}\n      />\n    );\n  }) as ComponentType<TextProps>;\n}\n\nexport const H1 = createHeadingComponent(1);\nexport const H2 = createHeadingComponent(2);\nexport const H3 = createHeadingComponent(3);\nexport const H4 = createHeadingComponent(4);\nexport const H5 = createHeadingComponent(5);\nexport const H6 = createHeadingComponent(6);\n\n// Default web styles: http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css\nconst styles = StyleSheet.create({\n  h1: {\n    fontSize: em(2),\n    marginVertical: em(0.67),\n    fontWeight: 'bold',\n  },\n  h2: {\n    fontSize: em(1.5),\n    marginVertical: em(0.83),\n    fontWeight: 'bold',\n  },\n  h3: {\n    fontSize: em(1.17),\n    marginVertical: em(1),\n    fontWeight: 'bold',\n  },\n  h4: {\n    fontSize: em(1),\n    marginVertical: em(1.33),\n    fontWeight: 'bold',\n  },\n  h5: {\n    fontSize: em(0.83),\n    marginVertical: em(1.67),\n    fontWeight: 'bold',\n  },\n  h6: {\n    fontSize: em(0.67),\n    marginVertical: em(2.33),\n    fontWeight: 'bold',\n  },\n});\n"]}
+{"version":3,"file":"Headings.js","sourceRoot":"","sources":["../../src/elements/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,sBAAsB,CAAC,KAAa;IAC3C,MAAM,WAAW,GAAQ,QAAQ,CAAC,MAAM,CAAC;QACvC,GAAG,EAAE;YACH,YAAY,EAAE,GAAG,KAAK,EAAE;SACzB;QACD,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,CACL,oBAAC,IAAI,OACC,WAAW,EACf,iBAAiB,EAAC,QAAQ,KACtB,KAAK,EACT,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EACzC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IACJ,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAE5C,uFAAuF;AACvF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACf,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC;QACjB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;QACrB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACf,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC;QAClB,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC;QACxB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Platform, StyleSheet } from 'react-native';\n\nimport { em } from '../css/units';\nimport Text, { TextProps } from '../primitives/Text';\n\nfunction createHeadingComponent(level: number): ComponentType<TextProps> {\n  const nativeProps: any = Platform.select({\n    web: {\n      'aria-level': `${level}`,\n    },\n    default: {},\n  });\n  return forwardRef((props: TextProps, ref) => {\n    return (\n      <Text\n        {...nativeProps}\n        accessibilityRole=\"header\"\n        {...props}\n        style={[styles[`h${level}`], props.style]}\n        ref={ref}\n      />\n    );\n  }) as ComponentType<TextProps>;\n}\n\nexport const H1 = createHeadingComponent(1);\nexport const H2 = createHeadingComponent(2);\nexport const H3 = createHeadingComponent(3);\nexport const H4 = createHeadingComponent(4);\nexport const H5 = createHeadingComponent(5);\nexport const H6 = createHeadingComponent(6);\n\n// Default web styles: http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css\nconst styles = StyleSheet.create({\n  h1: {\n    fontSize: em(2),\n    marginVertical: em(0.67),\n    fontWeight: 'bold',\n  },\n  h2: {\n    fontSize: em(1.5),\n    marginVertical: em(0.83),\n    fontWeight: 'bold',\n  },\n  h3: {\n    fontSize: em(1.17),\n    marginVertical: em(1),\n    fontWeight: 'bold',\n  },\n  h4: {\n    fontSize: em(1),\n    marginVertical: em(1.33),\n    fontWeight: 'bold',\n  },\n  h5: {\n    fontSize: em(0.83),\n    marginVertical: em(1.67),\n    fontWeight: 'bold',\n  },\n  h6: {\n    fontSize: em(0.67),\n    marginVertical: em(2.33),\n    fontWeight: 'bold',\n  },\n});\n"]}

package/build/elements/Layout.d.ts

@@ -7,3 +7,4 @@ export declare const Header: React.ComponentType<ViewProps>;
 export declare const Main: React.ComponentType<ViewProps>;
 export declare const Article: React.ComponentType<ViewProps>;
 export declare const Section: React.ComponentType<ViewProps>;
+//# sourceMappingURL=Layout.d.ts.map

package/build/elements/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/elements/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQrD,eAAO,MAAM,GAAG,gCAMf,CAAC;AACF,eAAO,MAAM,MAAM,gCAMlB,CAAC;AACF,eAAO,MAAM,KAAK,gCAMjB,CAAC;AACF,eAAO,MAAM,MAAM,gCASlB,CAAC;AACF,eAAO,MAAM,IAAI,gCAMhB,CAAC;AACF,eAAO,MAAM,OAAO,gCAMnB,CAAC;AACF,eAAO,MAAM,OAAO,gCAElB,CAAC"}

package/build/elements/Layout.js

@@ -3,7 +3,7 @@ import { Platform } from 'react-native';
 import View from '../primitives/View';
 function createView(nativeProps = {}) {
     return forwardRef((props, ref) => {
-        return React.createElement(View, Object.assign({}, nativeProps, props, { ref: ref }));
+        return React.createElement(View, { ...nativeProps, ...props, ref: ref });
     });
 }
 export const Nav = createView(Platform.select({
@@ -40,6 +40,6 @@ export const Article = createView(Platform.select({
     },
 }));
 export const Section = createView({
-    accessibilityRole: 'summary',
+    accessibilityRole: 'summary', // region?
 });
 //# sourceMappingURL=Layout.js.map

package/build/elements/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/elements/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,oBAAK,WAAW,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,YAAY;KAChC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,aAAa;KACjC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,eAAe;KACnC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,QAAQ;KAC5B;IACD,OAAO,EAAE;QACP,iBAAiB,EAAE,QAAQ;KAC5B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,MAAM;KAC1B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,SAAS;KAC7B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;IAChC,iBAAiB,EAAE,SAAS;CAC7B,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Platform } from 'react-native';\n\nimport View, { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps = {}): ComponentType<ViewProps> {\n  return forwardRef((props: ViewProps, ref) => {\n    return <View {...nativeProps} {...props} ref={ref} />;\n  }) as ComponentType<ViewProps>;\n}\n\nexport const Nav = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'navigation',\n    },\n  })\n);\nexport const Footer = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'contentinfo',\n    },\n  })\n);\nexport const Aside = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'complementary',\n    },\n  })\n);\nexport const Header = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'banner',\n    },\n    default: {\n      accessibilityRole: 'header',\n    },\n  })\n);\nexport const Main = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'main',\n    },\n  })\n);\nexport const Article = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'article',\n    },\n  })\n);\nexport const Section = createView({\n  accessibilityRole: 'summary', // region?\n});\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/elements/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,OAAK,WAAW,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,YAAY;KAChC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,aAAa;KACjC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,eAAe;KACnC;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,QAAQ;KAC5B;IACD,OAAO,EAAE;QACP,iBAAiB,EAAE,QAAQ;KAC5B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,MAAM;KAC1B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,SAAS;KAC7B;CACF,CAAC,CACH,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;IAChC,iBAAiB,EAAE,SAAS,EAAE,UAAU;CACzC,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { Platform } from 'react-native';\n\nimport View, { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps = {}): ComponentType<ViewProps> {\n  return forwardRef((props: ViewProps, ref) => {\n    return <View {...nativeProps} {...props} ref={ref} />;\n  }) as ComponentType<ViewProps>;\n}\n\nexport const Nav = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'navigation',\n    },\n  })\n);\nexport const Footer = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'contentinfo',\n    },\n  })\n);\nexport const Aside = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'complementary',\n    },\n  })\n);\nexport const Header = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'banner',\n    },\n    default: {\n      accessibilityRole: 'header',\n    },\n  })\n);\nexport const Main = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'main',\n    },\n  })\n);\nexport const Article = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'article',\n    },\n  })\n);\nexport const Section = createView({\n  accessibilityRole: 'summary', // region?\n});\n"]}

package/build/elements/Lists.d.ts

@@ -2,4 +2,7 @@ import React from 'react';
 import { TextProps } from '../primitives/Text';
 import { ViewProps } from '../primitives/View';
 export declare const UL: React.ComponentType<ViewProps>;
-export declare const LI: React.ComponentType<TextProps | ViewProps>;
+declare type LIProps = TextProps | ViewProps;
+export declare const LI: React.ComponentType<LIProps>;
+export {};
+//# sourceMappingURL=Lists.d.ts.map

package/build/elements/Lists.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lists.d.ts","sourceRoot":"","sources":["../../src/elements/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQrD,eAAO,MAAM,EAAE,gCAMd,CAAC;AAOF,aAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,EAAE,8BAaa,CAAC"}

package/build/elements/Lists.js

@@ -4,7 +4,7 @@ import Text from '../primitives/Text';
 import View from '../primitives/View';
 function createView(nativeProps = {}) {
     return forwardRef((props, ref) => {
-        return React.createElement(View, Object.assign({}, nativeProps, props, { ref: ref }));
+        return React.createElement(View, { ...nativeProps, ...props, ref: ref });
     });
 }
 export const UL = createView(Platform.select({
@@ -22,12 +22,12 @@ export const LI = forwardRef((props, ref) => {
             web: 'listitem',
             default: props.accessibilityRole,
         });
-        return React.createElement(Text, Object.assign({}, props, { accessibilityRole: accessibilityRole, ref: ref }));
+        return React.createElement(Text, { ...props, accessibilityRole: accessibilityRole, ref: ref });
     }
     const accessibilityRole = Platform.select({
         web: 'listitem',
         default: props.accessibilityRole,
     });
-    return React.createElement(View, Object.assign({}, props, { accessibilityRole: accessibilityRole, ref: ref }));
+    return React.createElement(View, { ...props, accessibilityRole: accessibilityRole, ref: ref });
 });
 //# sourceMappingURL=Lists.js.map

package/build/elements/Lists.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lists.js","sourceRoot":"","sources":["../../src/elements/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,oBAAK,WAAW,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAC1B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,MAAM;KAC1B;CACF,CAAC,CACH,CAAC;AAEF,SAAS,WAAW,CAAC,KAAU;IAC7B,qCAAqC;IACrC,OAAO,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC;AAC5C,CAAC;AAID,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAiC,EAAE,GAAQ,EAAE,EAAE;IAC3E,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;QACtB,MAAM,iBAAiB,GAAiC,QAAQ,CAAC,MAAM,CAAC;YACtE,GAAG,EAAE,UAAU;YACf,OAAO,EAAE,KAAK,CAAC,iBAAiB;SACjC,CAAC,CAAC;QACH,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;KAC5E;IACD,MAAM,iBAAiB,GAAiC,QAAQ,CAAC,MAAM,CAAC;QACtE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,KAAK,CAAC,iBAAiB;KACjC,CAAC,CAAC;IACH,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7E,CAAC,CAA2B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef, PropsWithChildren } from 'react';\nimport { Platform } from 'react-native';\n\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps = {}): ComponentType<ViewProps> {\n  return forwardRef((props: ViewProps, ref) => {\n    return <View {...nativeProps} {...props} ref={ref} />;\n  }) as ComponentType<ViewProps>;\n}\n\nexport const UL = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'list',\n    },\n  })\n);\n\nfunction isTextProps(props: any): props is TextProps {\n  // Treat <li></li> as a Text element.\n  return typeof props.children === 'string';\n}\n\ntype LIProps = TextProps | ViewProps;\n\nexport const LI = forwardRef((props: PropsWithChildren<LIProps>, ref: any) => {\n  if (isTextProps(props)) {\n    const accessibilityRole: LIProps['accessibilityRole'] = Platform.select({\n      web: 'listitem',\n      default: props.accessibilityRole,\n    });\n    return <Text {...props} accessibilityRole={accessibilityRole} ref={ref} />;\n  }\n  const accessibilityRole: LIProps['accessibilityRole'] = Platform.select({\n    web: 'listitem',\n    default: props.accessibilityRole,\n  });\n  return <View {...props} accessibilityRole={accessibilityRole} ref={ref} />;\n}) as ComponentType<LIProps>;\n"]}
+{"version":3,"file":"Lists.js","sourceRoot":"","sources":["../../src/elements/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,SAAS,UAAU,CAAC,cAAyB,EAAE;IAC7C,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,OAAK,WAAW,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAC1B,QAAQ,CAAC,MAAM,CAAC;IACd,GAAG,EAAE;QACH,iBAAiB,EAAE,MAAM;KAC1B;CACF,CAAC,CACH,CAAC;AAEF,SAAS,WAAW,CAAC,KAAU;IAC7B,qCAAqC;IACrC,OAAO,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC;AAC5C,CAAC;AAID,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAiC,EAAE,GAAQ,EAAE,EAAE;IAC3E,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;QACtB,MAAM,iBAAiB,GAAiC,QAAQ,CAAC,MAAM,CAAC;YACtE,GAAG,EAAE,UAAU;YACf,OAAO,EAAE,KAAK,CAAC,iBAAiB;SACjC,CAAC,CAAC;QACH,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;KAC5E;IACD,MAAM,iBAAiB,GAAiC,QAAQ,CAAC,MAAM,CAAC;QACtE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,KAAK,CAAC,iBAAiB;KACjC,CAAC,CAAC;IACH,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC7E,CAAC,CAA2B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef, PropsWithChildren } from 'react';\nimport { Platform } from 'react-native';\n\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps = {}): ComponentType<ViewProps> {\n  return forwardRef((props: ViewProps, ref) => {\n    return <View {...nativeProps} {...props} ref={ref} />;\n  }) as ComponentType<ViewProps>;\n}\n\nexport const UL = createView(\n  Platform.select({\n    web: {\n      accessibilityRole: 'list',\n    },\n  })\n);\n\nfunction isTextProps(props: any): props is TextProps {\n  // Treat <li></li> as a Text element.\n  return typeof props.children === 'string';\n}\n\ntype LIProps = TextProps | ViewProps;\n\nexport const LI = forwardRef((props: PropsWithChildren<LIProps>, ref: any) => {\n  if (isTextProps(props)) {\n    const accessibilityRole: LIProps['accessibilityRole'] = Platform.select({\n      web: 'listitem',\n      default: props.accessibilityRole,\n    });\n    return <Text {...props} accessibilityRole={accessibilityRole} ref={ref} />;\n  }\n  const accessibilityRole: LIProps['accessibilityRole'] = Platform.select({\n    web: 'listitem',\n    default: props.accessibilityRole,\n  });\n  return <View {...props} accessibilityRole={accessibilityRole} ref={ref} />;\n}) as ComponentType<LIProps>;\n"]}

package/build/elements/Rules.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ViewProps } from '../primitives/View';
 export declare const HR: React.ComponentType<ViewProps>;
+//# sourceMappingURL=Rules.d.ts.map

package/build/elements/Rules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rules.d.ts","sourceRoot":"","sources":["../../src/elements/Rules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,EAAE,gCAEe,CAAC"}

package/build/elements/Rules.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import { StyleSheet } from 'react-native';
 import View from '../primitives/View';
 export const HR = forwardRef((props, ref) => {
-    return React.createElement(View, Object.assign({}, props, { style: [styles.hr, props.style], ref: ref }));
+    return React.createElement(View, { ...props, style: [styles.hr, props.style], ref: ref });
 });
 const styles = StyleSheet.create({
     hr: {

package/build/elements/Rules.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rules.js","sourceRoot":"","sources":["../../src/elements/Rules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAA6B,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,EAAE,EAAE;QACF,cAAc,EAAE,UAAU,CAAC,aAAa;QACxC,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,CAAC;KAClB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport View, { ViewProps } from '../primitives/View';\n\nexport const HR = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} style={[styles.hr, props.style]} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nconst styles = StyleSheet.create({\n  hr: {\n    borderTopWidth: StyleSheet.hairlineWidth,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderTopColor: '#9A9A9A',\n    borderBottomColor: '#EEEEEE',\n    marginVertical: 8,\n  },\n});\n"]}
+{"version":3,"file":"Rules.js","sourceRoot":"","sources":["../../src/elements/Rules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACxE,CAAC,CAA6B,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,EAAE,EAAE;QACF,cAAc,EAAE,UAAU,CAAC,aAAa;QACxC,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,CAAC;KAClB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport View, { ViewProps } from '../primitives/View';\n\nexport const HR = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} style={[styles.hr, props.style]} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nconst styles = StyleSheet.create({\n  hr: {\n    borderTopWidth: StyleSheet.hairlineWidth,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderTopColor: '#9A9A9A',\n    borderBottomColor: '#EEEEEE',\n    marginVertical: 8,\n  },\n});\n"]}

package/build/elements/Rules.web.d.ts

@@ -1,3 +1,4 @@
 import { ComponentType } from 'react';
 import { ViewProps } from '../primitives/View';
 export declare const HR: ComponentType<ViewProps>;
+//# sourceMappingURL=Rules.web.d.ts.map

package/build/elements/Rules.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rules.web.d.ts","sourceRoot":"","sources":["../../src/elements/Rules.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,EAAE,0BAEe,CAAC"}

package/build/elements/Table.d.ts

@@ -10,3 +10,4 @@ export declare const TH: React.ComponentType<TableTextProps>;
 export declare const TR: React.ComponentType<ViewProps>;
 export declare const TD: React.ComponentType<TableTextProps>;
 export declare const Caption: React.ComponentType<TextProps>;
+//# sourceMappingURL=Table.d.ts.map

package/build/elements/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/elements/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAa,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,KAAK,gCAEY,CAAC;AAE/B,eAAO,MAAM,EAAE,qCAEoB,CAAC;AAEpC,eAAO,MAAM,EAAE,gCAEe,CAAC;AAE/B,eAAO,MAAM,EAAE,qCAEoB,CAAC;AAEpC,eAAO,MAAM,OAAO,gCAEU,CAAC"}

package/build/elements/Table.js

@@ -5,28 +5,28 @@ import { TableText } from '../primitives/Table';
 import Text from '../primitives/Text';
 import View from '../primitives/View';
 export const Table = forwardRef((props, ref) => {
-    return React.createElement(View, Object.assign({}, props, { ref: ref }));
+    return React.createElement(View, { ...props, ref: ref });
 });
 export const THead = forwardRef((props, ref) => {
-    return React.createElement(View, Object.assign({}, props, { ref: ref }));
+    return React.createElement(View, { ...props, ref: ref });
 });
 export const TBody = forwardRef((props, ref) => {
-    return React.createElement(View, Object.assign({}, props, { ref: ref }));
+    return React.createElement(View, { ...props, ref: ref });
 });
 export const TFoot = forwardRef((props, ref) => {
-    return React.createElement(View, Object.assign({}, props, { ref: ref }));
+    return React.createElement(View, { ...props, ref: ref });
 });
 export const TH = forwardRef((props, ref) => {
-    return React.createElement(TableText, Object.assign({}, props, { style: [styles.th, props.style], ref: ref }));
+    return React.createElement(TableText, { ...props, style: [styles.th, props.style], ref: ref });
 });
 export const TR = forwardRef((props, ref) => {
-    return React.createElement(View, Object.assign({}, props, { style: [styles.tr, props.style], ref: ref }));
+    return React.createElement(View, { ...props, style: [styles.tr, props.style], ref: ref });
 });
 export const TD = forwardRef((props, ref) => {
-    return React.createElement(TableText, Object.assign({}, props, { style: [styles.td, props.style], ref: ref }));
+    return React.createElement(TableText, { ...props, style: [styles.td, props.style], ref: ref });
 });
 export const Caption = forwardRef((props, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.caption, props.style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.caption, props.style], ref: ref });
 });
 const styles = StyleSheet.create({
     caption: {

package/build/elements/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/elements/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { em } from '../css/units';\nimport { TableText, TableTextProps } from '../primitives/Table';\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\n\nexport const Table = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const THead = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TBody = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TFoot = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TH = forwardRef((props: TableTextProps, ref: any) => {\n  return <TableText {...props} style={[styles.th, props.style]} ref={ref} />;\n}) as ComponentType<TableTextProps>;\n\nexport const TR = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} style={[styles.tr, props.style]} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TD = forwardRef((props: TableTextProps, ref: any) => {\n  return <TableText {...props} style={[styles.td, props.style]} ref={ref} />;\n}) as ComponentType<TableTextProps>;\n\nexport const Caption = forwardRef((props: TextProps, ref: any) => {\n  return <Text {...props} style={[styles.caption, props.style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nconst styles = StyleSheet.create({\n  caption: {\n    textAlign: 'center',\n    fontSize: em(1) as number,\n  },\n  th: {\n    textAlign: 'center',\n    fontWeight: 'bold',\n    flex: 1,\n    fontSize: em(1) as number,\n  },\n  tr: {\n    flexDirection: 'row',\n  },\n  td: {\n    flex: 1,\n    fontSize: em(1) as number,\n  },\n});\n"]}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/elements/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { em } from '../css/units';\nimport { TableText, TableTextProps } from '../primitives/Table';\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\n\nexport const Table = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const THead = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TBody = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TFoot = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TH = forwardRef((props: TableTextProps, ref: any) => {\n  return <TableText {...props} style={[styles.th, props.style]} ref={ref} />;\n}) as ComponentType<TableTextProps>;\n\nexport const TR = forwardRef((props: ViewProps, ref) => {\n  return <View {...props} style={[styles.tr, props.style]} ref={ref} />;\n}) as ComponentType<ViewProps>;\n\nexport const TD = forwardRef((props: TableTextProps, ref: any) => {\n  return <TableText {...props} style={[styles.td, props.style]} ref={ref} />;\n}) as ComponentType<TableTextProps>;\n\nexport const Caption = forwardRef((props: TextProps, ref: any) => {\n  return <Text {...props} style={[styles.caption, props.style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nconst styles = StyleSheet.create({\n  caption: {\n    textAlign: 'center',\n    fontSize: em(1) as number,\n  },\n  th: {\n    textAlign: 'center',\n    fontWeight: 'bold',\n    flex: 1,\n    fontSize: em(1) as number,\n  },\n  tr: {\n    flexDirection: 'row',\n  },\n  td: {\n    flex: 1,\n    fontSize: em(1) as number,\n  },\n});\n"]}

package/build/elements/Table.web.d.ts

@@ -1,12 +1,11 @@
-import { ComponentType } from 'react';
-import { TableTextProps } from '../primitives/Table';
-import { TextProps } from '../primitives/Text';
+import React from 'react';
 import { ViewProps } from '../primitives/View';
-export declare const Table: ComponentType<ViewProps>;
-export declare const THead: ComponentType<ViewProps>;
-export declare const TBody: ComponentType<ViewProps>;
-export declare const TFoot: ComponentType<ViewProps>;
-export declare const TH: ComponentType<TableTextProps>;
-export declare const TR: ComponentType<ViewProps>;
-export declare const TD: ComponentType<TableTextProps>;
-export declare const Caption: ComponentType<TextProps>;
+export declare const Table: React.ComponentType<ViewProps>;
+export declare const THead: React.ComponentType<ViewProps>;
+export declare const TBody: React.ComponentType<ViewProps>;
+export declare const TFoot: React.ComponentType<ViewProps>;
+export declare const TH: React.ComponentType<ViewProps>;
+export declare const TR: React.ComponentType<ViewProps>;
+export declare const TD: React.ComponentType<ViewProps>;
+export declare const Caption: React.ComponentType<ViewProps>;
+//# sourceMappingURL=Table.web.d.ts.map

package/build/elements/Table.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.web.d.ts","sourceRoot":"","sources":["../../src/elements/Table.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQ/C,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,KAAK,gCAAqC,CAAC;AAGxD,eAAO,MAAM,EAAE,gCAAkC,CAAC;AAGlD,eAAO,MAAM,EAAE,gCAAkC,CAAC;AAGlD,eAAO,MAAM,EAAE,gCAAkC,CAAC;AAGlD,eAAO,MAAM,OAAO,gCAAuC,CAAC"}

package/build/elements/Table.web.js

@@ -1,34 +1,24 @@
-import { forwardRef } from 'react';
-import { StyleSheet } from 'react-native';
-import createElement from 'react-native-web/dist/exports/createElement';
-export const Table = forwardRef((props, ref) => {
-    return createElement('table', { ...props, style: [styles.reset, props.style], ref });
-});
-export const THead = forwardRef((props, ref) => {
-    return createElement('thead', { ...props, style: [styles.reset, props.style], ref });
-});
-export const TBody = forwardRef((props, ref) => {
-    return createElement('tbody', { ...props, style: [styles.reset, props.style], ref });
-});
-export const TFoot = forwardRef((props, ref) => {
-    return createElement('tfoot', { ...props, style: [styles.reset, props.style], ref });
-});
-export const TH = forwardRef((props, ref) => {
-    return createElement('th', { ...props, style: [styles.reset, props.style], ref });
-});
-export const TR = forwardRef((props, ref) => {
-    return createElement('tr', { ...props, style: [styles.reset, props.style], ref });
-});
-export const TD = forwardRef((props, ref) => {
-    return createElement('td', { ...props, style: [styles.reset, props.style], ref });
-});
-export const Caption = forwardRef((props, ref) => {
-    return createElement('caption', { ...props, style: [styles.reset, props.style], ref });
-});
-const styles = StyleSheet.create({
-    reset: {
-        fontFamily: 'System',
-        padding: 0,
-    },
-});
+import React, { forwardRef } from 'react';
+import View from '../primitives/RNWView';
+function createView(nativeProps) {
+    return forwardRef((props, ref) => {
+        return React.createElement(View, { ...nativeProps, ...props, ref: ref });
+    });
+}
+export const Table = createView({ __element: 'table' });
+Table.displayName = 'Table';
+export const THead = createView({ __element: 'thead' });
+THead.displayName = 'THead';
+export const TBody = createView({ __element: 'tbody' });
+TBody.displayName = 'TBody';
+export const TFoot = createView({ __element: 'tfoot' });
+TFoot.displayName = 'TFoot';
+export const TH = createView({ __element: 'th' });
+TH.displayName = 'TH';
+export const TR = createView({ __element: 'tr' });
+TR.displayName = 'TR';
+export const TD = createView({ __element: 'td' });
+TD.displayName = 'TD';
+export const Caption = createView({ __element: 'caption' });
+Caption.displayName = 'Caption';
 //# sourceMappingURL=Table.web.js.map

package/build/elements/Table.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.web.js","sourceRoot":"","sources":["../../src/elements/Table.web.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType, forwardRef } from 'react';\nimport { StyleSheet } from 'react-native';\nimport createElement from 'react-native-web/dist/exports/createElement';\n\nimport { TableTextProps } from '../primitives/Table';\nimport { TextProps } from '../primitives/Text';\nimport { ViewProps } from '../primitives/View';\n\nexport const Table = forwardRef((props: ViewProps, ref) => {\n  return createElement('table', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<ViewProps>;\n\nexport const THead = forwardRef((props: ViewProps, ref) => {\n  return createElement('thead', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<ViewProps>;\n\nexport const TBody = forwardRef((props: ViewProps, ref) => {\n  return createElement('tbody', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<ViewProps>;\n\nexport const TFoot = forwardRef((props: ViewProps, ref) => {\n  return createElement('tfoot', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<ViewProps>;\n\nexport const TH = forwardRef((props: TableTextProps, ref) => {\n  return createElement('th', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<TableTextProps>;\n\nexport const TR = forwardRef((props: ViewProps, ref) => {\n  return createElement('tr', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<ViewProps>;\n\nexport const TD = forwardRef((props: TableTextProps, ref) => {\n  return createElement('td', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<TableTextProps>;\n\nexport const Caption = forwardRef((props: TextProps, ref) => {\n  return createElement('caption', { ...props, style: [styles.reset, props.style], ref });\n}) as ComponentType<TextProps>;\n\nconst styles = StyleSheet.create({\n  reset: {\n    fontFamily: 'System',\n    padding: 0,\n  },\n});\n"]}
+{"version":3,"file":"Table.web.js","sourceRoot":"","sources":["../../src/elements/Table.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAGzC,SAAS,UAAU,CAAC,WAA8C;IAChE,OAAO,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;QAC1C,OAAO,oBAAC,IAAI,OAAK,WAAW,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IACxD,CAAC,CAA6B,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5D,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\n\nimport View from '../primitives/RNWView';\nimport { ViewProps } from '../primitives/View';\n\nfunction createView(nativeProps: ViewProps & { __element: string }): ComponentType<ViewProps> {\n  return forwardRef((props: ViewProps, ref) => {\n    return <View {...nativeProps} {...props} ref={ref} />;\n  }) as ComponentType<ViewProps>;\n}\n\nexport const Table = createView({ __element: 'table' });\nTable.displayName = 'Table';\n\nexport const THead = createView({ __element: 'thead' });\nTHead.displayName = 'THead';\n\nexport const TBody = createView({ __element: 'tbody' });\nTBody.displayName = 'TBody';\n\nexport const TFoot = createView({ __element: 'tfoot' });\nTFoot.displayName = 'TFoot';\n\nexport const TH = createView({ __element: 'th' });\nTH.displayName = 'TH';\n\nexport const TR = createView({ __element: 'tr' });\nTR.displayName = 'TR';\n\nexport const TD = createView({ __element: 'td' });\nTD.displayName = 'TD';\n\nexport const Caption = createView({ __element: 'caption' });\nCaption.displayName = 'Caption';\n"]}

package/build/elements/Text.d.ts

@@ -1,25 +1,21 @@
 import React from 'react';
 import { TextProps } from '../primitives/Text';
 import { ViewProps } from '../primitives/View';
+import { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
 export declare const P: React.ComponentType<TextProps>;
 export declare const B: React.ComponentType<TextProps>;
 export declare const S: React.ComponentType<TextProps>;
 export declare const I: React.ComponentType<TextProps>;
-export declare const Q: React.ComponentType<React.PropsWithChildren<Pick<import("react-native").TextProps & React.ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
-    cite?: string | undefined;
-}>>;
-export declare const BlockQuote: React.ComponentType<React.PropsWithChildren<import("../primitives/View").WebViewProps & Pick<import("react-native").ViewProps & React.ClassAttributes<typeof import("react-native").View>, "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
-    cite?: string | undefined;
-}>>;
+export declare const Q: React.ComponentType<QuoteProps>;
+export declare const BlockQuote: React.ComponentType<BlockQuoteProps>;
 export declare const BR: React.ComponentType<TextProps>;
 export declare const Mark: React.ComponentType<TextProps>;
 export declare const Code: React.ComponentType<TextProps>;
 declare type PreProps = TextProps | ViewProps;
 export declare const Pre: React.ComponentType<PreProps>;
-export declare const Time: React.ComponentType<React.PropsWithChildren<Pick<import("react-native").TextProps & React.ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
-    dateTime?: string | undefined;
-}>>;
+export declare const Time: React.ComponentType<TimeProps>;
 export declare const Strong: React.ComponentType<TextProps>;
 export declare const Del: React.ComponentType<TextProps>;
 export declare const EM: React.ComponentType<TextProps>;
 export {};
+//# sourceMappingURL=Text.d.ts.map

package/build/elements/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/elements/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,gCAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,iCAMiB,CAAC;AAEhC,eAAO,MAAM,UAAU,sCAEa,CAAC;AAErC,eAAO,MAAM,EAAE,gCAEe,CAAC;AAE/B,eAAO,MAAM,IAAI,gCAEa,CAAC;AAE/B,eAAO,MAAM,IAAI,gCAEa,CAAC;AAM/B,aAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,GAAG,+BAKa,CAAC;AAG9B,eAAO,MAAM,IAAI,gCAEa,CAAC;AAE/B,eAAO,MAAM,MAAM,gCAAI,CAAC;AACxB,eAAO,MAAM,GAAG,gCAAI,CAAC;AACrB,eAAO,MAAM,EAAE,gCAAI,CAAC"}

package/build/elements/Text.js

@@ -4,47 +4,47 @@ import { em } from '../css/units';
 import Text from '../primitives/Text';
 import View from '../primitives/View';
 export const P = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.p, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.p, style], ref: ref });
 });
 export const B = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.b, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.b, style], ref: ref });
 });
 export const S = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.s, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.s, style], ref: ref });
 });
 export const I = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.i, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.i, style], ref: ref });
 });
 export const Q = forwardRef(({ children, cite, style, ...props }, ref) => {
-    return (React.createElement(Text, Object.assign({}, props, { style: [styles.q, style], ref: ref }),
+    return (React.createElement(Text, { ...props, style: [styles.q, style], ref: ref },
         "\"",
         children,
         "\""));
 });
 export const BlockQuote = forwardRef(({ style, cite, ...props }, ref) => {
-    return React.createElement(View, Object.assign({}, props, { style: [styles.blockQuote, style], ref: ref }));
+    return React.createElement(View, { ...props, style: [styles.blockQuote, style], ref: ref });
 });
 export const BR = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.br, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.br, style], ref: ref });
 });
 export const Mark = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.mark, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.mark, style], ref: ref });
 });
 export const Code = forwardRef(({ style, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { style: [styles.code, style], ref: ref }));
+    return React.createElement(Text, { ...props, style: [styles.code, style], ref: ref });
 });
 function isTextProps(props) {
     return typeof props.children === 'string';
 }
 export const Pre = forwardRef((props, ref) => {
     if (isTextProps(props)) {
-        return React.createElement(Text, Object.assign({}, props, { style: [styles.code, styles.pre, props.style], ref: ref }));
+        return React.createElement(Text, { ...props, style: [styles.code, styles.pre, props.style], ref: ref });
     }
-    return React.createElement(View, Object.assign({}, props, { style: [styles.pre, props.style], ref: ref }));
+    return React.createElement(View, { ...props, style: [styles.pre, props.style], ref: ref });
 });
 // Extract dateTime to prevent passing it to the native Text element
 export const Time = forwardRef(({ dateTime, ...props }, ref) => {
-    return React.createElement(Text, Object.assign({}, props, { ref: ref }));
+    return React.createElement(Text, { ...props, ref: ref });
 });
 export const Strong = B;
 export const Del = S;
@@ -60,7 +60,7 @@ const styles = StyleSheet.create({
         fontStyle: 'italic',
     },
     code: {
-        fontFamily: Platform.select({ default: 'Courier', android: 'monospace' }),
+        fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),
         fontWeight: '500',
     },
     pre: {

package/build/elements/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/elements/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AAGrD,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjE,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjE,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjE,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjE,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACnF,OAAO,CACL,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG;;QAC/C,QAAQ;aACL,CACR,CAAC;AACJ,CAAC,CAA8B,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAmB,EAAE,GAAG,EAAE,EAAE;IACvF,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1E,CAAC,CAAmC,CAAC;AAErC,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACnE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAClE,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACrE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACpE,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACrE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACpE,CAAC,CAA6B,CAAC;AAE/B,SAAS,WAAW,CAAC,KAAU;IAC7B,OAAO,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC;AAC5C,CAAC;AAID,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,KAAe,EAAE,GAAQ,EAAE,EAAE;IAC1D,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;QACtB,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;KACrF;IACD,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACzE,CAAC,CAA4B,CAAC;AAE9B,oEAAoE;AACpE,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACxE,OAAO,oBAAC,IAAI,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACvC,CAAC,CAA6B,CAAC;AAE/B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC;AACxB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;AACrB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEpB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,CAAC,EAAE;QACD,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;KACtB;IACD,CAAC,EAAE;QACD,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,SAAS,EAAE,QAAQ;KACpB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;QACzE,UAAU,EAAE,KAAK;KAClB;IACD,GAAG,EAAE;QACH,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;KACtB;IACD,UAAU,EAAE;QACV,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;KACtB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC;KAChB;IACD,CAAC,EAAE;QACD,kBAAkB,EAAE,cAAc;QAClC,mBAAmB,EAAE,OAAO;KAC7B;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,QAAQ;QACzB,KAAK,EAAE,OAAO;KACf;IACD,CAAC,EAAE;QACD,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet, Platform } from 'react-native';\n\nimport { em } from '../css/units';\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\nimport { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';\n\nexport const P = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.p, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const B = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.b, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const S = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.s, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const I = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.i, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Q = forwardRef(({ children, cite, style, ...props }: QuoteProps, ref) => {\n  return (\n    <Text {...props} style={[styles.q, style]} ref={ref}>\n      \"{children}\"\n    </Text>\n  );\n}) as ComponentType<QuoteProps>;\n\nexport const BlockQuote = forwardRef(({ style, cite, ...props }: BlockQuoteProps, ref) => {\n  return <View {...props} style={[styles.blockQuote, style]} ref={ref} />;\n}) as ComponentType<BlockQuoteProps>;\n\nexport const BR = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.br, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Mark = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.mark, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Code = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.code, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nfunction isTextProps(props: any): props is TextProps {\n  return typeof props.children === 'string';\n}\n\ntype PreProps = TextProps | ViewProps;\n\nexport const Pre = forwardRef((props: PreProps, ref: any) => {\n  if (isTextProps(props)) {\n    return <Text {...props} style={[styles.code, styles.pre, props.style]} ref={ref} />;\n  }\n  return <View {...props} style={[styles.pre, props.style]} ref={ref} />;\n}) as ComponentType<PreProps>;\n\n// Extract dateTime to prevent passing it to the native Text element\nexport const Time = forwardRef(({ dateTime, ...props }: TimeProps, ref) => {\n  return <Text {...props} ref={ref} />;\n}) as ComponentType<TimeProps>;\n\nexport const Strong = B;\nexport const Del = S;\nexport const EM = I;\n\nconst styles = StyleSheet.create({\n  p: {\n    marginVertical: em(1),\n  },\n  b: {\n    fontWeight: 'bold',\n  },\n  q: {\n    fontStyle: 'italic',\n  },\n  code: {\n    fontFamily: Platform.select({ default: 'Courier', android: 'monospace' }),\n    fontWeight: '500',\n  },\n  pre: {\n    marginVertical: em(1),\n  },\n  blockQuote: {\n    marginVertical: em(1),\n  },\n  br: {\n    width: 0,\n    height: em(0.5),\n  },\n  s: {\n    textDecorationLine: 'line-through',\n    textDecorationStyle: 'solid',\n  },\n  mark: {\n    backgroundColor: 'yellow',\n    color: 'black',\n  },\n  i: {\n    fontStyle: 'italic',\n  },\n});\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/elements/Text.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { StyleSheet, Platform } from 'react-native';\n\nimport { em } from '../css/units';\nimport Text, { TextProps } from '../primitives/Text';\nimport View, { ViewProps } from '../primitives/View';\nimport { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';\n\nexport const P = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.p, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const B = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.b, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const S = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.s, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const I = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.i, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Q = forwardRef(({ children, cite, style, ...props }: QuoteProps, ref) => {\n  return (\n    <Text {...props} style={[styles.q, style]} ref={ref}>\n      \"{children}\"\n    </Text>\n  );\n}) as ComponentType<QuoteProps>;\n\nexport const BlockQuote = forwardRef(({ style, cite, ...props }: BlockQuoteProps, ref) => {\n  return <View {...props} style={[styles.blockQuote, style]} ref={ref} />;\n}) as ComponentType<BlockQuoteProps>;\n\nexport const BR = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.br, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Mark = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.mark, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nexport const Code = forwardRef(({ style, ...props }: TextProps, ref) => {\n  return <Text {...props} style={[styles.code, style]} ref={ref} />;\n}) as ComponentType<TextProps>;\n\nfunction isTextProps(props: any): props is TextProps {\n  return typeof props.children === 'string';\n}\n\ntype PreProps = TextProps | ViewProps;\n\nexport const Pre = forwardRef((props: PreProps, ref: any) => {\n  if (isTextProps(props)) {\n    return <Text {...props} style={[styles.code, styles.pre, props.style]} ref={ref} />;\n  }\n  return <View {...props} style={[styles.pre, props.style]} ref={ref} />;\n}) as ComponentType<PreProps>;\n\n// Extract dateTime to prevent passing it to the native Text element\nexport const Time = forwardRef(({ dateTime, ...props }: TimeProps, ref) => {\n  return <Text {...props} ref={ref} />;\n}) as ComponentType<TimeProps>;\n\nexport const Strong = B;\nexport const Del = S;\nexport const EM = I;\n\nconst styles = StyleSheet.create({\n  p: {\n    marginVertical: em(1),\n  },\n  b: {\n    fontWeight: 'bold',\n  },\n  q: {\n    fontStyle: 'italic',\n  },\n  code: {\n    fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),\n    fontWeight: '500',\n  },\n  pre: {\n    marginVertical: em(1),\n  },\n  blockQuote: {\n    marginVertical: em(1),\n  },\n  br: {\n    width: 0,\n    height: em(0.5),\n  },\n  s: {\n    textDecorationLine: 'line-through',\n    textDecorationStyle: 'solid',\n  },\n  mark: {\n    backgroundColor: 'yellow',\n    color: 'black',\n  },\n  i: {\n    fontStyle: 'italic',\n  },\n});\n"]}

package/build/elements/Text.types.d.ts

@@ -15,3 +15,4 @@ export declare type LinkProps = React.PropsWithChildren<TextProps & {
     /** @platform web */
     target?: string;
 }>;
+//# sourceMappingURL=Text.types.d.ts.map

package/build/elements/Text.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../src/elements/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,oBAAY,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEhF,oBAAY,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAErF,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnF,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAC7C,SAAS,GAAG;IACV,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,CAAC"}

package/build/elements/_Text.web.d.ts

@@ -1,23 +1,19 @@
 import { ComponentType } from 'react';
 import { TextProps } from '../primitives/Text';
+import { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
 export declare const P: ComponentType<TextProps>;
 export declare const B: ComponentType<TextProps>;
 export declare const S: ComponentType<TextProps>;
 export declare const Del: ComponentType<TextProps>;
 export declare const Strong: ComponentType<TextProps>;
 export declare const I: ComponentType<TextProps>;
-export declare const Q: ComponentType<import("react").PropsWithChildren<Pick<import("react-native").TextProps & import("react").ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
-    cite?: string | undefined;
-}>>;
-export declare const BlockQuote: ComponentType<import("react").PropsWithChildren<import("../primitives/View").WebViewProps & Pick<import("react-native").ViewProps & import("react").ClassAttributes<typeof import("react-native").View>, "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
-    cite?: string | undefined;
-}>>;
+export declare const Q: ComponentType<QuoteProps>;
+export declare const BlockQuote: ComponentType<BlockQuoteProps>;
 export declare const EM: ComponentType<TextProps>;
 export declare const BR: ComponentType<TextProps>;
 export declare const Small: ComponentType<TextProps>;
 export declare const Mark: ComponentType<TextProps>;
 export declare const Code: ComponentType<TextProps>;
-export declare const Time: ComponentType<import("react").PropsWithChildren<Pick<import("react-native").TextProps & import("react").ClassAttributes<typeof import("react-native").Text>, "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onLayout" | "onTextLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityComponentType" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityTraits" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "ref"> & import("../primitives/Text").WebTextProps & {
-    dateTime?: string | undefined;
-}>>;
+export declare const Time: ComponentType<TimeProps>;
 export declare const Pre: ComponentType<TextProps>;
+//# sourceMappingURL=_Text.web.d.ts.map

package/build/elements/_Text.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Text.web.d.ts","sourceRoot":"","sources":["../../src/elements/_Text.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,GAAG,0BAEc,CAAC;AAE/B,eAAO,MAAM,MAAM,0BAEW,CAAC;AAE/B,eAAO,MAAM,CAAC,0BAEgB,CAAC;AAE/B,eAAO,MAAM,CAAC,2BAEiB,CAAC;AAEhC,eAAO,MAAM,UAAU,gCAEa,CAAC;AAErC,eAAO,MAAM,EAAE,0BAEe,CAAC;AAE/B,eAAO,MAAM,EAAE,0BAEe,CAAC;AAE/B,eAAO,MAAM,KAAK,0BAEY,CAAC;AAE/B,eAAO,MAAM,IAAI,0BAEa,CAAC;AAE/B,eAAO,MAAM,IAAI,0BAEa,CAAC;AAE/B,eAAO,MAAM,IAAI,0BAEa,CAAC;AAE/B,eAAO,MAAM,GAAG,0BAEc,CAAC"}

package/build/primitives/RNWView.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Expo.
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from 'react';
+import { PlatformMethods, ViewProps } from 'react-native-web/dist/types';
+/**
+ * This is the View from react-native-web copied out in order to supply a custom `__element` property.
+ * In the past, you could use `createElement` to create an element with a custom HTML element, but this changed
+ * somewhere between 0.14...0.17.
+ */
+declare const View: React.AbstractComponent<ViewProps, HTMLElement & PlatformMethods>;
+export default View;
+//# sourceMappingURL=RNWView.d.ts.map

package/build/primitives/RNWView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNWView.d.ts","sourceRoot":"","sources":["../../src/primitives/RNWView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAmBzE;;;;GAIG;AAGH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CA+D3E,CAAC;AA8BF,eAAe,IAAI,CAAC"}

package/build/primitives/RNWView.js

@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) Expo.
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from 'react';
+import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
+import css from 'react-native-web/dist/exports/StyleSheet/css';
+import TextAncestorContext from 'react-native-web/dist/exports/Text/TextAncestorContext';
+import createElement from 'react-native-web/dist/exports/createElement';
+import * as forwardedProps from 'react-native-web/dist/modules/forwardedProps';
+import pick from 'react-native-web/dist/modules/pick';
+import useElementLayout from 'react-native-web/dist/modules/useElementLayout';
+import useMergeRefs from 'react-native-web/dist/modules/useMergeRefs';
+import usePlatformMethods from 'react-native-web/dist/modules/usePlatformMethods';
+import useResponderEvents from 'react-native-web/dist/modules/useResponderEvents';
+const forwardPropsList = {
+    ...forwardedProps.defaultProps,
+    ...forwardedProps.accessibilityProps,
+    ...forwardedProps.clickProps,
+    ...forwardedProps.focusProps,
+    ...forwardedProps.keyboardProps,
+    ...forwardedProps.mouseProps,
+    ...forwardedProps.touchProps,
+    ...forwardedProps.styleProps,
+    lang: true,
+    onScroll: true,
+    onWheel: true,
+    pointerEvents: true,
+};
+const pickProps = (props) => pick(props, forwardPropsList);
+/**
+ * This is the View from react-native-web copied out in order to supply a custom `__element` property.
+ * In the past, you could use `createElement` to create an element with a custom HTML element, but this changed
+ * somewhere between 0.14...0.17.
+ */
+// @ts-ignore
+const View = React.forwardRef((props, forwardedRef) => {
+    const { onLayout, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, __element, } = props;
+    const hasTextAncestor = React.useContext(TextAncestorContext);
+    const hostRef = React.useRef(null);
+    useElementLayout(hostRef, onLayout);
+    useResponderEvents(hostRef, {
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture,
+    });
+    const style = StyleSheet.compose(hasTextAncestor && styles.inline, 
+    // @ts-ignore: untyped
+    props.style);
+    const supportedProps = pickProps(props);
+    supportedProps.classList = classList;
+    supportedProps.style = style;
+    const platformMethodsRef = usePlatformMethods(supportedProps);
+    const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
+    supportedProps.ref = setRef;
+    return createElement(__element, supportedProps);
+});
+View.displayName = 'View';
+const classes = css.create({
+    view: {
+        alignItems: 'stretch',
+        border: '0 solid black',
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexBasis: 'auto',
+        flexDirection: 'column',
+        flexShrink: 0,
+        margin: 0,
+        minHeight: 0,
+        minWidth: 0,
+        padding: 0,
+        position: 'relative',
+        zIndex: 0,
+    },
+});
+const classList = [classes.view];
+const styles = StyleSheet.create({
+    inline: {
+        display: 'inline-flex',
+    },
+});
+export default View;
+//# sourceMappingURL=RNWView.js.map

package/build/primitives/RNWView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNWView.js","sourceRoot":"","sources":["../../src/primitives/RNWView.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright (c) Expo.\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport * as React from 'react';\nimport StyleSheet from 'react-native-web/dist/exports/StyleSheet';\nimport css from 'react-native-web/dist/exports/StyleSheet/css';\nimport TextAncestorContext from 'react-native-web/dist/exports/Text/TextAncestorContext';\nimport createElement from 'react-native-web/dist/exports/createElement';\nimport * as forwardedProps from 'react-native-web/dist/modules/forwardedProps';\nimport pick from 'react-native-web/dist/modules/pick';\nimport useElementLayout from 'react-native-web/dist/modules/useElementLayout';\nimport useMergeRefs from 'react-native-web/dist/modules/useMergeRefs';\nimport usePlatformMethods from 'react-native-web/dist/modules/usePlatformMethods';\nimport useResponderEvents from 'react-native-web/dist/modules/useResponderEvents';\nimport { PlatformMethods, ViewProps } from 'react-native-web/dist/types';\n\nconst forwardPropsList = {\n  ...forwardedProps.defaultProps,\n  ...forwardedProps.accessibilityProps,\n  ...forwardedProps.clickProps,\n  ...forwardedProps.focusProps,\n  ...forwardedProps.keyboardProps,\n  ...forwardedProps.mouseProps,\n  ...forwardedProps.touchProps,\n  ...forwardedProps.styleProps,\n  lang: true,\n  onScroll: true,\n  onWheel: true,\n  pointerEvents: true,\n};\n\nconst pickProps = (props) => pick(props, forwardPropsList);\n\n/**\n * This is the View from react-native-web copied out in order to supply a custom `__element` property.\n * In the past, you could use `createElement` to create an element with a custom HTML element, but this changed\n * somewhere between 0.14...0.17.\n */\n\n// @ts-ignore\nconst View: React.AbstractComponent<ViewProps, HTMLElement & PlatformMethods> = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      onLayout,\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n      __element,\n    } = props as any;\n\n    const hasTextAncestor = React.useContext(TextAncestorContext);\n    const hostRef = React.useRef(null);\n\n    useElementLayout(hostRef, onLayout);\n    useResponderEvents(hostRef, {\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n    });\n\n    const style = StyleSheet.compose(\n      hasTextAncestor && styles.inline,\n      // @ts-ignore: untyped\n      props.style\n    );\n\n    const supportedProps = pickProps(props);\n    supportedProps.classList = classList;\n    supportedProps.style = style;\n\n    const platformMethodsRef = usePlatformMethods(supportedProps);\n    const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);\n\n    supportedProps.ref = setRef;\n\n    return createElement(__element, supportedProps);\n  }\n);\n\nView.displayName = 'View';\n\nconst classes = css.create({\n  view: {\n    alignItems: 'stretch',\n    border: '0 solid black',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexBasis: 'auto',\n    flexDirection: 'column',\n    flexShrink: 0,\n    margin: 0,\n    minHeight: 0,\n    minWidth: 0,\n    padding: 0,\n    position: 'relative',\n    zIndex: 0,\n  },\n});\n\nconst classList = [classes.view];\n\nconst styles = StyleSheet.create({\n  inline: {\n    display: 'inline-flex',\n  },\n});\n\nexport default View;\n"]}

package/build/primitives/Table.d.ts

@@ -9,3 +9,4 @@ export declare type TableTextProps = NativeTextProps & {
 };
 export declare const TableText: ComponentType<TableTextProps>;
 export {};
+//# sourceMappingURL=Table.d.ts.map

package/build/primitives/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/primitives/Table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,aAAK,eAAe,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,eAAe,CAAC,OAAO,IAAI,CAAC,CAAC;AAElF,oBAAY,cAAc,GAAG,eAAe,GAAG;IAC7C,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,SAAS,+BAAwC,CAAC"}

package/build/primitives/Text.d.ts

@@ -31,3 +31,4 @@ export declare type WebTextProps = {
 export declare type TextProps = Omit<NativeTextProps, 'style' | 'accessibilityRole'> & WebTextProps;
 declare const Text: ComponentType<TextProps>;
 export default Text;
+//# sourceMappingURL=Text.d.ts.map

package/build/primitives/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/primitives/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,IAAI,IAAI,UAAU,EAClB,SAAS,IAAI,eAAe,EAC7B,MAAM,cAAc,CAAC;AAItB,aAAK,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG,eAAe,CAAC,OAAO,UAAU,CAAC,CAAC;AAE9F,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IAChD,sCAAsC;IACtC,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IACpD,oBAAoB;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oBAAY,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC;AAExF,oBAAY,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;CACpD,CAAC;AAEF,oBAAY,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,mBAAmB,CAAC,GAAG,YAAY,CAAC;AAE5F,QAAA,MAAM,IAAI,0BAAyC,CAAC;AAEpD,eAAe,IAAI,CAAC"}

package/build/primitives/View.d.ts

@@ -118,3 +118,4 @@ export declare type WebViewProps = {
 export declare type ViewProps = WebViewProps & Omit<NativeViewProps, 'style' | 'accessibilityRole'>;
 declare const View: ComponentType<ViewProps>;
 export default View;
+//# sourceMappingURL=View.d.ts.map

package/build/primitives/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../src/primitives/View.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/html-elements",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "Universal semantic HTML React components for iOS, Android, web, and desktop",
   "main": "build/Elements.js",
   "types": "build/Elements.d.ts",
@@ -31,12 +31,12 @@
   },
   "author": "650 Industries, Inc.",
   "license": "MIT",
-  "homepage": "https://github.com/expo/expo/tree/master/packages/html-elements",
+  "homepage": "https://github.com/expo/expo/tree/main/packages/html-elements",
   "jest": {
     "preset": "expo-module-scripts/enzyme"
   },
   "devDependencies": {
     "expo-module-scripts": "^2.0.0"
   },
-  "gitHead": "5b57d1fd0a20294c1dec7c43b5df34dd6425d1a5"
+  "gitHead": "22dce752354bb429c84851bc4389abe47a766b1f"
 }