pytech-ui 1.0.7 → 1.0.10

package/build/constants/hooks.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsyncFocusEffectWithoutFirstRender = exports.useAsyncFocusEffect = exports.useAsyncEffectWithoutFirstRender = exports.useAsyncEffect = exports.useLayoutEffectWithoutFirstRender = exports.useEffectWithoutFirstRender = void 0;
+const react_1 = require("react");
+const expo_router_1 = require("expo-router");
+const useEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        return void effect();
+    }, deps);
+};
+exports.useEffectWithoutFirstRender = useEffectWithoutFirstRender;
+const useLayoutEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = (0, react_1.useRef)(true);
+    (0, react_1.useLayoutEffect)(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        return void effect();
+    }, deps);
+};
+exports.useLayoutEffectWithoutFirstRender = useLayoutEffectWithoutFirstRender;
+const useAsyncEffect = (effect, deps) => {
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        void effect(isMounted);
+        return () => { mounted = false; };
+    }, deps);
+};
+exports.useAsyncEffect = useAsyncEffect;
+const useAsyncEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        let mounted = true;
+        const isMounted = () => mounted;
+        void effect(isMounted);
+        return () => { mounted = false; };
+    }, deps);
+};
+exports.useAsyncEffectWithoutFirstRender = useAsyncEffectWithoutFirstRender;
+const useAsyncFocusEffect = (effect) => {
+    (0, expo_router_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        void effect(isMounted);
+        return () => { mounted = false; };
+    }, [effect]));
+};
+exports.useAsyncFocusEffect = useAsyncFocusEffect;
+const useAsyncFocusEffectWithoutFirstRender = (effect) => {
+    const isFirstFocus = (0, react_1.useRef)(true);
+    (0, expo_router_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        if (isFirstFocus.current)
+            isFirstFocus.current = false;
+        else
+            void effect(isMounted);
+        return () => { mounted = false; };
+    }, [effect]));
+};
+exports.useAsyncFocusEffectWithoutFirstRender = useAsyncFocusEffectWithoutFirstRender;

package/build/constants/index.d.ts

@@ -0,0 +1,5 @@
+export * from './colors';
+export * from './consts';
+export * from './formats';
+export * from './hooks';
+export * from './utils';

