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

package/build/elements/Table.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet } from 'react-native';
+import { em } from '../css/units';
+import { TableText } from '../primitives/Table';
+import Text from '../primitives/Text';
+import View from '../primitives/View';
+export function Table(props) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props
+    });
+}
+export function THead(props) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props
+    });
+}
+export function TBody(props) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props
+    });
+}
+export function TFoot(props) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props
+    });
+}
+export function TH(props) {
+    return /*#__PURE__*/ _jsx(TableText, {
+        ...props,
+        style: [
+            styles.th,
+            props.style
+        ]
+    });
+}
+export function TR(props) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props,
+        style: [
+            styles.tr,
+            props.style
+        ]
+    });
+}
+export function TD(props) {
+    return /*#__PURE__*/ _jsx(TableText, {
+        ...props,
+        style: [
+            styles.td,
+            props.style
+        ]
+    });
+}
+export function Caption(props) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.caption,
+            props.style
+        ]
+    });
+}
+const styles = StyleSheet.create({
+    caption: {
+        textAlign: 'center',
+        fontSize: em(1)
+    },
+    th: {
+        textAlign: 'center',
+        fontWeight: 'bold',
+        flex: 1,
+        fontSize: em(1)
+    },
+    tr: {
+        flexDirection: 'row'
+    },
+    td: {
+        flex: 1,
+        fontSize: em(1)
+    }
+});
+
+//# sourceMappingURL=Table.js.map

package/build/elements/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Table.tsx"],"sourcesContent":[null],"names":["StyleSheet","em","TableText","Text","View","Table","props","THead","TBody","TFoot","TH","style","styles","th","TR","tr","TD","td","Caption","caption","create","textAlign","fontSize","fontWeight","flex","flexDirection"],"mappings":";AAAA,SAASA,UAAU,QAAQ,eAAe;AAE1C,SAASC,EAAE,QAAQ,eAAe;AAElC,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,OAAOC,UAAU,qBAAqB;AAEtC,OAAOC,UAAU,qBAAqB;AAEtC,OAAO,SAASC,MAAMC,KAAgB;IACpC,qBAAO,KAACF;QAAM,GAAGE,KAAK;;AACxB;AAEA,OAAO,SAASC,MAAMD,KAAgB;IACpC,qBAAO,KAACF;QAAM,GAAGE,KAAK;;AACxB;AAEA,OAAO,SAASE,MAAMF,KAAgB;IACpC,qBAAO,KAACF;QAAM,GAAGE,KAAK;;AACxB;AAEA,OAAO,SAASG,MAAMH,KAAgB;IACpC,qBAAO,KAACF;QAAM,GAAGE,KAAK;;AACxB;AAEA,OAAO,SAASI,GAAGJ,KAAqB;IACtC,qBAAO,KAACJ;QAAW,GAAGI,KAAK;QAAEK,OAAO;YAACC,OAAOC,EAAE;YAAEP,MAAMK,KAAK;SAAC;;AAC9D;AAEA,OAAO,SAASG,GAAGR,KAAgB;IACjC,qBAAO,KAACF;QAAM,GAAGE,KAAK;QAAEK,OAAO;YAACC,OAAOG,EAAE;YAAET,MAAMK,KAAK;SAAC;;AACzD;AAEA,OAAO,SAASK,GAAGV,KAAqB;IACtC,qBAAO,KAACJ;QAAW,GAAGI,KAAK;QAAEK,OAAO;YAACC,OAAOK,EAAE;YAAEX,MAAMK,KAAK;SAAC;;AAC9D;AAEA,OAAO,SAASO,QAAQZ,KAAgB;IACtC,qBAAO,KAACH;QAAM,GAAGG,KAAK;QAAEK,OAAO;YAACC,OAAOO,OAAO;YAAEb,MAAMK,KAAK;SAAC;;AAC9D;AAEA,MAAMC,SAASZ,WAAWoB,MAAM,CAAC;IAC/BD,SAAS;QACPE,WAAW;QACXC,UAAUrB,GAAG;IACf;IACAY,IAAI;QACFQ,WAAW;QACXE,YAAY;QACZC,MAAM;QACNF,UAAUrB,GAAG;IACf;IACAc,IAAI;QACFU,eAAe;IACjB;IACAR,IAAI;QACFO,MAAM;QACNF,UAAUrB,GAAG;IACf;AACF"}

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

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

