@expo/html-elements 57.0.0 → 58.0.0-canary-20260805-ccd18b9

package/.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"6.0.3"}

package/.turbo/turbo-build.log

@@ -0,0 +1,27 @@
+
+> @expo/html-elements@58.0.0-canary-20260805-ccd18b9 build /Users/runner/work/expo/expo/packages/html-elements
+> expo-build src
+
+src/Elements.tsx
+src/css/createSafeStyledView.native.tsx
+src/css/createSafeStyledView.tsx
+src/css/filterStyles.ts
+src/css/units.ts
+src/elements/Anchor.tsx
+src/elements/Headings.tsx
+src/elements/Layout.tsx
+src/elements/Lists.tsx
+src/elements/Rules.tsx
+src/elements/Rules.web.tsx
+src/elements/Table.tsx
+src/elements/Table.web.tsx
+src/elements/Text.tsx
+src/elements/Text.types.ts
+src/primitives/Image.tsx
+src/primitives/RNWView.tsx
+src/primitives/Table.tsx
+src/primitives/Text.tsx
+src/primitives/View.tsx
+src/primitives/createDevView.tsx
+src/ts-declarations/process.d.ts
+src/ts-declarations/react-native-web.d.ts

package/CHANGELOG.md

@@ -10,7 +10,7 @@
 
 ### 💡 Others
 
-## 57.0.0 — 2026-06-25
+## 57.0.0 - 2026-06-25
 
 _This version does not introduce any user-facing changes._
 

package/README.md