package/build/constants/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./colors"), exports);
+__exportStar(require("./consts"), exports);
+__exportStar(require("./formats"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./utils"), exports);

package/build/constants/utils.d.ts

@@ -0,0 +1,9 @@
+import { StyleProp } from 'react-native';
+import React from 'react';
+export declare const addProps: (element: React.ReactElement | null, additionalStyles?: StyleProp<any>, extraProps?: Record<string, any>) => React.ReactElement | null;
+export declare const isValidMail: (mail: string) => boolean;
+export declare const applyOpacity: (color: string, opacity: number) => string;
+export declare const adjustLightness: (color: string, percentage: number) => string;
+export declare const getDeviceTier: () => "low" | "medium" | "high";
+export declare const createCtx: <T>() => readonly [React.Provider<T>, () => T];
+export declare const createUseContext: <T>(context: React.Context<T | null>) => T;

package/build/constants/utils.js

@@ -0,0 +1,107 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUseContext = exports.createCtx = exports.getDeviceTier = exports.adjustLightness = exports.applyOpacity = exports.isValidMail = exports.addProps = void 0;
+const react_native_1 = require("react-native");
+const react_1 = __importStar(require("react"));
+const color2k_1 = require("color2k");
+const Device = __importStar(require("expo-device"));
+const addProps = (element, additionalStyles = [], extraProps = {}) => {
+    if (!react_1.default.isValidElement(element))
+        return null;
+    return react_1.default.cloneElement(element, {
+        style: [
+            element.props.style,
+            ...additionalStyles
+        ],
+        ...extraProps
+    });
+};
+exports.addProps = addProps;
+const isValidMail = (mail) => {
+    return mail.includes('@') && mail.endsWith('.com');
+};
+exports.isValidMail = isValidMail;
+const applyOpacity = (color, opacity) => {
+    try {
+        const [r, g, b] = (0, color2k_1.parseToRgba)(color); // ignoro alpha original
+        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    }
+    catch (e) {
+        console.error('Color inválido:', color);
+        return color;
+    }
+};
+exports.applyOpacity = applyOpacity;
+const adjustLightness = (color, percentage) => {
+    try {
+        const [h, s, l, a] = (0, color2k_1.parseToHsla)(color);
+        // Ajustar luminosidad: percentage puede ser positivo (aclarar) o negativo (oscurecer)
+        // l está en rango 0-1, percentage es de -100 a +100
+        const newL = Math.max(0, Math.min(1, l + (percentage / 100)));
+        return (0, color2k_1.hsla)(h, s, newL, a);
+    }
+    catch (e) {
+        console.error('Color inválido:', color);
+        return color;
+    }
+};
+exports.adjustLightness = adjustLightness;
+const getDeviceTier = () => {
+    if (react_native_1.Platform.OS !== 'android')
+        return 'high';
+    const ramGB = Device.totalMemory
+        ? Device.totalMemory / 1024 / 1024 / 1024
+        : 0;
+    if (ramGB > 0 && ramGB <= 4)
+        return 'low';
+    if (ramGB <= 6)
+        return 'medium';
+    return 'high';
+};
+exports.getDeviceTier = getDeviceTier;
+const createCtx = () => {
+    const context = (0, react_1.createContext)(null);
+    const useCtx = () => (0, exports.createUseContext)(context);
+    return [context.Provider, useCtx];
+};
+exports.createCtx = createCtx;
+const createUseContext = (context) => {
+    const ctx = (0, react_1.useContext)(context);
+    if (!ctx)
+        throw new Error('useContext debe usarse dentro de un context.Provider');
+    return ctx;
+};
+exports.createUseContext = createUseContext;

package/build/contexts/alert/components/Alert/index.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ title, message, buttons }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/contexts/alert/components/Alert/index.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const app_1 = require("@/contexts/app");
+const colors_json_1 = __importDefault(require("@/constants/colors.json"));
+const provider_1 = require("../../context/provider");
+const Button_1 = __importDefault(require("../Button"));
+exports.default = (0, react_1.memo)(({ title, message, buttons = [{ text: 'Aceptar', isPreferred: true }] }) => {
+    const { showAlert } = (0, provider_1.useAlert)();
+    const { colorScheme } = (0, app_1.useApp)();
+    const schemeColors = colors_json_1.default['scheme'][colorScheme];
+    return (<react_native_1.Pressable style={styles.container} onPress={() => showAlert()}>
+            <react_native_1.Pressable style={[
+            styles.content,
+            {
+                backgroundColor: schemeColors.secondarySystemGroupedBackground,
+                borderColor: colorScheme === 'dark' ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
+            }
+        ]}>
+                <react_native_1.View style={styles.contentTexts}>
+                    {title && (<react_native_1.Text style={[
+                styles.title,
+                { color: schemeColors.label }
+            ]}>
+                            {title}
+                        </react_native_1.Text>)}
+                    {message && (<react_native_1.Text style={[
+                styles.message,
+                !title ? {
+                    color: schemeColors.label
+                } : {
+                    color: schemeColors.secondaryLabel
+                }
+            ]}>
+                            {message}
+                        </react_native_1.Text>)}
+                </react_native_1.View>
+
+                <react_native_1.View style={[styles.buttons, buttons.length > 2 && { flexDirection: 'column' }]}>
+                    {buttons.map((props) => (<Button_1.default key={props.text} {...props}/>))}
+                </react_native_1.View>
+            </react_native_1.Pressable>
+        </react_native_1.Pressable>);
+});
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        backgroundColor: 'rgba(0, 0, 0, 0.2)',
+        position: 'fixed',
+        width: '100%',
+        height: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        top: 0,
+        left: 0,
+        zIndex: 1,
+    },
+    content: {
+        borderRadius: 24,
+        borderWidth: 1,
+        padding: 14,
+        gap: 16,
+        minWidth: 350,
+        zIndex: 2,
+        cursor: 'default',
+    },
+    contentTexts: {
+        gap: 5,
+        padding: 8,
+    },
+    title: {
+        fontSize: 18,
+        fontWeight: '600',
+    },
+    message: {
+        fontSize: 16,
+    },
+    buttons: {
+        flexDirection: 'row',
+        gap: 8,
+    },
+});

package/build/contexts/alert/components/Alert/types.d.ts

@@ -0,0 +1,7 @@
+import ButtonProps from "../Button/types";
+type Props = {
+    title?: string;
+    message?: string;
+    buttons?: ButtonProps[];
+};
+export default Props;

