@alveole/components 0.43.2 → 1.0.0

package/dist/core/Alert/Alert.d.ts

@@ -0,0 +1,11 @@
+import { AlertButton, AlertOptions } from 'react-native';
+export type AlertProps = {
+    title: string;
+    message?: string;
+    buttons?: AlertButton[];
+    options?: AlertOptions;
+};
+export declare const Alert: {
+    alert: (props: AlertProps) => void;
+};
+//# sourceMappingURL=Alert.d.ts.map

package/dist/core/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/core/Alert/Alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAA6B,MAAM,cAAc,CAAC;AAEpF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,KAAK;mBACD,UAAU;CAC1B,CAAC"}

package/dist/core/Alert/Alert.js

@@ -0,0 +1,4 @@
+import { Alert as ReactNativeAlert } from 'react-native';
+export const Alert = {
+    alert: (props) => ReactNativeAlert.alert(props.title, props.message, props.buttons, props.options),
+};

package/dist/core/Alert/Alert.web.d.ts

@@ -0,0 +1,5 @@
+import type { AlertProps } from './Alert';
+export declare const Alert: {
+    alert: (props: AlertProps) => void;
+};
+//# sourceMappingURL=Alert.web.d.ts.map

package/dist/core/Alert/Alert.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.web.d.ts","sourceRoot":"","sources":["../../../src/core/Alert/Alert.web.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,KAAK;mBACD,UAAU;CAK1B,CAAC"}

package/dist/core/Alert/Alert.web.js

@@ -0,0 +1,7 @@
+export const Alert = {
+    alert: (props) => {
+        const message = props.message ? `\n${props.message}` : '';
+        window.alert(`${props.title}${message}`);
+        props.buttons?.[0]?.onPress?.();
+    },
+};

package/dist/core/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/core/Alert/index.js

@@ -0,0 +1 @@
+export * from './Alert';

package/dist/core/Form/Form.d.ts

@@ -1,7 +1,4 @@
-import React from 'react';
 import { BoxProps } from '../Box';
-export type FormProps = BoxProps & {
-    disabledKeyboardOverflow?: boolean;
-};
-export declare const Form: (props: FormProps) => React.JSX.Element;
+export type FormProps = BoxProps;
+export declare const Form: (props: FormProps) => import("react").JSX.Element;
 //# sourceMappingURL=Form.d.ts.map

package/dist/core/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAyCpC,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,gCASpC,CAAC"}

package/dist/core/Form/Form.js

@@ -1,30 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Keyboard, Platform, TouchableWithoutFeedback } from 'react-native';
+import { Keyboard, TouchableWithoutFeedback } from 'react-native';
 import { Box } from '../Box';
 import { useStyles } from './Form.styles';
 export const Form = (props) => {
-    const { style, disabledKeyboardOverflow, ...formProps } = props;
+    const { style, ...formProps } = props;
     const styles = useStyles();
-    const [isKeyboardVisible, setKeyboardVisible] = React.useState(false);
-    React.useEffect(() => {
-        const showSubscription = Keyboard.addListener('keyboardDidShow', () => setKeyboardVisible(true));
-        const hideSubscription = Keyboard.addListener(Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide', () => setKeyboardVisible(false));
-        return () => {
-            showSubscription.remove();
-            hideSubscription.remove();
-        };
-    }, []);
-    const shouldHandleDismiss = isKeyboardVisible && !disabledKeyboardOverflow;
-    return (_jsx(TouchableWithoutFeedback, { onPress: shouldHandleDismiss ? Keyboard.dismiss : undefined, disabled: !shouldHandleDismiss, children: _jsx(Box, { tag: "form", style: [
-                {
-                    ...styles.form,
-                    ...(Platform.OS === 'ios' && isKeyboardVisible && !disabledKeyboardOverflow
-                        ? styles.iosPaddingKeyboard
-                        : Platform.OS === 'android' && isKeyboardVisible && !disabledKeyboardOverflow
-                            ? styles.androidPaddingKeyboard
-                            : {}),
-                },
-                style,
-            ], ...formProps }) }));
+    return (_jsx(TouchableWithoutFeedback, { onPress: Keyboard.dismiss, children: _jsx(Box, { tag: "form", style: [styles.form, style], ...formProps }) }));
 };

package/dist/core/Form/Form.stories.d.ts

@@ -6,16 +6,9 @@ declare const _default: {
     component: (props: import("./Form").FormProps) => import("react").JSX.Element;
     styleFn: () => {
         form: {};
-        iosPaddingKeyboard: {
-            paddingBottom: number;
-        };
-        androidPaddingKeyboard: {
-            paddingBottom: number;
-        };
     };
 };
 export default _default;
 export declare const WithKeyboardAware: () => import("react").JSX.Element;
-export declare const DisabledOverflow: () => import("react").JSX.Element;
 export * as Sources from './Form.stories.sources';
 //# sourceMappingURL=Form.stories.d.ts.map

package/dist/core/Form/Form.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAOA,wBAQkB;AAIlB,eAAO,MAAM,iBAAiB,mCAQ7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAOA,wBAQkB;AAIlB,eAAO,MAAM,iBAAiB,mCAQ7B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

package/dist/core/Form/Form.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardAvoidingView, Platform, TextInput as RNTextInput } from 'react-native';
+import { TextInput as RNTextInput } from 'react-native';
 import { Box } from '../Box';
 import { Typography } from '../Typography';
 import { Form } from './Form';