@@ -88,15 +88,15 @@ Here is a list of all the currently supported elements and the web feature they
 | [`<tr />`][html-tr]                 |         [`<TR />`](#tr)         |
 | [`<ul />`][html-ul]                 |         [`<UL />`](#ul)         |
 | [`<li />`][html-li]                 |         [`<LI />`](#li)         |
-| [`<details />`][html-details]       |           ⏱ Pending            |
-| [`<summary />`][html-summary]       |           ⏱ Pending            |
-| [`<progress />`][html-progress]     |           ⏱ Pending            |
-| [`<select />`][html-select]         |           ⏱ Pending            |
-| [`<picture />`][html-picture]       |           ⏱ Pending            |
-| [`<figure />`][html-figure]         |           ⏱ Pending            |
-| [`<figcaption />`][html-figcaption] |           ⏱ Pending            |
-| [`<form />`][html-form]             |           ⏱ Pending            |
-| [`<label />`][html-label]           |           ⏱ Pending            |
+| [`<details />`][html-details]       |            ⏱ Pending            |
+| [`<summary />`][html-summary]       |            ⏱ Pending            |
+| [`<progress />`][html-progress]     |            ⏱ Pending            |
+| [`<select />`][html-select]         |            ⏱ Pending            |
+| [`<picture />`][html-picture]       |            ⏱ Pending            |
+| [`<figure />`][html-figure]         |            ⏱ Pending            |
+| [`<figcaption />`][html-figcaption] |            ⏱ Pending            |
+| [`<form />`][html-form]             |            ⏱ Pending            |
+| [`<label />`][html-label]           |            ⏱ Pending            |
 
 ## External
 
@@ -420,7 +420,7 @@ Standard paragraph element.
 
 ### `<B/>`
 
-Bold text text.
+Bold text.
 
 | Platform  | Output                                    |
 | --------- | ----------------------------------------- |
@@ -734,7 +734,7 @@ Create a cell in a Table.
 
 ### `<Caption/>`
 
-Used to caption your table. Excepts text as a child.
+Used to caption your table. Accepts text as a child.
 
 | Platform | Output                      |
 | -------- | --------------------------- |

package/babel/jest.config.js

@@ -1,12 +1,8 @@
 const path = require('path');
 
-const roots = ['.'];
-
 module.exports = {
-  testEnvironment: 'node',
-  testRegex: './__tests__/.*(test|spec)\\.[jt]sx?$',
-  watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
+  ...require('expo-module-scripts/jest-preset-cli'),
   rootDir: path.resolve(__dirname),
   displayName: require('../package').name,
-  roots,
+  roots: ['.'],
 };

package/build/Elements.d.ts

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

package/build/Elements.js

@@ -0,0 +1,9 @@
+export * from './elements/Headings';
+export * from './elements/Anchor';
+export * from './elements/Layout';
+export * from './elements/Text';
+export * from './elements/Rules';
+export * from './elements/Table';
+export * from './elements/Lists';
+
+//# sourceMappingURL=Elements.js.map

package/build/Elements.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Elements.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB"}

package/build/css/createSafeStyledView.d.ts

@@ -1,2 +1 @@
 export declare function createSafeStyledView<TView>(View: TView): TView;
-//# sourceMappingURL=createSafeStyledView.d.ts.map

package/build/css/createSafeStyledView.js

@@ -0,0 +1,6 @@
+export function createSafeStyledView(View) {
+    // Do nothing by default
+    return View;
+}
+
+//# sourceMappingURL=createSafeStyledView.js.map

package/build/css/createSafeStyledView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css/createSafeStyledView.tsx"],"sourcesContent":[null],"names":["createSafeStyledView","View"],"mappings":"AAAA,OAAO,SAASA,qBAA4BC,IAAW;IACrD,wBAAwB;IACxB,OAAOA;AACT"}

package/build/css/createSafeStyledView.native.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare function createSafeStyledView<TView extends React.ComponentType<any>>(View: TView): ({ style, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=createSafeStyledView.native.d.ts.map

package/build/css/createSafeStyledView.native.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { filterStyles } from './filterStyles';
+export function createSafeStyledView(View) {
+    return function Safe({ style, ...props }) {
+        // Filter and apply `center` prop.
+        const finalStyle = useMemo(()=>filterStyles(style), [
+            style
+        ]);
+        return /*#__PURE__*/ _jsx(View, {
+            style: finalStyle,
+            ...props
+        });
+    };
+}
+
+//# sourceMappingURL=createSafeStyledView.native.js.map

package/build/css/createSafeStyledView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css/createSafeStyledView.native.tsx"],"sourcesContent":[null],"names":["React","useMemo","filterStyles","createSafeStyledView","View","Safe","style","props","finalStyle"],"mappings":";AAAA,OAAOA,SAASC,OAAO,QAAQ,QAAQ;AAEvC,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,OAAO,SAASC,qBAA6DC,IAAW;IACtF,OAAO,SAASC,KAAK,EAAEC,KAAK,EAAE,GAAGC,OAAY;QAC3C,kCAAkC;QAClC,MAAMC,aAAaP,QAAQ,IAAMC,aAAaI,QAAQ;YAACA;SAAM;QAE7D,qBAAO,KAACF;YAAKE,OAAOE;YAAa,GAAGD,KAAK;;IAC3C;AACF"}

package/build/css/filterStyles.d.ts

@@ -1,3 +1,2 @@
 import { type StyleProp } from 'react-native';
 export declare function filterStyles(styleProp: StyleProp<any>): any;
-//# sourceMappingURL=filterStyles.d.ts.map

package/build/css/filterStyles.js

@@ -0,0 +1,86 @@
+import { StyleSheet } from 'react-native';
+// Remove the unsupported web styles from the style object
+// to prevent crashing.
+const WEB_STYLES = [
+    'backdropFilter',
+    'animationDelay',
+    'animationDirection',
+    'animationDuration',
+    'animationFillMode',
+    'animationName',
+    'animationIterationCount',
+    'animationPlayState',
+    'animationTimingFunction',
+    'backgroundAttachment',
+    'backgroundBlendMode',
+    'backgroundClip',
+    'backgroundImage',
+    'backgroundOrigin',
+    'backgroundPosition',
+    'backgroundRepeat',
+    'backgroundSize',
+    'boxShadow',
+    'boxSizing',
+    'clip',
+    'cursor',
+    'filter',
+    'gridAutoColumns',
+    'gridAutoFlow',
+    'gridAutoRows',
+    'gridColumnEnd',
+    'gridColumnGap',
+    'gridColumnStart',
+    'gridRowEnd',
+    'gridRowGap',
+    'gridRowStart',
+    'gridTemplateColumns',
+    'gridTemplateRows',
+    'gridTemplateAreas',
+    'outline',
+    'outlineColor',
+    'overflowX',
+    'overflowY',
+    'overscrollBehavior',
+    'overscrollBehaviorX',
+    'overscrollBehaviorY',
+    'perspective',
+    'perspectiveOrigin',
+    'touchAction',
+    'transformOrigin',
+    'transitionDelay',
+    'transitionDuration',
+    'transitionProperty',
+    'transitionTimingFunction',
+    'userSelect',
+    'willChange'
+];
+export function filterStyles(styleProp) {
+    if (!styleProp) {
+        return styleProp;
+    }
+    const style = StyleSheet.flatten(styleProp);
+    const filteredStyle = Object.fromEntries(Object.entries(style).filter(([k])=>!WEB_STYLES.includes(k)));
+    return processNativeStyles(filteredStyle);
+}
+function processNativeStyles(style) {
+    if (!style) return style;
+    if (style.visibility) {
+        if (style.visibility === 'hidden') {
+            // style.display = "none";
+            style.opacity = 0;
+        }
+        delete style.visibility;
+    }
+    if (style.position) {
+        if (![
+            'absolute',
+            'relative'
+        ].includes(style.position)) {
+            console.warn(`Unsupported position: '${style.position}'`);
+            style.position = 'relative';
+        }
+    }
+    return style;
+}
+
+//# sourceMappingURL=filterStyles.js.map

package/build/css/filterStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css/filterStyles.ts"],"sourcesContent":[null],"names":["StyleSheet","WEB_STYLES","filterStyles","styleProp","style","flatten","filteredStyle","Object","fromEntries","entries","filter","k","includes","processNativeStyles","visibility","opacity","position","console","warn"],"mappings":"AACA,SAAyBA,UAAU,QAAQ,eAAe;AAE1D,0DAA0D;AAC1D,uBAAuB;AACvB,MAAMC,aAAa;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,SAASC,aAAaC,SAAyB;IACpD,IAAI,CAACA,WAAW;QACd,OAAOA;IACT;IACA,MAAMC,QAAQJ,WAAWK,OAAO,CAACF;IAEjC,MAAMG,gBAAgBC,OAAOC,WAAW,CACtCD,OAAOE,OAAO,CAACL,OAAOM,MAAM,CAAC,CAAC,CAACC,EAAE,GAAK,CAACV,WAAWW,QAAQ,CAACD;IAG7D,OAAOE,oBAAoBP;AAC7B;AAEA,SAASO,oBAAoBT,KAAoB;IAC/C,IAAI,CAACA,OAAO,OAAOA;IAEnB,IAAIA,MAAMU,UAAU,EAAE;QACpB,IAAIV,MAAMU,UAAU,KAAK,UAAU;YACjC,0BAA0B;YAC1BV,MAAMW,OAAO,GAAG;QAClB;QACA,OAAOX,MAAMU,UAAU;IACzB;IAEA,IAAIV,MAAMY,QAAQ,EAAE;QAClB,IAAI,CAAC;YAAC;YAAY;SAAW,CAACJ,QAAQ,CAACR,MAAMY,QAAQ,GAAG;YACtDC,QAAQC,IAAI,CAAC,CAAC,uBAAuB,EAAEd,MAAMY,QAAQ,CAAC,CAAC,CAAC;YACxDZ,MAAMY,QAAQ,GAAG;QACnB;IACF;IAEA,OAAOZ;AACT"}

package/build/css/units.d.ts

@@ -1,3 +1,2 @@
 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.js

@@ -0,0 +1,11 @@
+import { PixelRatio, Platform } from 'react-native';
+export function rem(value) {
+    if (Platform.OS === 'web') return `${value}rem`;
+    return PixelRatio.getFontScale() * 16 * value;
+}
+export function em(value) {
+    if (Platform.OS === 'web') return `${value}em`;
+    return rem(value);
+}
+
+//# sourceMappingURL=units.js.map

package/build/css/units.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css/units.ts"],"sourcesContent":[null],"names":["PixelRatio","Platform","rem","value","OS","getFontScale","em"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AAEpD,OAAO,SAASC,IAAIC,KAAa;IAC/B,IAAIF,SAASG,EAAE,KAAK,OAAO,OAAO,GAAGD,MAAM,GAAG,CAAC;IAC/C,OAAOH,WAAWK,YAAY,KAAK,KAAKF;AAC1C;AAEA,OAAO,SAASG,GAAGH,KAAa;IAC9B,IAAIF,SAASG,EAAE,KAAK,OAAO,OAAO,GAAGD,MAAM,EAAE,CAAC;IAC9C,OAAOD,IAAIC;AACb"}

package/build/elements/Anchor.d.ts

@@ -1,3 +1,2 @@
 import type { LinkProps } from './Text.types';
 export declare function A({ href, target, download, rel, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Anchor.d.ts.map

package/build/elements/Anchor.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Linking, Platform } from 'react-native';
+import Text from '../primitives/Text';
+export function A({ href, target, download, rel, ...props }) {
+    const nativeProps = Platform.select({
+        web: {
+            href,
+            hrefAttrs: {
+                target,
+                download,
+                rel
+            }
+        },
+        default: {
+            onPress: (event)=>{
+                props.onPress && props.onPress(event);
+                if (Platform.OS !== 'web' && href !== undefined) {
+                    Linking.openURL(href);
+                }
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsx(Text, {
+        role: "link",
+        ...props,
+        ...nativeProps
+    });
+}
+
+//# sourceMappingURL=Anchor.js.map

package/build/elements/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Anchor.tsx"],"sourcesContent":[null],"names":["Linking","Platform","Text","A","href","target","download","rel","props","nativeProps","select","web","hrefAttrs","default","onPress","event","OS","undefined","openURL","role"],"mappings":";AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,eAAe;AAEjD,OAAOC,UAAU,qBAAqB;AAGtC,OAAO,SAASC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,GAAG,EAAE,GAAGC,OAAkB;IACpE,MAAMC,cAAcR,SAASS,MAAM,CAAY;QAC7CC,KAAK;YACHP;YACAQ,WAAW;gBACTP;gBACAC;gBACAC;YACF;QACF;QACAM,SAAS;YACPC,SAAS,CAACC;gBACRP,MAAMM,OAAO,IAAIN,MAAMM,OAAO,CAACC;gBAC/B,IAAId,SAASe,EAAE,KAAK,SAASZ,SAASa,WAAW;oBAC/CjB,QAAQkB,OAAO,CAACd;gBAClB;YACF;QACF;IACF;IACA,qBAAO,KAACF;QAAKiB,MAAK;QAAQ,GAAGX,KAAK;QAAG,GAAGC,WAAW;;AACrD"}

package/build/elements/Headings.d.ts

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

package/build/elements/Headings.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform, StyleSheet } from 'react-native';
+import { em } from '../css/units';
+import Text from '../primitives/Text';
+function createHeadingComponent(level) {
+    const nativeProps = Platform.select({
+        web: {
+            'aria-level': level,
+            role: 'header'
+        },
+        default: {
+            accessibilityRole: 'header'
+        }
+    });
+    function Heading(props) {
+        return /*#__PURE__*/ _jsx(Text, {
+            ...nativeProps,
+            ...props,
+            style: [
+                styles[`h${level}`],
+                props.style
+            ]
+        });
+    }
+    if (__DEV__) {
+        Heading.displayName = `H${level}`;
+    }
+    return Heading;
+}
+export const H1 = createHeadingComponent(1);
+export const H2 = createHeadingComponent(2);
+export const H3 = createHeadingComponent(3);
+export const H4 = createHeadingComponent(4);
+export const H5 = createHeadingComponent(5);
+export const H6 = createHeadingComponent(6);
+// Default web styles: http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
+const styles = StyleSheet.create({
+    h1: {
+        // @ts-ignore
+        fontSize: em(2),
+        // @ts-ignore
+        marginVertical: em(0.67),
+        fontWeight: 'bold'
+    },
+    h2: {
+        // @ts-ignore
+        fontSize: em(1.5),
+        // @ts-ignore
+        marginVertical: em(0.83),
+        fontWeight: 'bold'
+    },
+    h3: {
+        // @ts-ignore
+        fontSize: em(1.17),
+        // @ts-ignore
+        marginVertical: em(1),
+        fontWeight: 'bold'
+    },
+    h4: {
+        // @ts-ignore
+        fontSize: em(1),
+        // @ts-ignore
+        marginVertical: em(1.33),
+        fontWeight: 'bold'
+    },
+    h5: {
+        // @ts-ignore
+        fontSize: em(0.83),
+        // @ts-ignore
+        marginVertical: em(1.67),
+        fontWeight: 'bold'
+    },
+    h6: {
+        // @ts-ignore
+        fontSize: em(0.67),
+        // @ts-ignore
+        marginVertical: em(2.33),
+        fontWeight: 'bold'
+    }
+});
+
+//# sourceMappingURL=Headings.js.map

package/build/elements/Headings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Headings.tsx"],"sourcesContent":[null],"names":["Platform","StyleSheet","em","Text","createHeadingComponent","level","nativeProps","select","web","role","default","accessibilityRole","Heading","props","style","styles","__DEV__","displayName","H1","H2","H3","H4","H5","H6","create","h1","fontSize","marginVertical","fontWeight","h2","h3","h4","h5","h6"],"mappings":";AACA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,eAAe;AAEpD,SAASC,EAAE,QAAQ,eAAe;AAElC,OAAOC,UAAU,qBAAqB;AAItC,SAASC,uBAAuBC,KAAmB;IACjD,MAAMC,cAAmBN,SAASO,MAAM,CAAC;QACvCC,KAAK;YACH,cAAcH;YACdI,MAAM;QACR;QACAC,SAAS;YACPC,mBAAmB;QACrB;IACF;IACA,SAASC,QAAQC,KAAgB;QAC/B,qBAAO,KAACV;YAAM,GAAGG,WAAW;YAAG,GAAGO,KAAK;YAAEC,OAAO;gBAACC,MAAM,CAAC,CAAC,CAAC,EAAEV,OAAO,CAAC;gBAAEQ,MAAMC,KAAK;aAAC;;IACpF;IAEA,IAAIE,SAAS;QACXJ,QAAQK,WAAW,GAAG,CAAC,CAAC,EAAEZ,OAAO;IACnC;IAEA,OAAOO;AACT;AAEA,OAAO,MAAMM,KAAKd,uBAAuB,GAAG;AAC5C,OAAO,MAAMe,KAAKf,uBAAuB,GAAG;AAC5C,OAAO,MAAMgB,KAAKhB,uBAAuB,GAAG;AAC5C,OAAO,MAAMiB,KAAKjB,uBAAuB,GAAG;AAC5C,OAAO,MAAMkB,KAAKlB,uBAAuB,GAAG;AAC5C,OAAO,MAAMmB,KAAKnB,uBAAuB,GAAG;AAE5C,uFAAuF;AACvF,MAAMW,SAASd,WAAWuB,MAAM,CAAC;IAC/BC,IAAI;QACF,aAAa;QACbC,UAAUxB,GAAG;QACb,aAAa;QACbyB,gBAAgBzB,GAAG;QACnB0B,YAAY;IACd;IACAC,IAAI;QACF,aAAa;QACbH,UAAUxB,GAAG;QACb,aAAa;QACbyB,gBAAgBzB,GAAG;QACnB0B,YAAY;IACd;IACAE,IAAI;QACF,aAAa;QACbJ,UAAUxB,GAAG;QACb,aAAa;QACbyB,gBAAgBzB,GAAG;QACnB0B,YAAY;IACd;IACAG,IAAI;QACF,aAAa;QACbL,UAAUxB,GAAG;QACb,aAAa;QACbyB,gBAAgBzB,GAAG;QACnB0B,YAAY;IACd;IACAI,IAAI;QACF,aAAa;QACbN,UAAUxB,GAAG;QACb,aAAa;QACbyB,gBAAgBzB,GAAG;QACnB0B,YAAY;IACd;IACAK,IAAI;QACF,aAAa;QACbP,UAAUxB,GAAG;QACb,aAAa;QACbyB,gBAAgBzB,GAAG;QACnB0B,YAAY;IACd;AACF"}

package/build/elements/Layout.d.ts

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

package/build/elements/Layout.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform } from 'react-native';
+import View from '../primitives/View';
+function createView(nativeProps = {}) {
+    return function Dom(props) {
+        return /*#__PURE__*/ _jsx(View, {
+            ...nativeProps,
+            ...props
+        });
+    };
+}
+export const Div = createView();
+export const Nav = createView(Platform.select({
+    web: {
+        role: 'navigation'
+    }
+}));
+export const Footer = createView(Platform.select({
+    web: {
+        role: 'contentinfo'
+    }
+}));
+export const Aside = createView(Platform.select({
+    web: {
+        role: 'complementary'
+    }
+}));
+export const Header = createView(Platform.select({
+    web: {
+        role: 'banner'
+    },
+    default: {
+        accessibilityRole: 'header'
+    }
+}));
+export const Main = createView(Platform.select({
+    web: {
+        role: 'main'
+    }
+}));
+export const Article = createView(Platform.select({
+    web: {
+        role: 'article'
+    }
+}));
+export const Section = createView({
+    role: 'summary'
+});
+if (__DEV__) {
+    Div.displayName = 'Div';
+    Nav.displayName = 'Nav';
+    Footer.displayName = 'Footer';
+    Aside.displayName = 'Aside';
+    Header.displayName = 'Header';
+    Main.displayName = 'Main';
+    Article.displayName = 'Article';
+    Section.displayName = 'Section';
+}
+
+//# sourceMappingURL=Layout.js.map

package/build/elements/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Layout.tsx"],"sourcesContent":[null],"names":["Platform","View","createView","nativeProps","Dom","props","Div","Nav","select","web","role","Footer","Aside","Header","default","accessibilityRole","Main","Article","Section","__DEV__","displayName"],"mappings":";AACA,SAASA,QAAQ,QAAQ,eAAe;AAGxC,OAAOC,UAAU,qBAAqB;AAEtC,SAASC,WAAWC,cAAyB,CAAC,CAAC;IAC7C,OAAO,SAASC,IAAIC,KAAgB;QAClC,qBAAO,KAACJ;YAAM,GAAGE,WAAW;YAAG,GAAGE,KAAK;;IACzC;AACF;AAEA,OAAO,MAAMC,MAAMJ,aAAa;AAEhC,OAAO,MAAMK,MAAML,WACjBF,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;AACF,IACA;AACF,OAAO,MAAMC,SAAST,WACpBF,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;AACF,IACA;AACF,OAAO,MAAME,QAAQV,WACnBF,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;AACF,IACA;AACF,OAAO,MAAMG,SAASX,WACpBF,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;IACAI,SAAS;QACPC,mBAAmB;IACrB;AACF,IACA;AACF,OAAO,MAAMC,OAAOd,WAClBF,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;AACF,IACA;AACF,OAAO,MAAMO,UAAUf,WACrBF,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;AACF,IACA;AACF,OAAO,MAAMQ,UAAUhB,WAAW;IAChCQ,MAAM;AACR,GAAG;AAEH,IAAIS,SAAS;IACXb,IAAIc,WAAW,GAAG;IAClBb,IAAIa,WAAW,GAAG;IAClBT,OAAOS,WAAW,GAAG;IACrBR,MAAMQ,WAAW,GAAG;IACpBP,OAAOO,WAAW,GAAG;IACrBJ,KAAKI,WAAW,GAAG;IACnBH,QAAQG,WAAW,GAAG;IACtBF,QAAQE,WAAW,GAAG;AACxB"}

package/build/elements/Lists.d.ts

@@ -5,4 +5,3 @@ export declare const UL: ComponentType<ViewProps>;
 type LIProps = TextProps | ViewProps;
 export declare function LI(props: PropsWithChildren<LIProps>): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=Lists.d.ts.map

package/build/elements/Lists.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform } from 'react-native';
+import Text from '../primitives/Text';
+import View from '../primitives/View';
+function createView(nativeProps = {}) {
+    return function Dom(props) {
+        return /*#__PURE__*/ _jsx(View, {
+            ...nativeProps,
+            ...props
+        });
+    };
+}
+export const UL = createView(Platform.select({
+    web: {
+        role: 'list'
+    }
+}));
+if (__DEV__) {
+    UL.displayName = 'UL';
+}
+function isTextProps(props) {
+    // Treat <li></li> as a Text element.
+    return typeof props.children === 'string';
+}
+export function LI(props) {
+    if (isTextProps(props)) {
+        const role = Platform.select({
+            web: 'listitem',
+            default: props.role
+        });
+        return /*#__PURE__*/ _jsx(Text, {
+            ...props,
+            role: role
+        });
+    }
+    const role = Platform.select({
+        web: 'listitem',
+        default: props.role
+    });
+    return /*#__PURE__*/ _jsx(View, {
+        ...props,
+        role: role
+    });
+}
+
+//# sourceMappingURL=Lists.js.map

package/build/elements/Lists.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Lists.tsx"],"sourcesContent":[null],"names":["Platform","Text","View","createView","nativeProps","Dom","props","UL","select","web","role","__DEV__","displayName","isTextProps","children","LI","default"],"mappings":";AACA,SAASA,QAAQ,QAAQ,eAAe;AAGxC,OAAOC,UAAU,qBAAqB;AAEtC,OAAOC,UAAU,qBAAqB;AAEtC,SAASC,WAAWC,cAAyB,CAAC,CAAC;IAC7C,OAAO,SAASC,IAAIC,KAAgB;QAClC,qBAAO,KAACJ;YAAM,GAAGE,WAAW;YAAG,GAAGE,KAAK;;IACzC;AACF;AAEA,OAAO,MAAMC,KAAKJ,WAChBH,SAASQ,MAAM,CAAC;IACdC,KAAK;QACHC,MAAM;IACR;AACF,IACA;AAEF,IAAIC,SAAS;IACXJ,GAAGK,WAAW,GAAG;AACnB;AAEA,SAASC,YAAYP,KAAU;IAC7B,qCAAqC;IACrC,OAAO,OAAOA,MAAMQ,QAAQ,KAAK;AACnC;AAIA,OAAO,SAASC,GAAGT,KAAiC;IAClD,IAAIO,YAAYP,QAAQ;QACtB,MAAMI,OAAwBV,SAASQ,MAAM,CAAC;YAC5CC,KAAK;YACLO,SAASV,MAAMI,IAAI;QACrB;QACA,qBAAO,KAACT;YAAM,GAAGK,KAAK;YAAEI,MAAMA;;IAChC;IACA,MAAMA,OAAwBV,SAASQ,MAAM,CAAC;QAC5CC,KAAK;QACLO,SAASV,MAAMI,IAAI;IACrB;IACA,qBAAO,KAACR;QAAM,GAAGI,KAAK;QAAEI,MAAMA;;AAChC"}

package/build/elements/Rules.d.ts

@@ -1,3 +1,2 @@
 import type { ViewProps } from '../primitives/View';
 export declare function HR(props: ViewProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Rules.d.ts.map

package/build/elements/Rules.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet } from 'react-native';
+import View from '../primitives/View';
+export function HR(props) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props,
+        style: [
+            styles.hr,
+            props.style
+        ]
+    });
+}
+const styles = StyleSheet.create({
+    hr: {
+        borderTopWidth: StyleSheet.hairlineWidth,
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderTopColor: '#9A9A9A',
+        borderBottomColor: '#EEEEEE',
+        marginVertical: 8
+    }
+});
+
+//# sourceMappingURL=Rules.js.map

package/build/elements/Rules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Rules.tsx"],"sourcesContent":[null],"names":["StyleSheet","View","HR","props","style","styles","hr","create","borderTopWidth","hairlineWidth","borderBottomWidth","borderTopColor","borderBottomColor","marginVertical"],"mappings":";AAAA,SAASA,UAAU,QAAQ,eAAe;AAG1C,OAAOC,UAAU,qBAAqB;AAEtC,OAAO,SAASC,GAAGC,KAAgB;IACjC,qBAAO,KAACF;QAAM,GAAGE,KAAK;QAAEC,OAAO;YAACC,OAAOC,EAAE;YAAEH,MAAMC,KAAK;SAAC;;AACzD;AAEA,MAAMC,SAASL,WAAWO,MAAM,CAAC;IAC/BD,IAAI;QACFE,gBAAgBR,WAAWS,aAAa;QACxCC,mBAAmBV,WAAWS,aAAa;QAC3CE,gBAAgB;QAChBC,mBAAmB;QACnBC,gBAAgB;IAClB;AACF"}

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

@@ -1,3 +1,2 @@
 import type { ViewProps } from '../primitives/View';
 export declare function HR(props: ViewProps): import("react").ReactElement<import("../primitives/View").WebViewProps & Omit<import("react-native").ViewProps & import("react").ClassAttributes<typeof import("react-native").View>, "style">, string | import("react").JSXElementConstructor<any>>;
-//# sourceMappingURL=Rules.web.d.ts.map

package/build/elements/Rules.web.js

@@ -0,0 +1,6 @@
+import createElement from 'react-native-web/dist/exports/createElement';
+export function HR(props) {
+    return createElement('hr', props);
+}
+
+//# sourceMappingURL=Rules.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Rules.web.tsx"],"sourcesContent":[null],"names":["createElement","HR","props"],"mappings":"AAAA,OAAOA,mBAAmB,8CAA8C;AAIxE,OAAO,SAASC,GAAGC,KAAgB;IACjC,OAAOF,cAAc,MAAME;AAC7B"}

package/build/elements/Table.d.ts

@@ -9,4 +9,3 @@ export declare function TH(props: TableTextProps): import("react/jsx-runtime").J
 export declare function TR(props: ViewProps): import("react/jsx-runtime").JSX.Element;
 export declare function TD(props: TableTextProps): import("react/jsx-runtime").JSX.Element;
 export declare function Caption(props: TextProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Table.d.ts.map