package/build/elements/Table.web.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import View from '../primitives/RNWView';
+function createView(nativeProps) {
+    return function Dom(props) {
+        // @ts-expect-error - View and ViewProps have no properties in common
+        return /*#__PURE__*/ _jsx(View, {
+            ...nativeProps,
+            ...props
+        });
+    };
+}
+export const Table = createView({
+    __element: 'table'
+});
+export const THead = createView({
+    __element: 'thead'
+});
+export const TBody = createView({
+    __element: 'tbody'
+});
+export const TFoot = createView({
+    __element: 'tfoot'
+});
+export const TH = createView({
+    __element: 'th'
+});
+export const TR = createView({
+    __element: 'tr'
+});
+export const TD = createView({
+    __element: 'td'
+});
+export const Caption = createView({
+    __element: 'caption'
+});
+if (__DEV__) {
+    Table.displayName = 'Table';
+    THead.displayName = 'THead';
+    TBody.displayName = 'TBody';
+    TFoot.displayName = 'TFoot';
+    TH.displayName = 'TH';
+    TR.displayName = 'TR';
+    TD.displayName = 'TD';
+    Caption.displayName = 'Caption';
+}
+
+//# sourceMappingURL=Table.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Table.web.tsx"],"sourcesContent":[null],"names":["View","createView","nativeProps","Dom","props","Table","__element","THead","TBody","TFoot","TH","TR","TD","Caption","__DEV__","displayName"],"mappings":";AAEA,OAAOA,UAAU,wBAAwB;AAGzC,SAASC,WAAWC,WAA8C;IAChE,OAAO,SAASC,IAAIC,KAAgB;QAClC,qEAAqE;QACrE,qBAAO,KAACJ;YAAM,GAAGE,WAAW;YAAG,GAAGE,KAAK;;IACzC;AACF;AAEA,OAAO,MAAMC,QAAQJ,WAAW;IAAEK,WAAW;AAAQ,GAAG;AAExD,OAAO,MAAMC,QAAQN,WAAW;IAAEK,WAAW;AAAQ,GAAG;AAExD,OAAO,MAAME,QAAQP,WAAW;IAAEK,WAAW;AAAQ,GAAG;AAExD,OAAO,MAAMG,QAAQR,WAAW;IAAEK,WAAW;AAAQ,GAAG;AAExD,OAAO,MAAMI,KAAKT,WAAW;IAAEK,WAAW;AAAK,GAAG;AAElD,OAAO,MAAMK,KAAKV,WAAW;IAAEK,WAAW;AAAK,GAAG;AAElD,OAAO,MAAMM,KAAKX,WAAW;IAAEK,WAAW;AAAK,GAAG;AAElD,OAAO,MAAMO,UAAUZ,WAAW;IAAEK,WAAW;AAAU,GAAG;AAE5D,IAAIQ,SAAS;IACXT,MAAMU,WAAW,GAAG;IACpBR,MAAMQ,WAAW,GAAG;IACpBP,MAAMO,WAAW,GAAG;IACpBN,MAAMM,WAAW,GAAG;IACpBL,GAAGK,WAAW,GAAG;IACjBJ,GAAGI,WAAW,GAAG;IACjBH,GAAGG,WAAW,GAAG;IACjBF,QAAQE,WAAW,GAAG;AACxB"}

package/build/elements/Text.d.ts

