custom-mobile-ui 1.0.1

package/dist/ui.d.mts

@@ -0,0 +1,400 @@
+import React__default from 'react';
+import * as react_native from 'react-native';
+
+declare const ModalViewMode: {
+    readonly bottomSheet: "bottom-sheet";
+    readonly centered: "centered";
+};
+type ModalViewModeValue = (typeof ModalViewMode)[keyof typeof ModalViewMode];
+
+type LogoutContextType = {
+    openLogout: (options?: {
+        onLogout?: () => void;
+        viewMode?: ModalViewModeValue;
+    }) => void;
+    closeLogout: () => void;
+};
+declare const LogoutProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useGlobalLogout: () => LogoutContextType;
+
+/**
+ * Shared typography and surfaces for demo screens and the component gallery.
+ * Use for page-level headings, section intros, and bordered "example" regions.
+ */
+declare const exampleScreenLayout: {
+    page: {
+        flex: number;
+        backgroundColor: string;
+    };
+    pageHeading: {
+        color: string;
+        letterSpacing: number;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    pageDescription: {
+        fontSize: number;
+        color: string;
+        lineHeight: number;
+        marginTop: number;
+        maxWidth: number;
+    };
+    sectionHeading: {
+        color: string;
+        marginTop: number;
+        marginBottom: number;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    sectionDescription: {
+        fontSize: number;
+        color: string;
+        lineHeight: number;
+        marginBottom: number;
+    };
+    exampleBox: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation?: undefined;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        borderWidth: number;
+        borderColor: string;
+    } | {
+        elevation: number;
+        shadowColor?: undefined;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        borderWidth: number;
+        borderColor: string;
+    } | {
+        shadowColor?: undefined;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        elevation?: undefined;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+};
+
+export { LogoutProvider, exampleScreenLayout, useGlobalLogout };