package/build/contexts/alert/components/Alert/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/alert/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ text, onPress, isPreferred, style, }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/contexts/alert/components/Button/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const app_1 = require("@/contexts/app");
+const colors_json_1 = __importDefault(require("@/constants/colors.json"));
+const provider_1 = require("../../context/provider");
+exports.default = (0, react_1.memo)(({ text, onPress, isPreferred, style, }) => {
+    const { showAlert } = (0, provider_1.useAlert)();
+    const { colorScheme } = (0, app_1.useApp)();
+    const schemeColors = colors_json_1.default['scheme'][colorScheme];
+    const _onPress = () => {
+        onPress?.();
+        showAlert();
+    };
+    const backgroundColor = (0, react_1.useMemo)(() => (isPreferred ? schemeColors.systemBlue
+        : schemeColors.tertiarySystemGroupedBackground), [isPreferred, schemeColors]);
+    const textColor = (0, react_1.useMemo)(() => (isPreferred ? 'white'
+        : style === 'destructive' ? schemeColors.systemRed
+            : schemeColors.label), [isPreferred, style, schemeColors]);
+    return (<react_native_1.Pressable onPress={_onPress} style={[
+            styles.button,
+            {
+                backgroundColor: backgroundColor,
+            },
+        ]}>
+            <react_native_1.Text style={[
+            styles.text,
+            {
+                color: textColor,
+            },
+        ]}>
+                {text}
+            </react_native_1.Text>
+        </react_native_1.Pressable>);
+});
+const styles = react_native_1.StyleSheet.create({
+    button: {
+        flex: 1,
+        paddingHorizontal: 16,
+        paddingVertical: 13,
+        borderRadius: 100,
+    },
+    text: {
+        fontSize: 16,
+        margin: 'auto',
+        textAlign: 'center',
+    },
+});

package/build/contexts/alert/components/Button/types.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    text?: string;
+    onPress?: () => void;
+    isPreferred?: boolean;
+    style?: 'default' | 'cancel' | 'destructive';
+};
+export default Props;

package/build/contexts/alert/components/Button/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/alert/components/Provider/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children?: React.ReactNode;
+}) => import("react").JSX.Element>;
+export default _default;

package/build/contexts/alert/components/Provider/index.ios.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children?: React.ReactNode;
+}) => import("react").JSX.Element>;
+export default _default;

package/build/contexts/alert/components/Provider/index.ios.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const provider_1 = require("../../context/provider");
+exports.default = (0, react_1.memo)(({ children }) => {
+    const showAlert = ({ title, message, buttons }) => react_native_1.Alert.alert(title ?? '', message, buttons);
+    const value = (0, react_1.useMemo)(() => ({ showAlert }), []);
+    return (<provider_1.Provider value={value}>
+            {children}
+        </provider_1.Provider>);
+});

package/build/contexts/alert/components/Provider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const provider_1 = require("../../context/provider");
+const Alert_1 = __importDefault(require("../Alert"));
+exports.default = (0, react_1.memo)(({ children }) => {
+    const [alert, setAlert] = (0, react_1.useState)();
+    const showAlert = (props) => setAlert(props);
+    const value = (0, react_1.useMemo)(() => ({ showAlert }), []);
+    return (<provider_1.Provider value={value}>
+            {alert && <Alert_1.default {...alert}/>}
+            {children}
+        </provider_1.Provider>);
+});

package/build/contexts/alert/context/provider.d.ts

@@ -0,0 +1,6 @@
+import AlertProps from "../components/Alert/types";
+export declare const Provider: import("react").Provider<{
+    showAlert(props?: AlertProps): void;
+}>, useAlert: () => {
+    showAlert(props?: AlertProps): void;
+};

package/build/contexts/alert/context/provider.js

@@ -0,0 +1,6 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlert = exports.Provider = void 0;
+const constants_1 = require("@/constants");
+_a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useAlert = _a[1];

package/build/contexts/alert/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./components/Provider";
+export { useAlert } from "./context/provider";
+export { default as AlertProps } from "./components/Alert/types";

package/build/contexts/alert/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlert = exports.default = void 0;
+var Provider_1 = require("./components/Provider");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Provider_1).default; } });
+var provider_1 = require("./context/provider");
+Object.defineProperty(exports, "useAlert", { enumerable: true, get: function () { return provider_1.useAlert; } });

package/build/contexts/app/context.d.ts

@@ -0,0 +1,6 @@
+import { AppProps } from './src';
+import { AppContext } from './types';
+import './src/styles.css';
+export declare const Provider: import("react").Provider<AppContext>, useApp: () => AppContext;
+declare const _default: import("react").MemoExoticComponent<({ children, ...props }: AppProps) => import("react").JSX.Element>;
+export default _default;