@@ -1,6 +1,6 @@
-import type { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
 import type { TextProps } from '../primitives/Text';
 import type { ViewProps } from '../primitives/View';
+import type { BlockQuoteProps, QuoteProps, TimeProps } from './Text.types';
 export declare function P({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
 export declare function B({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
 export declare function S({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
@@ -18,4 +18,3 @@ export declare const Del: typeof S;
 export declare const EM: typeof I;
 export declare const Span: import("react").ComponentType<TextProps>;
 export {};
-//# sourceMappingURL=Text.d.ts.map

package/build/elements/Text.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Platform } from 'react-native';
+import { em } from '../css/units';
+import Text from '../primitives/Text';
+import View from '../primitives/View';
+export function P({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.p,
+            style
+        ]
+    });
+}
+export function B({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.b,
+            style
+        ]
+    });
+}
+export function S({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.s,
+            style
+        ]
+    });
+}
+export function I({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.i,
+            style
+        ]
+    });
+}
+export function Q({ children, cite, style, ...props }) {
+    return /*#__PURE__*/ _jsxs(Text, {
+        ...props,
+        style: [
+            styles.q,
+            style
+        ],
+        children: [
+            '"',
+            children,
+            '"'
+        ]
+    });
+}
+export function BlockQuote({ style, cite, ...props }) {
+    return /*#__PURE__*/ _jsx(View, {
+        ...props,
+        style: [
+            styles.blockQuote,
+            style
+        ]
+    });
+}
+export function BR({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.br,
+            style
+        ]
+    });
+}
+export function Mark({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.mark,
+            style
+        ]
+    });
+}
+export function Code({ style, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props,
+        style: [
+            styles.code,
+            style
+        ]
+    });
+}
+function isTextProps(props) {
+    return typeof props.children === 'string';
+}
+export function Pre(props) {
+    if (isTextProps(props)) {
+        return /*#__PURE__*/ _jsx(Text, {
+            ...props,
+            style: [
+                styles.code,
+                styles.pre,
+                props.style
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(View, {
+        ...props,
+        style: [
+            styles.pre,
+            props.style
+        ]
+    });
+}
+// Extract dateTime to prevent passing it to the native Text element
+export function Time({ dateTime, ...props }) {
+    return /*#__PURE__*/ _jsx(Text, {
+        ...props
+    });
+}
+export const Strong = B;
+export const Del = S;
+export const EM = I;
+export const Span = Text;
+const styles = StyleSheet.create({
+    p: {
+        // @ts-ignore
+        marginVertical: em(1)
+    },
+    b: {
+        fontWeight: 'bold'
+    },
+    q: {
+        fontStyle: 'italic'
+    },
+    code: {
+        fontFamily: Platform.select({
+            default: `SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`,
+            ios: 'ui-monospace',
+            android: 'monospace'
+        }),
+        fontWeight: '500'
+    },
+    pre: {
+        // @ts-ignore
+        marginVertical: em(1)
+    },
+    blockQuote: {
+        // @ts-ignore
+        marginVertical: em(1)
+    },
+    br: {
+        width: 0,
+        // @ts-ignore
+        height: em(0.5)
+    },
+    s: {
+        textDecorationLine: 'line-through',
+        textDecorationStyle: 'solid'
+    },
+    mark: {
+        backgroundColor: 'yellow',
+        color: 'black'
+    },
+    i: {
+        fontStyle: 'italic'
+    }
+});
+
+//# sourceMappingURL=Text.js.map

package/build/elements/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Text.tsx"],"sourcesContent":[null],"names":["StyleSheet","Platform","em","Text","View","P","style","props","styles","p","B","b","S","s","I","i","Q","children","cite","q","BlockQuote","blockQuote","BR","br","Mark","mark","Code","code","isTextProps","Pre","pre","Time","dateTime","Strong","Del","EM","Span","create","marginVertical","fontWeight","fontStyle","fontFamily","select","default","ios","android","width","height","textDecorationLine","textDecorationStyle","backgroundColor","color"],"mappings":"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"}

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

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

package/build/elements/Text.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=Text.types.js.map

package/build/elements/Text.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["elements/Text.types.ts"],"sourcesContent":[null],"names":[],"mappings":"AASA,WAWE"}

package/build/primitives/Image.d.ts

@@ -20,4 +20,3 @@ export type WebImageProps = {
 export type ImageProps = Omit<NativeImageProps, 'style'> & WebImageProps;
 declare const _default: ComponentType<ImageProps>;
 export default _default;
-//# sourceMappingURL=Image.d.ts.map

package/build/primitives/Image.js

@@ -0,0 +1,6 @@
+import { Image as NativeImage } from 'react-native';
+import { createSafeStyledView } from '../css/createSafeStyledView';
+const Image = NativeImage;
+export default createSafeStyledView(Image);
+
+//# sourceMappingURL=Image.js.map

package/build/primitives/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["primitives/Image.tsx"],"sourcesContent":[null],"names":["Image","NativeImage","createSafeStyledView"],"mappings":"AAEA,SAASA,SAASC,WAAW,QAAQ,eAAe;AAEpD,SAASC,oBAAoB,QAAQ,8BAA8B;AAwBnE,MAAMF,QAAQC;AAEd,eAAeC,qBAAqBF,OAAoC"}

package/build/primitives/RNWView.d.ts

@@ -18,4 +18,3 @@ declare namespace View {
     var displayName: string;
 }
 export default View;
-//# sourceMappingURL=RNWView.d.ts.map

package/build/primitives/RNWView.js

@@ -0,0 +1,128 @@
+/**
+ * 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 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 { useLocaleContext, getLocaleDirection } from 'react-native-web/dist/modules/useLocale';
+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 = Object.assign({}, forwardedProps.defaultProps, forwardedProps.accessibilityProps, forwardedProps.clickProps, forwardedProps.defaultProps, forwardedProps.accessibilityProps, forwardedProps.clickProps, forwardedProps.focusProps, forwardedProps.keyboardProps, forwardedProps.mouseProps, forwardedProps.touchProps, forwardedProps.styleProps, {
+    href: true,
+    lang: true,
+    onScroll: true,
+    onWheel: true,
+    pointerEvents: true
+});
+function pickProps(props) {
+    return 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.
+ */ function View(props) {
+    const { __element, hrefAttrs, onLayout, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, ref: forwardedRef, ...rest } = props;
+    // if (process.env.NODE_ENV !== 'production') {
+    //   React.Children.toArray(props.children).forEach((item) => {
+    //     if (typeof item === 'string') {
+    //       console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
+    //     }
+    //   });
+    // }
+    const hasTextAncestor = React.use(TextAncestorContext);
+    const hostRef = React.useRef(null);
+    const { direction: contextDirection } = useLocaleContext();
+    useElementLayout(hostRef, onLayout);
+    useResponderEvents(hostRef, {
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture
+    });
+    let component = __element ?? 'div';
+    const langDirection = props.lang != null ? getLocaleDirection(props.lang) : null;
+    const componentDirection = props.dir || langDirection;
+    const writingDirection = componentDirection || contextDirection;
+    const supportedProps = pickProps(rest);
+    supportedProps.dir = componentDirection;
+    supportedProps.style = [
+        styles.view$raw,
+        hasTextAncestor && styles.inline,
+        props.style
+    ];
+    if (props.href != null) {
+        component = 'a';
+        if (hrefAttrs != null) {
+            const { download, rel, target } = hrefAttrs;
+            if (download != null) {
+                supportedProps.download = download;
+            }
+            if (rel != null) {
+                supportedProps.rel = rel;
+            }
+            if (typeof target === 'string') {
+                supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target;
+            }
+        }
+    }
+    const platformMethodsRef = usePlatformMethods(supportedProps);
+    const setRef = useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
+    return createElement(component, {
+        ...supportedProps,
+        ref: setRef
+    }, // @ts-expect-error TODO(cedric): 'writingDirection' does not exist in type 'ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'
+    {
+        writingDirection
+    });
+}
+if (__DEV__) {
+    View.displayName = 'View';
+}
+const styles = StyleSheet.create({
+    view$raw: {
+        alignItems: 'stretch',
+        backgroundColor: 'transparent',
+        border: '0 solid black',
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexBasis: 'auto',
+        flexDirection: 'column',
+        flexShrink: 0,
+        listStyle: 'none',
+        margin: 0,
+        minHeight: 0,
+        minWidth: 0,
+        padding: 0,
+        position: 'relative',
+        textDecoration: 'none',
+        zIndex: 0
+    },
+    inline: {
+        display: 'inline-flex'
+    }
+});
+export default View;
+
+//# sourceMappingURL=RNWView.js.map

package/build/primitives/RNWView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["primitives/RNWView.tsx"],"sourcesContent":[null],"names":["React","StyleSheet","TextAncestorContext","createElement","forwardedProps","pick","useElementLayout","useLocaleContext","getLocaleDirection","useMergeRefs","usePlatformMethods","useResponderEvents","forwardPropsList","Object","assign","defaultProps","accessibilityProps","clickProps","focusProps","keyboardProps","mouseProps","touchProps","styleProps","href","lang","onScroll","onWheel","pointerEvents","pickProps","props","View","__element","hrefAttrs","onLayout","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","ref","forwardedRef","rest","hasTextAncestor","use","hostRef","useRef","direction","contextDirection","component","langDirection","componentDirection","dir","writingDirection","supportedProps","style","styles","view$raw","inline","download","rel","target","charAt","platformMethodsRef","setRef","__DEV__","displayName","create","alignItems","backgroundColor","border","boxSizing","display","flexBasis","flexDirection","flexShrink","listStyle","margin","minHeight","minWidth","padding","position","textDecoration","zIndex"],"mappings":"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"}

package/build/primitives/Table.d.ts

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

package/build/primitives/Table.js

@@ -0,0 +1,4 @@
+import Text from './Text';
+export const TableText = Text;
+
+//# sourceMappingURL=Table.js.map

package/build/primitives/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["primitives/Table.tsx"],"sourcesContent":[null],"names":["Text","TableText"],"mappings":"AAEA,OAAOA,UAAU,SAAS;AAW1B,OAAO,MAAMC,YAAYD,KAAsC"}

package/build/primitives/Text.d.ts

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

package/build/primitives/Text.js

@@ -0,0 +1,6 @@
+import { Text as NativeText } from 'react-native';
+import { createSafeStyledView } from '../css/createSafeStyledView';
+const Text = NativeText;
+export default createSafeStyledView(Text);
+
+//# sourceMappingURL=Text.js.map

package/build/primitives/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["primitives/Text.tsx"],"sourcesContent":[null],"names":["Text","NativeText","createSafeStyledView"],"mappings":"AAEA,SAASA,QAAQC,UAAU,QAAQ,eAAe;AAElD,SAASC,oBAAoB,QAAQ,8BAA8B;AA8DnE,MAAMF,OAAOC;AAEb,eAAeC,qBAAqBF,MAAkC"}

