@sincpro/mobile-ui 0.1.2 → 0.1.3

package/lib/Display/Display.Logo.d.ts

@@ -0,0 +1,55 @@
+import { type VariantProps } from "../theme/tw";
+import { FC } from "react";
+import { type ImageSourcePropType } from "react-native";
+declare const logo: import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            image: string;
+        };
+        medium: {
+            image: string;
+        };
+        large: {
+            image: string;
+        };
+    };
+}, {
+    container: string;
+    image: string;
+}, undefined, {
+    size: {
+        small: {
+            image: string;
+        };
+        medium: {
+            image: string;
+        };
+        large: {
+            image: string;
+        };
+    };
+}, {
+    container: string;
+    image: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            image: string;
+        };
+        medium: {
+            image: string;
+        };
+        large: {
+            image: string;
+        };
+    };
+}, {
+    container: string;
+    image: string;
+}, undefined, unknown, unknown, undefined>>;
+export interface LogoProps extends VariantProps<typeof logo> {
+    source?: ImageSourcePropType;
+    className?: string;
+}
+declare const Logo: FC<LogoProps>;
+export default Logo;

package/lib/Display/Display.Logo.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "../theme/tw";
+import { Image, View } from "react-native";
+const logo = tv({
+    slots: {
+        container: "items-center justify-center",
+        image: "",
+    },
+    variants: {
+        size: {
+            small: {
+                image: "w-[120px] h-[80px]",
+            },
+            medium: {
+                image: "w-[180px] h-[100px]",
+            },
+            large: {
+                image: "w-[250px] h-[250px]",
+            },
+        },
+    },
+    defaultVariants: {
+        size: "medium",
+    },
+});
+function renderImage(imageClassName, source) {
+    if (!source) {
+        return null;
+    }
+    return _jsx(Image, { className: imageClassName, resizeMode: "contain", source: source });
+}
+const Logo = ({ source, size = "medium", className }) => {
+    const styles = logo({ size });
+    return (_jsx(View, { className: styles.container({ className }), children: renderImage(styles.image(), source) }));
+};
+export default Logo;

package/lib/Display/Display.MenuButton.d.ts