@@ -8,11 +8,10 @@ export default {
     title: 'Form',
     tags: ['core'],
     experimental: false,
-    description: "Empêche le clavier de cacher les TextInput sur iOS et permet de quitter le clavier au clique sur l'écran. Doit être utilisé pour contenir tous les fomulaires (pas de <form> en React Native).",
+    description: "Ferme le clavier au clic en dehors d'un champ. Doit être utilisé pour contenir tous les formulaires (pas de <form> en React Native). Le scroll au-dessus du clavier est géré par KeyboardAwareScrollView.",
     component: Form,
     styleFn: useStyles,
 };
 const inputStyle = { borderWidth: 1, borderColor: '#ccc', borderRadius: 4, padding: 8 };
 export const WithKeyboardAware = () => (_jsx(Form, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsx(Typography, { children: "Taper dans le champ \u2014 cliquer en dehors ferme le clavier." }), _jsx(RNTextInput, { placeholder: "Pr\u00E9nom", style: inputStyle }), _jsx(RNTextInput, { placeholder: "Email", keyboardType: "email-address", style: inputStyle })] }) }));
-export const DisabledOverflow = () => (_jsx(KeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : 'height', children: _jsx(Form, { disabledKeyboardOverflow: true, children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsx(Typography, { children: "disabledKeyboardOverflow \u2014 clavier g\u00E9r\u00E9 par KeyboardAvoidingView. Form ne rajoute pas de padding et ne ferme pas le clavier au tap." }), _jsx(RNTextInput, { placeholder: "Champ texte", style: inputStyle })] }) }) }));
 export * as Sources from './Form.stories.sources';

package/dist/core/Form/Form.stories.sources.d.ts

@@ -1,8 +1,6 @@
 export declare const WithKeyboardAware: () => string;
-export declare const DisabledOverflow: () => string;
 export declare const storySources: {
     readonly WithKeyboardAware: () => string;
-    readonly DisabledOverflow: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
 //# sourceMappingURL=Form.stories.sources.d.ts.map

package/dist/core/Form/Form.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,cAAgZ,CAAC;AAE/a,eAAO,MAAM,gBAAgB,cAAkjB,CAAC;AAEhlB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Form.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,cAAgZ,CAAC;AAE/a,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/Form/Form.stories.sources.js

@@ -1,8 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/Form/Form.stories.tsx
 export const WithKeyboardAware = () => "export const WithKeyboardAware = () => (\n  <Form>\n    <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n      <Typography>Taper dans le champ — cliquer en dehors ferme le clavier.</Typography>\n      <RNTextInput placeholder=\"Prénom\" style={inputStyle} />\n      <RNTextInput placeholder=\"Email\" keyboardType=\"email-address\" style={inputStyle} />\n    </Box>\n  </Form>\n);";
-export const DisabledOverflow = () => "export const DisabledOverflow = () => (\n  <KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>\n    <Form disabledKeyboardOverflow>\n      <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n        <Typography>\n          disabledKeyboardOverflow — clavier géré par KeyboardAvoidingView. Form ne rajoute pas de padding et ne ferme\n          pas le clavier au tap.\n        </Typography>\n        <RNTextInput placeholder=\"Champ texte\" style={inputStyle} />\n      </Box>\n    </Form>\n  </KeyboardAvoidingView>\n);";
 export const storySources = {
     WithKeyboardAware,
-    DisabledOverflow,
 };

package/dist/core/Form/Form.styles.d.ts

@@ -1,10 +1,4 @@
 export declare const useStyles: () => {
     form: {};
-    iosPaddingKeyboard: {
-        paddingBottom: number;
-    };
-    androidPaddingKeyboard: {
-        paddingBottom: number;
-    };
 };
 //# sourceMappingURL=Form.styles.d.ts.map

package/dist/core/Form/Form.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;CAQnB,CAAC"}
+{"version":3,"file":"Form.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;CAEnB,CAAC"}

package/dist/core/Form/Form.styles.js

@@ -1,10 +1,4 @@
 import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(() => ({
     form: {},
-    iosPaddingKeyboard: {
-        paddingBottom: 200,
-    },
-    androidPaddingKeyboard: {
-        paddingBottom: 250,
-    },
 }));

package/dist/core/Image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAsB,MAAM,YAAY,CAAC;AAClG,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAiGtC,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAsB,MAAM,YAAY,CAAC;AAClG,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,KAAK,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBA4FtC,CAAC"}

package/dist/core/Image/Image.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Image as ExpoImage } from 'expo-image';
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { LucideIcon } from '../../ui';
 import { Box } from '../Box';
 import { useStyles } from './Image.style';