package/build/primitives/View.d.ts

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

package/build/primitives/View.js

@@ -0,0 +1,11 @@
+import { View as NativeView } from 'react-native';
+import { createSafeStyledView } from '../css/createSafeStyledView';
+import { createDevView } from './createDevView';
+let View = NativeView;
+if (process.env.NODE_ENV !== 'production') {
+    // Add better errors and warnings in development builds.
+    View = createDevView(NativeView);
+}
+export default createSafeStyledView(View);
+
+//# sourceMappingURL=View.js.map

package/build/primitives/View.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["primitives/View.tsx"],"sourcesContent":[null],"names":["View","NativeView","createSafeStyledView","createDevView","process","env","NODE_ENV"],"mappings":"AACA,SAMEA,QAAQC,UAAU,QACb,eAAe;AAEtB,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,aAAa,QAAQ,kBAAkB;AA8HhD,IAAIH,OAAOC;AAEX,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC,wDAAwD;IACxDN,OAAOG,cAAcF;AACvB;AAEA,eAAeC,qBAAqBF,MAAkC"}

package/build/primitives/createDevView.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 /** Extend a view with a `children` filter that asserts more helpful warnings/errors. */
 export declare function createDevView<TView extends React.ComponentType<any>>(View: TView): ({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=createDevView.d.ts.map

package/build/primitives/createDevView.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Platform, StyleSheet, Text } from 'react-native';
+function useChildren(inputChildren) {
+    return React.useMemo(()=>{
+        const children = [];
+        React.Children.forEach(inputChildren, (child)=>{
+            if (child == null || typeof child === 'boolean') {} else if (typeof child === 'string' || typeof child === 'number' || typeof child === 'bigint') {
+                // Wrap text in a Text component.
+                let message = `Invalid raw text as a child of View: "${child}"${child === '' ? ` [empty string]` : ''}.`;
+                message += ' Wrap the text contents with a Text element or remove it.';
+                console.warn(message);
+                children.push(/*#__PURE__*/ _jsxs(Text, {
+                    style: [
+                        StyleSheet.absoluteFill,
+                        styles.error
+                    ],
+                    children: [
+                        'Unwrapped text: "',
+                        /*#__PURE__*/ _jsx(Text, {
+                            style: {
+                                fontWeight: 'bold'
+                            },
+                            children: child
+                        }),
+                        '"'
+                    ]
+                }));
+            } else if ('type' in child && typeof child?.type === 'string' && Platform.OS !== 'web') {
+                // Disallow untransformed react-dom elements on native.
+                throw new Error(`Using unsupported React DOM element: <${child.type} />`);
+            } else {
+                children.push(child);
+            }
+        });
+        return children;
+    }, [
+        inputChildren
+    ]);
+}
+/** Extend a view with a `children` filter that asserts more helpful warnings/errors. */ export function createDevView(View) {
+    return function DevView({ children, ...props }) {
+        return /*#__PURE__*/ _jsx(View, {
+            ...props,
+            children: useChildren(children)
+        });
+    };
+}
+const styles = StyleSheet.create({
+    error: {
+        backgroundColor: 'firebrick',
+        color: 'white'
+    }
+});
+
+//# sourceMappingURL=createDevView.js.map

package/build/primitives/createDevView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["primitives/createDevView.tsx"],"sourcesContent":[null],"names":["React","Platform","StyleSheet","Text","useChildren","inputChildren","useMemo","children","Children","forEach","child","message","console","warn","push","style","absoluteFill","styles","error","fontWeight","type","OS","Error","createDevView","View","DevView","props","create","backgroundColor","color"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,eAAe;AAE1D,SAASC,YAAYC,aAA8B;IACjD,OAAOL,MAAMM,OAAO,CAAC;QACnB,MAAMC,WAA8B,EAAE;QACtCP,MAAMQ,QAAQ,CAACC,OAAO,CAACJ,eAAe,CAACK;YACrC,IAAIA,SAAS,QAAQ,OAAOA,UAAU,WAAW,CACjD,OAAO,IACL,OAAOA,UAAU,YACjB,OAAOA,UAAU,YACjB,OAAOA,UAAU,UACjB;gBACA,iCAAiC;gBACjC,IAAIC,UAAU,CAAC,sCAAsC,EAAED,MAAM,CAAC,EAC5DA,UAAU,KAAK,CAAC,eAAe,CAAC,GAAG,GACpC,CAAC,CAAC;gBACHC,WAAW;gBACXC,QAAQC,IAAI,CAACF;gBACbJ,SAASO,IAAI,eACX,MAACX;oBAAKY,OAAO;wBAACb,WAAWc,YAAY;wBAAEC,OAAOC,KAAK;qBAAC;;wBAAE;sCACnC,KAACf;4BAAKY,OAAO;gCAAEI,YAAY;4BAAO;sCAAIT;;wBAAa;;;YAG1E,OAAO,IAAI,UAAUA,SAAS,OAAOA,OAAOU,SAAS,YAAYnB,SAASoB,EAAE,KAAK,OAAO;gBACtF,uDAAuD;gBACvD,MAAM,IAAIC,MAAM,CAAC,sCAAsC,EAAEZ,MAAMU,IAAI,CAAC,GAAG,CAAC;YAC1E,OAAO;gBACLb,SAASO,IAAI,CAACJ;YAChB;QACF;QACA,OAAOH;IACT,GAAG;QAACF;KAAc;AACpB;AAEA,sFAAsF,GACtF,OAAO,SAASkB,cAAsDC,IAAW;IAC/E,OAAO,SAASC,QAAQ,EAAElB,QAAQ,EAAE,GAAGmB,OAAY;QACjD,qBAAO,KAACF;YAAM,GAAGE,KAAK;YAAEnB,UAAUH,YAAYG;;IAChD;AACF;AAEA,MAAMU,SAASf,WAAWyB,MAAM,CAAC;IAC/BT,OAAO;QACLU,iBAAiB;QACjBC,OAAO;IACT;AACF"}

package/build/ts-declarations/process.d.ts

@@ -0,0 +1,7 @@
+interface Process {
+  env: {
+    [key: string]: string | undefined;
+  };
+}
+
+declare const process: Process;