@@ -0,0 +1,103 @@
+import { type VariantProps } from "../theme/tw";
+import { ComponentType, ReactNode } from "react";
+declare const menuButton: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            iconContainer: string;
+            label: string;
+        };
+        danger: {
+            iconContainer: string;
+            label: string;
+        };
+    };
+    showDivider: {
+        true: {
+            container: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    iconContainer: string;
+    content: string;
+    label: string;
+    rightContainer: string;
+    chevronContainer: string;
+    chevron: string;
+}, undefined, {
+    variant: {
+        default: {
+            iconContainer: string;
+            label: string;
+        };
+        danger: {
+            iconContainer: string;
+            label: string;
+        };
+    };
+    showDivider: {
+        true: {
+            container: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    iconContainer: string;
+    content: string;
+    label: string;
+    rightContainer: string;
+    chevronContainer: string;
+    chevron: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            iconContainer: string;
+            label: string;
+        };
+        danger: {
+            iconContainer: string;
+            label: string;
+        };
+    };
+    showDivider: {
+        true: {
+            container: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    iconContainer: string;
+    content: string;
+    label: string;
+    rightContainer: string;
+    chevronContainer: string;
+    chevron: string;
+}, undefined, unknown, unknown, undefined>>;
+interface MenuButtonProps extends VariantProps<typeof menuButton> {
+    icon?: ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    label: string;
+    description?: string;
+    onPress?: () => void;
+    rightComponent?: ReactNode;
+    className?: string;
+}
+declare function MenuButton({ icon: Icon, label, description, onPress, rightComponent, showDivider, variant, disabled, className, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
+export default MenuButton;

package/lib/Display/Display.MenuButton.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from "../theme";
+import { tv } from "../theme/tw";
+import { Typography } from "../Typography";
+import { TouchableOpacity, View } from "react-native";
+const menuButton = tv({
+    slots: {
+        container: "flex-row items-center py-3 px-4 bg-bg-card",
+        iconContainer: "mr-3 w-8 h-8 rounded-lg items-center justify-center",
+        content: "flex-1",
+        label: "",
+        rightContainer: "ml-2",
+        chevronContainer: "ml-2 w-5 h-5 items-center justify-center",
+        chevron: "text-xl",
+    },
+    variants: {
+        variant: {
+            default: {
+                iconContainer: "bg-bg-hover",
+                label: "text-text-primary",
+            },
+            danger: {
+                iconContainer: "bg-danger-light",
+                label: "text-danger",
+            },
+        },
+        showDivider: {
+            true: {
+                container: "border-b border-border-default",
+            },
+        },
+        disabled: {
+            true: {
+                container: "opacity-40",
+            },
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        showDivider: true,
+        disabled: false,
+    },
+});
+function MenuButton({ icon: Icon, label, description, onPress, rightComponent, showDivider = true, variant = "default", disabled = false, className, }) {
+    const styles = menuButton({ variant, showDivider, disabled });
+    const isDanger = variant === "danger";
+    const isClickable = !!onPress && !disabled;
+    return (_jsxs(TouchableOpacity, { activeOpacity: 0.5, className: styles.container({ className }), disabled: disabled || !onPress, onPress: onPress, children: [Icon && (_jsx(View, { className: styles.iconContainer(), children: _jsx(Icon, { color: isDanger ? theme.danger : theme.text.secondary, size: 20 }) })), _jsxs(View, { className: styles.content(), children: [_jsx(Typography.Text, { className: styles.label(), variant: "body", children: label }), description && (_jsx(Typography.Text, { className: "text-text-secondary", variant: "bodySmall", children: description }))] }), rightComponent && _jsx(View, { className: styles.rightContainer(), children: rightComponent }), !rightComponent && isClickable && (_jsx(View, { className: styles.chevronContainer(), children: _jsx(Typography.Text, { className: styles.chevron(), children: "\u203A" }) }))] }));
+}
+export default MenuButton;

package/lib/Display/Display.Monetary.d.ts

@@ -0,0 +1,19 @@
+import { typographyVariants } from "../theme/typography";
+import type { StyleProp, TextStyle } from "react-native";
+interface MonetaryFieldProps {
+    value: number | string | null | undefined;
+    currencySymbol?: string;
+    prefix?: string;
+    /** @deprecated Use className="text-{color}" instead */
+    color?: string;
+    textVariant?: keyof typeof typographyVariants;
+    /** @deprecated Use className for styling */
+    style?: StyleProp<TextStyle>;
+    /** @deprecated Use className="text-{color}" instead */
+    symbolColor?: string;
+    semibold?: boolean;
+    bold?: boolean;
+    className?: string;
+}
+declare function MonetaryField({ value, currencySymbol, prefix, color, textVariant, style, symbolColor, semibold, bold, className, }: MonetaryFieldProps): import("react/jsx-runtime").JSX.Element;
+export default MonetaryField;

package/lib/Display/Display.Monetary.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from "../Typography";
+import { formatTwoDecimals } from "../utils/monetary";
+function MonetaryField({ value, currencySymbol = "₡", prefix = "", color, textVariant = "body", style = {}, symbolColor, semibold = true, bold = false, className, }) {
+    const isEmptyValue = value === null || value === undefined || value === "";
+    const formatted = isEmptyValue ? "0.00" : formatTwoDecimals(value);
+    return (_jsxs(Typography.Text, { bold: bold, className: className, color: color, semibold: semibold && !bold, style: style, variant: textVariant, children: [_jsx(Typography.Text, { className: className, color: symbolColor || color, variant: textVariant, children: currencySymbol }), " ", prefix && `${prefix} `, formatted] }));
+}
+export default MonetaryField;

package/lib/Display/index.d.ts

@@ -0,0 +1,22 @@
+import Badge, { type BadgeProps, BadgeVariants } from "../Display/Display.Badge";
+import CopyableText from "../Display/Display.CopyableText";
+import CountRecords from "../Display/Display.CountRecords";
+import Date from "../Display/Display.Date";
+import Divider from "../Display/Display.Divider";
+import MenuButton from "../Display/Display.MenuButton";
+import Monetary from "../Display/Display.Monetary";
+export declare const Display: {
+    Badge: typeof Badge;
+    BadgeVariants: typeof BadgeVariants;
+    Avatar: import("react").FC<import("../Display/Display.Avatar").AvatarProps>;
+    CopyableText: typeof CopyableText;
+    Date: typeof Date;
+    Divider: typeof Divider;
+    Icon: import("react").FC<import("../Display/Display.Icon").IconProps>;
+    CountRecords: typeof CountRecords;
+    Logo: import("react").FC<import("../Display/Display.Logo").LogoProps>;
+    MenuButton: typeof MenuButton;
+    Monetary: typeof Monetary;
+};
+export { type BadgeProps, BadgeVariants };
+export default Display;

package/lib/Display/index.js

@@ -0,0 +1,25 @@
+import Avatar from "../Display/Display.Avatar";
+import Badge, { BadgeVariants, } from "../Display/Display.Badge";
+import CopyableText from "../Display/Display.CopyableText";
+import CountRecords from "../Display/Display.CountRecords";
+import Date from "../Display/Display.Date";
+import Divider from "../Display/Display.Divider";
+import Icon from "../Display/Display.Icon";
+import Logo from "../Display/Display.Logo";
+import MenuButton from "../Display/Display.MenuButton";
+import Monetary from "../Display/Display.Monetary";
+export const Display = {
+    Badge,
+    BadgeVariants,
+    Avatar,
+    CopyableText,
+    Date,
+    Divider,
+    Icon,
+    CountRecords,
+    Logo,
+    MenuButton,
+    Monetary,
+};
+export { BadgeVariants };
+export default Display;

package/lib/Feedback/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import React, { Component, ReactNode } from "react";
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: (error: Error, retry: () => void) => ReactNode;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    handleRetry: () => void;
+    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}
+export {};

package/lib/Feedback/ErrorBoundary.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FeedbackError from "../Feedback/Feedback.Error";
+import { Component } from "react";
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error("ErrorBoundary caught an error:", error, errorInfo);
+        this.props.onError?.(error, errorInfo);
+    }
+    handleRetry = () => {
+        this.setState({ hasError: false, error: null });
+    };
+    render() {
+        if (this.state.hasError && this.state.error) {
+            if (this.props.fallback) {
+                return this.props.fallback(this.state.error, this.handleRetry);
+            }
+            return (_jsx(FeedbackError, { message: this.state.error.message || "Ocurrió un error inesperado", onRetry: this.handleRetry }));
+        }
+        return this.props.children;
+    }
+}

package/lib/Feedback/Feedback.DomainSplashScreen.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface DomainSplashScreenProps {
+    domainName: string;
+    isLoading: boolean;
+    children: ReactNode;
+    onComplete?: () => void;
+    minDuration?: number;
+}
+declare function DomainSplashScreen({ domainName, isLoading, children, onComplete, minDuration, }: DomainSplashScreenProps): import("react/jsx-runtime").JSX.Element;
+export default DomainSplashScreen;

package/lib/Feedback/Feedback.DomainSplashScreen.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import GradientContainer from "../layouts/GradientContainer";
+import { Typography } from "../Typography";
+import { useCallback, useEffect, useState } from "react";
+import { StyleSheet, View } from "react-native";
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming, } from "react-native-reanimated";
+import { scheduleOnRN } from "react-native-worklets";
+function DomainSplashScreen({ domainName, isLoading, children, onComplete, minDuration = 300, }) {
+    const progressValue = useSharedValue(0);
+    const opacityValue = useSharedValue(1);
+    const [isComplete, setIsComplete] = useState(false);
+    const handleComplete = useCallback(() => {
+        if (onComplete) {
+            onComplete();
+        }
+    }, [onComplete]);
+    useEffect(() => {
+        if (!isLoading) {
+            progressValue.value = withTiming(100, {
+                duration: 300,
+                easing: Easing.out(Easing.ease),
+            });
+            setTimeout(() => {
+                opacityValue.value = withTiming(0, {
+                    duration: 400,
+                    easing: Easing.out(Easing.ease),
+                });
+            }, 100);
+            return;
+        }
+        const startTime = Date.now();
+        const totalDuration = 2500;
+        const interval = setInterval(() => {
+            const elapsed = Date.now() - startTime;
+            const newProgress = Math.min((elapsed / totalDuration) * 100, 100);
+            progressValue.value = newProgress;
+            if (newProgress >= 100) {
+                clearInterval(interval);
+                setIsComplete(true);
+                setTimeout(() => {
+                    opacityValue.value = withTiming(0, {
+                        duration: 800,
+                        easing: Easing.out(Easing.ease),
+                    }, (finished) => {
+                        if (finished) {
+                            scheduleOnRN(handleComplete);
+                        }
+                    });
+                }, 500);
+            }
+        }, 50);
+        return () => clearInterval(interval);
+    }, [isLoading]);
+    const progressBarStyle = useAnimatedStyle(() => ({
+        width: `${progressValue.value}%`,
+    }));
+    const splashStyle = useAnimatedStyle(() => ({
+        opacity: opacityValue.value,
+    }));
+    return (_jsxs(View, { style: styles.container, children: [children, _jsx(Animated.View, { pointerEvents: isLoading ? "auto" : "none", style: [StyleSheet.absoluteFillObject, splashStyle], children: _jsx(GradientContainer, { className: "flex-1 justify-center items-center px-8", children: _jsxs(View, { className: "w-full items-center gap-6", children: [_jsx(Typography.Text, { className: "text-2xl font-bold text-white", children: isComplete ? "¡Listo!" : `Cargando ${domainName}` }), !isComplete && (_jsx(View, { className: "w-full bg-transparent border border-white/30 rounded-full h-4 overflow-hidden", children: _jsx(Animated.View, { className: "bg-white rounded-full h-4 shadow-lg", style: progressBarStyle }) })), isComplete && (_jsxs(Typography.Text, { className: "text-sm text-white/80", children: ["Ya puedes comenzar a usar ", domainName, "."] }))] }) }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+});
+export default DomainSplashScreen;

package/lib/Feedback/Feedback.Empty.d.ts

@@ -0,0 +1,6 @@
+interface EmptyProps {
+    handleGoHome?: () => void;
+    className?: string;
+}
+declare function Empty({ handleGoHome, className }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+export default Empty;

package/lib/Feedback/Feedback.Empty.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Display } from "../Display";
+import { cn } from "../theme/tw";
+import { Typography } from "../Typography";
+import { View } from "react-native";
+function Empty({ handleGoHome, className }) {
+    return (_jsxs(View, { className: cn("flex-1 items-center justify-center px-4", className), children: [_jsx(Display.Icon, { name: "sad-cry", size: 80, type: "fontawesome5" }), _jsx(Typography.Text, { className: "pt-4 text-text-primary", semibold: true, variant: "h3", children: "\u00A1Oops!" }), _jsx(Typography.Text, { className: "pt-2 text-center text-base leading-5.5 text-text-secondary", variant: "h5", children: "No se encontraron registros disponibles." })] }));
+}
+export default Empty;

package/lib/Feedback/Feedback.Error.d.ts

@@ -0,0 +1,9 @@
+interface ErrorProps {
+    message?: string;
+    onRetry?: () => void;
+    onBack?: () => void;
+    onHome?: () => void;
+    className?: string;
+}
+declare function Error({ message, onRetry, onBack, onHome, className }: ErrorProps): import("react/jsx-runtime").JSX.Element;
+export default Error;

package/lib/Feedback/Feedback.Error.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Display } from "../Display";
+import Button from "../Form/Form.Button";
+import { cn } from "../theme/tw";
+import { Typography } from "../Typography";
+import { View } from "react-native";
+function Error({ message, onRetry, onBack, onHome, className }) {
+    return (_jsxs(View, { className: cn("flex-1 items-center justify-center px-4", className), children: [_jsx(Display.Icon, { color: "#ef4444", name: "exclamation-circle", size: 80, type: "fontawesome5" }), _jsx(Typography.Text, { className: "pt-4 text-text-primary", semibold: true, variant: "h3", children: "\u00A1Error!" }), _jsx(Typography.Text, { className: "pt-2 text-center text-base leading-5.5 text-text-secondary", variant: "h5", children: message || "Ocurrió un error al cargar la información" }), _jsxs(View, { className: "mt-8 w-full gap-3", children: [onRetry && _jsx(Button, { className: "w-full", onPress: onRetry, title: "Reintentar" }), onBack && (_jsx(Button, { className: "w-full", onPress: onBack, title: "Volver", variant: "secondary" })), onHome && (_jsx(Button, { className: "w-full", onPress: onHome, title: "Ir al inicio", variant: "outline" }))] })] }));
+}
+export default Error;

package/lib/Feedback/Feedback.Loading.d.ts

@@ -0,0 +1,8 @@
+interface LoadingStateProps {
+    message?: string;
+    size?: "small" | "large";
+    style?: object;
+    className?: string;
+}
+declare function LoadingState({ message, size, style, className, }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export default LoadingState;

package/lib/Feedback/Feedback.Loading.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Spinner from "../Feedback/Feedback.Spinner";
+import { cn } from "../theme/tw";
+import { View } from "react-native";
+function LoadingState({ message = "Actualizando lista de órdenes", size = "small", style = {}, className, }) {
+    return (_jsx(View, { className: cn("flex-1 justify-center items-center", className), style: style, children: _jsx(Spinner, { className: "mb-5", size: size, text: message }) }));
+}
+export default LoadingState;

package/lib/Feedback/Feedback.Spinner.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import { type ViewStyle } from "react-native";
+export interface SpinnerProps {
+    size?: "small" | "large";
+    color?: string;
+    text?: string;
+    style?: ViewStyle;
+    className?: string;
+}
+declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;

package/lib/Feedback/Feedback.Spinner.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../theme/tw";
+import { Typography } from "../Typography";
+import { ActivityIndicator, View } from "react-native";
+const Spinner = ({ size = "large", color = "#FF7B0A", text, style, className, }) => {
+    return (_jsxs(View, { className: cn("items-center justify-center", className), style: style, children: [_jsx(ActivityIndicator, { color: color, size: size }), text && (_jsx(Typography.Text, { className: "mt-2.5 text-base", variant: "body", children: text }))] }));
+};
+export default Spinner;

package/lib/Feedback/Feedback.Splash.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import { type ImageSourcePropType } from "react-native";
+interface SplashScreenProps {
+    isReady: boolean;
+    logo?: ImageSourcePropType;
+    minDuration?: number;
+    message?: string;
+    children?: ReactNode;
+}
+declare function Splash({ isReady, logo, minDuration, message, children, }: SplashScreenProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export default Splash;

package/lib/Feedback/Feedback.Splash.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Loading from "../Feedback/Feedback.Loading";
+import GradientContainer from "../layouts/GradientContainer";
+import { useEffect, useRef, useState } from "react";
+import { Image, View } from "react-native";
+function renderLogo(logo) {
+    if (!logo) {
+        return null;
+    }
+    return _jsx(Image, { className: "w-[250px] h-[200px] mb-12", resizeMode: "contain", source: logo });
+}
+function Splash({ isReady, logo, minDuration = 800, message = "Inicializando...", children, }) {
+    const [showContent, setShowContent] = useState(false);
+    const minDurationTimeoutRef = useRef(null);
+    useEffect(() => {
+        if (minDurationTimeoutRef.current) {
+            clearTimeout(minDurationTimeoutRef.current);
+        }
+        if (!isReady) {
+            setShowContent(false);
+            return;
+        }
+        minDurationTimeoutRef.current = setTimeout(() => {
+            setShowContent(true);
+        }, minDuration);
+        return () => {
+            if (minDurationTimeoutRef.current) {
+                clearTimeout(minDurationTimeoutRef.current);
+            }
+        };
+    }, [isReady, minDuration]);
+    if (!showContent) {
+        return (_jsx(GradientContainer, { className: "flex-1", children: _jsxs(View, { className: "flex-1 justify-center items-center", children: [renderLogo(logo), _jsx(Loading, { message: message, size: "large" })] }) }));
+    }
+    return children;
+}
+export default Splash;

package/lib/Feedback/index.d.ts

@@ -0,0 +1,13 @@
+import DomainSplashScreen from "../Feedback/Feedback.DomainSplashScreen";
+import Empty from "../Feedback/Feedback.Empty";
+import Error from "../Feedback/Feedback.Error";
+import Loading from "../Feedback/Feedback.Loading";
+export { ErrorBoundary } from "../Feedback/ErrorBoundary";
+export declare const Feedback: {
+    Loading: typeof Loading;
+    Spinner: import("react").FC<import("../Feedback/Feedback.Spinner").SpinnerProps>;
+    Empty: typeof Empty;
+    Error: typeof Error;
+    DomainSplashScreen: typeof DomainSplashScreen;
+};
+export default Feedback;

package/lib/Feedback/index.js

@@ -0,0 +1,14 @@
+import DomainSplashScreen from "../Feedback/Feedback.DomainSplashScreen";
+import Empty from "../Feedback/Feedback.Empty";
+import Error from "../Feedback/Feedback.Error";
+import Loading from "../Feedback/Feedback.Loading";
+import Spinner from "../Feedback/Feedback.Spinner";
+export { ErrorBoundary } from "../Feedback/ErrorBoundary";
+export const Feedback = {
+    Loading,
+    Spinner,
+    Empty,
+    Error,
+    DomainSplashScreen,
+};
+export default Feedback;