@@ -66,10 +66,6 @@ export const Image = (props) => {
     }, [width, height, maxWidthNumber, maxHeightNumber, dimensions]);
     const handleLoad = (event) => setDimensions(event.source);
     const handleError = () => setError(true);
-    useEffect(() => {
-        setDimensions(null);
-        setError(false);
-    }, []);
     return error ? (_jsx(Box, { children: _jsx(LucideIcon, { name: "ImageOff", size: "md" }) })) : (_jsx(ExpoImage, { style: {
             ...styles.image,
             ...imageStyle,

package/dist/core/Map/Map.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.web.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE/C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B;CACF;AAqCD,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,sBAuGlC,CAAC"}
+{"version":3,"file":"Map.web.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE/C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B;CACF;AAqCD,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,sBA0GlC,CAAC"}

package/dist/core/Map/Map.web.js

@@ -40,7 +40,44 @@ export const Map = (props) => {
     const containerRef = React.useRef(null);
     const mapRef = React.useRef(null);
     const gMarkersRef = React.useRef([]);
-    const initMap = async (cancelled) => {
+    const refreshMarkers = React.useCallback(() => {
+        if (!mapRef.current)
+            return;
+        const g = window.google;
+        if (!g?.maps)
+            return;
+        gMarkersRef.current.forEach(m => m.setMap(null));
+        gMarkersRef.current = [];
+        gMarkersRef.current = markers.map(mk => {
+            const marker = new g.maps.Marker({
+                position: mk.position,
+                map: mapRef.current,
+                title: mk.title,
+                ...(mk.iconUrl ? { icon: { url: mk.iconUrl } } : {}),
+            });
+            if (onMarkerClick)
+                marker.addListener('click', () => onMarkerClick(mk));
+            return marker;
+        });
+    }, [markers, onMarkerClick]);
+    const fitBoundsIfNeeded = React.useCallback(() => {
+        const shouldFit = (fitToMarkers ?? !center) && markers.length > 0 && mapRef.current;
+        if (!shouldFit || !mapRef.current) {
+            if (center && mapRef.current) {
+                mapRef.current.setCenter(center);
+                mapRef.current.setZoom(zoom);
+            }
+            return;
+        }
+        const g = window.google;
+        if (!g?.maps)
+            return;
+        const bounds = new g.maps.LatLngBounds();
+        markers.forEach(m => bounds.extend(m.position));
+        if (!bounds.isEmpty())
+            mapRef.current.fitBounds(bounds, 24);
+    }, [fitToMarkers, center, markers, zoom]);
+    const initMap = React.useCallback(async (cancelled) => {
         try {
             await loadGoogleMaps();
             if (cancelled)
@@ -66,7 +103,7 @@ export const Map = (props) => {
         catch (e) {
             console.error(e);
         }
-    };
+    }, [center, markers, zoom, mapOptions, refreshMarkers, fitBoundsIfNeeded]);
     // Init map
     React.useEffect(() => {
         let cancelled = false;
@@ -77,7 +114,7 @@ export const Map = (props) => {
             gMarkersRef.current = [];
             mapRef.current = null;
         };
-    }, []);
+    }, [initMap]);
     // Au changement d'options, on refresh markers et zoom
     React.useEffect(() => {
         if (!mapRef.current || !window.google?.maps)
@@ -86,44 +123,7 @@ export const Map = (props) => {
             mapRef.current.setOptions(mapOptions);
         refreshMarkers();
         fitBoundsIfNeeded();
-    }, [JSON.stringify(markers), JSON.stringify(center), zoom, fitToMarkers, JSON.stringify(mapOptions)]);
-    function refreshMarkers() {
-        if (!mapRef.current)
-            return;
-        const g = window.google;
-        if (!g?.maps)
-            return;
-        gMarkersRef.current.forEach(m => m.setMap(null));
-        gMarkersRef.current = [];
-        gMarkersRef.current = markers.map(mk => {
-            const marker = new g.maps.Marker({
-                position: mk.position,
-                map: mapRef.current,
-                title: mk.title,
-                ...(mk.iconUrl ? { icon: { url: mk.iconUrl } } : {}),
-            });
-            if (onMarkerClick)
-                marker.addListener('click', () => onMarkerClick(mk));
-            return marker;
-        });
-    }
-    function fitBoundsIfNeeded() {
-        const shouldFit = (fitToMarkers ?? !center) && markers.length > 0 && mapRef.current;
-        if (!shouldFit || !mapRef.current) {
-            if (center && mapRef.current) {
-                mapRef.current.setCenter(center);
-                mapRef.current.setZoom(zoom);
-            }
-            return;
-        }
-        const g = window.google;
-        if (!g?.maps)
-            return;
-        const bounds = new g.maps.LatLngBounds();
-        markers.forEach(m => bounds.extend(m.position));
-        if (!bounds.isEmpty())
-            mapRef.current.fitBounds(bounds, 24);
-    }
+    }, [mapOptions, refreshMarkers, fitBoundsIfNeeded]);
     return (_jsx(Box, { ref: containerRef, style: {
             width: '100%',
             height: '100%',

package/dist/core/Page/Page.d.ts

@@ -6,6 +6,7 @@ export type PageStatusBarProps = {
     barStyle?: StatusBarStyle;
     backgroundColor?: string;
 };
+export type MetaTagProps = React.ComponentPropsWithoutRef<'meta'>;
 export type PageProps = BoxProps & {
     title: string;
     description?: string;
@@ -14,6 +15,7 @@ export type PageProps = BoxProps & {
         title?: string;
         description?: string;
     };
+    meta?: MetaTagProps[];
     scrollable?: boolean | 'mobile-only' | 'desktop-only';
     sidebar?: React.ReactNode;
     beforeContent?: React.ReactNode;

package/dist/core/Page/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,EAAE,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc,CAAC;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAE/B,aAAa,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAEvE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAOpC,CAAC"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,EAAE,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc,CAAC;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAE/B,aAAa,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAEvE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAOpC,CAAC"}

package/dist/core/Page/Page.stories.d.ts

@@ -7,7 +7,10 @@ declare const _default: {
     styleFn: () => string;
 };
 export default _default;
-export declare const ExampleUsage: () => import("react").JSX.Element;
-export declare const ExampleUsageSidebar: () => import("react").JSX.Element;
+export declare const Default: () => import("react").JSX.Element;
+export declare const WithOg: () => import("react").JSX.Element;
+export declare const WithMetaRobots: () => import("react").JSX.Element;
+export declare const WithMultipleMeta: () => import("react").JSX.Element;
+export declare const WithSidebar: () => import("react").JSX.Element;
 export * as Sources from './Page.stories.sources';
 //# sourceMappingURL=Page.stories.d.ts.map

package/dist/core/Page/Page.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAQkB;AAWlB,eAAO,MAAM,YAAY,mCAAiC,CAAC;AAa3D,eAAO,MAAM,mBAAmB,mCAAwC,CAAC;AAEzE,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC;AAEF,eAAO,MAAM,WAAW,mCAevB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

package/dist/core/Page/Page.stories.js

@@ -1,32 +1,31 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '../Box';
+import { Typography } from '../Typography';
 import { Page } from './Page';
 export default {
     title: 'Pages',
     tags: ['core'],
     experimental: false,
-    description: 'Permet de définir les valeurs de la balise <head> via Expo router. Doit englober toutes les pages. Permet aussi de la rendre scrollable la page via l’attribut `scrollable`. Principalement pour le web.',
+    description: "Permet de définir les valeurs de la balise <head> via Expo router. Doit englober toutes les pages. Permet aussi de rendre la page scrollable via l'attribut `scrollable`. Principalement pour le web.",
     component: Page,
     styleFn: () => 'Aucun style appliqué',
 };
-const codeExample = `<Page 
-  scrollable
-  title="Mon titre"
-  description="Description"
-  og={{ title: "OG titre", description: "OG description" }}
->
-  {/* ... */}
-</Page>`;
-export const ExampleUsage = () => _jsx(Box, { children: codeExample });
-const codeExampleSidebar = `const sidebarController = useSidebar();
+export const Default = () => (_jsx(Page, { title: "Mon titre", description: "Description", children: _jsx(Typography, { children: "Contenu de la page" }) }));
+export const WithOg = () => (_jsx(Page, { title: "Mon titre", description: "Description", og: { title: 'OG titre', description: 'OG description' }, children: _jsx(Typography, { children: "Page avec Open Graph personnalis\u00E9" }) }));
+export const WithMetaRobots = () => (_jsx(Page, { title: "Page priv\u00E9e", meta: [{ name: 'robots', content: 'noindex, nofollow' }], children: _jsx(Typography, { children: "Cette page ne sera pas index\u00E9e par les moteurs de recherche." }) }));
+export const WithMultipleMeta = () => (_jsx(Page, { title: "Page compl\u00E8te", description: "Avec plusieurs balises meta", meta: [
+        { name: 'robots', content: 'noindex, nofollow' },
+        { name: 'author', content: 'Alvéole' },
+        { httpEquiv: 'X-UA-Compatible', content: 'IE=edge' },
+    ], children: _jsx(Typography, { children: "Page avec plusieurs balises meta personnalis\u00E9es." }) }));
+export const WithSidebar = () => (_jsx(Box, { children: _jsx(Typography, { children: `const sidebarController = useSidebar();
 return (
-  <Page 
+  <Page
     sideBarController={sidebarController}
     sidebar={<AdminNavigation sidebarController={sidebarController} />}
     title="Mon titre"
   >
     {/* ... */}
   </Page>
-);`;
-export const ExampleUsageSidebar = () => _jsx(Box, { children: codeExampleSidebar });
+);` }) }));
 export * as Sources from './Page.stories.sources';

package/dist/core/Page/Page.stories.sources.d.ts

@@ -1,8 +1,14 @@
-export declare const ExampleUsage: () => string;
-export declare const ExampleUsageSidebar: () => string;
+export declare const Default: () => string;
+export declare const WithOg: () => string;
+export declare const WithMetaRobots: () => string;
+export declare const WithMultipleMeta: () => string;
+export declare const WithSidebar: () => string;
 export declare const storySources: {
-    readonly ExampleUsage: () => string;
-    readonly ExampleUsageSidebar: () => string;
+    readonly Default: () => string;
+    readonly WithOg: () => string;
+    readonly WithMetaRobots: () => string;
+    readonly WithMultipleMeta: () => string;
+    readonly WithSidebar: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
 //# sourceMappingURL=Page.stories.sources.d.ts.map

package/dist/core/Page/Page.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,cAAsE,CAAC;AAEhG,eAAO,MAAM,mBAAmB,cAAoF,CAAC;AAErH,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Page.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmK,CAAC;AAExL,eAAO,MAAM,MAAM,cAA2O,CAAC;AAE/P,eAAO,MAAM,cAAc,cAAoP,CAAC;AAEhR,eAAO,MAAM,gBAAgB,cAAsa,CAAC;AAEpc,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/Page/Page.stories.sources.js

@@ -1,8 +1,14 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/Page/Page.stories.tsx
-export const ExampleUsage = () => "export const ExampleUsage = () => <Box>{codeExample}</Box>;";
-export const ExampleUsageSidebar = () => "export const ExampleUsageSidebar = () => <Box>{codeExampleSidebar}</Box>;";
+export const Default = () => "export const Default = () => (\n  <Page title=\"Mon titre\" description=\"Description\">\n    <Typography>Contenu de la page</Typography>\n  </Page>\n);";
+export const WithOg = () => "export const WithOg = () => (\n  <Page title=\"Mon titre\" description=\"Description\" og={{ title: 'OG titre', description: 'OG description' }}>\n    <Typography>Page avec Open Graph personnalisé</Typography>\n  </Page>\n);";
+export const WithMetaRobots = () => "export const WithMetaRobots = () => (\n  <Page title=\"Page privée\" meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>\n    <Typography>Cette page ne sera pas indexée par les moteurs de recherche.</Typography>\n  </Page>\n);";
+export const WithMultipleMeta = () => "export const WithMultipleMeta = () => (\n  <Page\n    title=\"Page complète\"\n    description=\"Avec plusieurs balises meta\"\n    meta={[\n      { name: 'robots', content: 'noindex, nofollow' },\n      { name: 'author', content: 'Alvéole' },\n      { httpEquiv: 'X-UA-Compatible', content: 'IE=edge' },\n    ]}\n  >\n    <Typography>Page avec plusieurs balises meta personnalisées.</Typography>\n  </Page>\n);";
+export const WithSidebar = () => "export const WithSidebar = () => (\n  <Box>\n    <Typography>\n      {`const sidebarController = useSidebar();\nreturn (\n  <Page\n    sideBarController={sidebarController}\n    sidebar={<AdminNavigation sidebarController={sidebarController} />}\n    title=\"Mon titre\"\n  >\n    {/* ... */}\n  </Page>\n);`}\n    </Typography>\n  </Box>\n);";
 export const storySources = {
-    ExampleUsage,
-    ExampleUsageSidebar,
+    Default,
+    WithOg,
+    WithMetaRobots,
+    WithMultipleMeta,
+    WithSidebar,
 };

package/dist/core/Page/PageContentScrollable.d.ts

@@ -20,6 +20,7 @@ export declare const PageContentScrollable: React.ForwardRefExoticComponent<Pick
         title?: string;
         description?: string;
     };
+    meta?: import("./Page").MetaTagProps[];
     scrollable?: boolean | "mobile-only" | "desktop-only";
     sidebar?: React.ReactNode;
     beforeContent?: React.ReactNode;

package/dist/core/Page/PageContentScrollable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContentScrollable.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IACnD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;aAAzB,CAAC;mBAAqB,CAAC;;;;;;;;4BAU1B,CAAJ;;;;;;;uBAfmB,MAAM,IAAI;4BACL,MAAM;qBACb,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;qDAwD3C,CAAC"}
+{"version":3,"file":"PageContentScrollable.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IACnD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;aAHC,CAAC;mBAG7B,CAAC;;;;;;;;;4BAUF,CAAH;;;;;;;uBAfkB,MAAM,IAAI;4BACL,MAAM;qBACb,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;qDAwD3C,CAAC"}

package/dist/core/Page/PageContentScrollable.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React, { useImperativeHandle, useRef } from 'react';
-import { ScrollView } from 'react-native';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-controller';
 import { Box } from '../../core/Box';
 export const PageContentScrollable = React.forwardRef(function PageContentScrollable(props, ref) {
     const { beforeContent, footerContent, children, title, description, og, defaultBackgroundColor, onScrollToBottom, onEndReachedThreshold = 100, onScrollChange, ...pageProps } = props;
@@ -16,5 +16,5 @@ export const PageContentScrollable = React.forwardRef(function PageContentScroll
             onScrollToBottom?.();
         onScrollChange?.(contentOffset.y);
     };
-    return (_jsx(ScrollView, { ref: scrollRef, contentContainerStyle: { minHeight: '100%', width: '100%', flexGrow: 1 }, style: { backgroundColor: defaultBackgroundColor ?? 'transparent' }, onScroll: handleScroll, scrollEventThrottle: 16, alwaysBounceVertical: onScrollToBottom != null, bounces: onScrollToBottom != null, overScrollMode: onScrollToBottom != null ? 'always' : 'never', children: _jsxs(Box, { tag: "page", ...boxProps, height: "100%", children: [beforeContent, children, footerContent] }) }));
+    return (_jsx(KeyboardAwareScrollView, { ref: scrollRef, contentContainerStyle: { minHeight: '100%', width: '100%', flexGrow: 1 }, style: { backgroundColor: defaultBackgroundColor ?? 'transparent' }, onScroll: handleScroll, scrollEventThrottle: 16, alwaysBounceVertical: onScrollToBottom != null, bounces: onScrollToBottom != null, overScrollMode: onScrollToBottom != null ? 'always' : 'never', children: _jsxs(Box, { tag: "page", ...boxProps, height: "100%", children: [beforeContent, children, footerContent] }) }));
 });

package/dist/core/Page/PageHead.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHead.web.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageHead.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAc5C,CAAC"}
+{"version":3,"file":"PageHead.web.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageHead.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKxC,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAmB5C,CAAC"}

package/dist/core/Page/PageHead.web.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Asset } from 'expo-asset';
 import Head from 'expo-router/head';
+import { usePageMeta } from './PageMetaContext';
 const favicon = Asset.fromModule(require('@/assets/images/icon.png')).uri;
 export const PageHead = (props) => {
-    const { title, description, og } = props;
+    const { title, description, og, meta: pageMeta } = props;
+    const { meta: contextMeta } = usePageMeta();
     const descriptionValue = description ?? title;
-    return (_jsxs(Head, { children: [_jsx("title", { children: title }), _jsx("meta", { name: "description", content: descriptionValue }), _jsx("meta", { property: "og:title", content: og?.title ?? title }), _jsx("meta", { property: "og:description", content: og?.description ?? descriptionValue }), _jsx("link", { rel: "icon", type: "image/png", href: favicon })] }));
+    const resolvedMeta = [...contextMeta, ...(pageMeta ?? [])];
+    return (_jsxs(Head, { children: [_jsx("title", { children: title }), _jsx("meta", { name: "description", content: descriptionValue }), _jsx("meta", { property: "og:title", content: og?.title ?? title }), _jsx("meta", { property: "og:description", content: og?.description ?? descriptionValue }), _jsx("link", { rel: "icon", type: "image/png", href: favicon }), resolvedMeta.map((metaProps, index) => (_jsx("meta", { ...metaProps }, index)))] }));
 };

package/dist/core/Page/PageMetaContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MetaTagProps } from './Page';
+type PageMetaContextValue = {
+    meta: MetaTagProps[];
+};
+export declare const usePageMeta: () => PageMetaContextValue;
+export declare const PageMetaProvider: ({ meta, children }: {
+    meta: MetaTagProps[];
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=PageMetaContext.d.ts.map

package/dist/core/Page/PageMetaContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageMetaContext.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageMetaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,WAAW,4BAA0C,CAAC;AAEnE,eAAO,MAAM,gBAAgB,GAAI,oBAAoB;IAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAEvG,CAAC"}

package/dist/core/Page/PageMetaContext.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const PageMetaContext = React.createContext({ meta: [] });
+export const usePageMeta = () => React.useContext(PageMetaContext);
+export const PageMetaProvider = ({ meta, children }) => (_jsx(PageMetaContext.Provider, { value: { meta }, children: children }));

package/dist/core/Page/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Page';
+export * from './PageContentScrollable';
+export * from './PageMetaContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/core/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/dist/core/Page/index.js

@@ -1 +1,3 @@
 export * from './Page';
+export * from './PageContentScrollable';
+export * from './PageMetaContext';

package/dist/core/PdfViewer/PdfViewer.js

@@ -4,5 +4,5 @@ import WebView from 'react-native-webview';
 import { Box } from '../Box';
 export const PdfViewer = (props) => {
     const { source, headers } = props;
-    return (_jsx(Box, { flex: 1, children: _jsx(WebView, { source: { uri: source, headers }, startInLoadingState: true, renderLoading: () => (_jsx(Box, { flex: 1, style: { alignItems: 'center', justifyContent: 'center' }, children: _jsx(ActivityIndicator, { size: "large" }) })), style: { flex: 1 } }) }));
+    return (_jsx(Box, { tag: "pdf-viewer", flex: 1, children: _jsx(WebView, { source: { uri: source, headers }, startInLoadingState: true, renderLoading: () => (_jsx(Box, { flex: 1, style: { alignItems: 'center', justifyContent: 'center' }, children: _jsx(ActivityIndicator, { size: "large" }) })), style: { flex: 1 } }) }));
 };

package/dist/core/Version/Version.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
     component: (_props: import("./Version").VersionProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
-            color: "#5F6571";
+            color: string;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;

package/dist/core/Version/Version.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     container: {
-        color: "#5F6571";
+        color: string;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;