package/build/contexts/app/context.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useApp = exports.Provider = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const expo_router_1 = require("expo-router");
+const constants_1 = require("@/constants");
+const router_1 = __importDefault(require("@/contexts/router"));
+const pathname_1 = __importDefault(require("@/contexts/pathname"));
+const src_1 = __importDefault(require("./src"));
+require("./src/styles.css");
+_a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useApp = _a[1];
+exports.default = (0, react_1.memo)(({ children, ...props }) => {
+    const colorScheme = (0, react_native_1.useColorScheme)();
+    const { fontScale } = (0, react_native_1.useWindowDimensions)();
+    const value = (0, react_1.useMemo)(() => ({ colorScheme, fontScale }), [colorScheme, fontScale]);
+    return (<pathname_1.default>
+            <router_1.default>
+                <react_native_safe_area_context_1.SafeAreaProvider>
+                    <expo_router_1.ThemeProvider value={colorScheme === 'dark' ? expo_router_1.DarkTheme : expo_router_1.DefaultTheme}>
+                        <exports.Provider value={value}>
+                            <src_1.default {...props}>
+                                {children}
+                            </src_1.default>
+                        </exports.Provider>
+                    </expo_router_1.ThemeProvider>
+                </react_native_safe_area_context_1.SafeAreaProvider>
+            </router_1.default>
+        </pathname_1.default>);
+});

package/build/contexts/app/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './context';
+export { useApp } from './context';
+export { useRouter } from '@/contexts/router';
+export { useAlert } from '@/contexts/alert';
+export type { AppContext } from './types';

package/build/contexts/app/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlert = exports.useRouter = exports.useApp = exports.default = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(context_1).default; } });
+var context_2 = require("./context");
+Object.defineProperty(exports, "useApp", { enumerable: true, get: function () { return context_2.useApp; } });
+var router_1 = require("@/contexts/router");
+Object.defineProperty(exports, "useRouter", { enumerable: true, get: function () { return router_1.useRouter; } });
+var alert_1 = require("@/contexts/alert");
+Object.defineProperty(exports, "useAlert", { enumerable: true, get: function () { return alert_1.useAlert; } });

package/build/contexts/app/src/components/Head/index.d.ts

@@ -0,0 +1,3 @@
+import Props from './types';
+declare const _default: (props: Props) => any;
+export default _default;

package/build/contexts/app/src/components/Head/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = (props) => null;

package/build/contexts/app/src/components/Head/index.web.d.ts

@@ -0,0 +1,3 @@
+import Props from './types';
+declare const _default: ({ title, description, ogDescription, siteUrl, ogImage }: Props) => import("react").JSX.Element;
+export default _default;

package/build/contexts/app/src/components/Head/index.web.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const head_1 = __importDefault(require("expo-router/head"));
+const expo_router_1 = require("expo-router");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+exports.default = ({ title = 'Application', description, ogDescription, siteUrl, ogImage }) => {
+    const pathname = (0, expo_router_1.usePathname)();
+    (0, react_1.useLayoutEffect)(() => {
+        if (react_native_1.Platform.OS === 'web')
+            document.title = title;
+    }, [pathname, title]);
+    return (<head_1.default>
+			<title>{title}</title>
+			<meta name="description" content={description}/>
+			<meta property="og:type" content="website"/>
+			<meta property="og:title" content={title}/>
+			<meta property="og:description" content={ogDescription}/>
+			<meta property="og:url" content={siteUrl}/>
+			<meta property="og:image" content={ogImage}/>
+			<meta name="twitter:card" content="summary_large_image"/>
+			<meta name="twitter:title" content={title}/>
+			<meta name="twitter:description" content={ogDescription}/>
+			<meta name="twitter:image" content={ogImage}/>
+		</head_1.default>);
+};

package/build/contexts/app/src/components/Head/types.d.ts

@@ -0,0 +1,24 @@
+type Props = {
+    /**
+        Title of the page.
+        @default 'Application'
+    */
+    title?: string;
+    /**
+        Description of the page.
+    */
+    description?: string;
+    /**
+        Description of the page for the Open Graph protocol.
+    */
+    ogDescription?: string;
+    /**
+        URL of the site.
+    */
+    siteUrl?: string;
+    /**
+        Image of the page for the Open Graph protocol.
+    */
+    ogImage?: string;
+};
+export default Props;

package/build/contexts/app/src/components/Head/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/app/src/components/Loading.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => import("react").ReactNode>;
+export default _default;

package/build/contexts/app/src/components/Loading.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+exports.default = (0, react_1.memo)(({ children }) => children);

package/build/contexts/app/src/components/Wrapper/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import Props from './types';
+declare const _default: React.MemoExoticComponent<({ children, getSession, onLoadingRealsed }: Props) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element>;
+export default _default;