@swan-io/lake 1.4.4 → 1.5.1

package/src/constants/design.d.ts

@@ -135,24 +135,16 @@ export declare const animations: {
         enter: {
             animationKeyframes: {
                 "10%, 90%": {
-                    transform: {
-                        translateX: number;
-                    }[];
+                    transform: string;
                 };
                 "20%, 80%": {
-                    transform: {
-                        translateX: number;
-                    }[];
+                    transform: string;
                 };
                 "30%, 50%, 70%": {
-                    transform: {
-                        translateX: number;
-                    }[];
+                    transform: string;
                 };
                 "40%, 60%": {
-                    transform: {
-                        translateX: number;
-                    }[];
+                    transform: string;
                 };
             }[];
             animationDuration: string;

package/src/constants/design.js

@@ -439,7 +439,7 @@ const fadeAndSlideInFromTop = StyleSheet.create({
         animationKeyframes: {
             from: {
                 opacity: 0,
-                transform: [{ translateY: -10 }],
+                transform: "translateY(-10px)",
             },
         },
         animationDuration: "300ms",
@@ -449,7 +449,7 @@ const fadeAndSlideInFromTop = StyleSheet.create({
         animationKeyframes: {
             to: {
                 opacity: 0,
-                transform: [{ translateY: -10 }],
+                transform: "translateY(-10px)",
             },
         },
         animationDuration: "300ms",
@@ -462,7 +462,7 @@ const fadeAndSlideInFromLeft = StyleSheet.create({
         animationKeyframes: {
             from: {
                 opacity: 0,
-                transform: [{ translateX: -10 }],
+                transform: "translateX(-10px)",
             },
         },
         animationDuration: "300ms",
@@ -472,7 +472,7 @@ const fadeAndSlideInFromLeft = StyleSheet.create({
         animationKeyframes: {
             to: {
                 opacity: 0,
-                transform: [{ translateX: -10 }],
+                transform: "translateX(-10px)",
             },
         },
         animationDuration: "300ms",
@@ -485,7 +485,7 @@ const fadeAndSlideInFromBottom = StyleSheet.create({
         animationKeyframes: {
             from: {
                 opacity: 0,
-                transform: [{ translateY: 10 }],
+                transform: "translateY(10px)",
             },
         },
         animationDuration: "300ms",
@@ -495,7 +495,7 @@ const fadeAndSlideInFromBottom = StyleSheet.create({
         animationKeyframes: {
             to: {
                 opacity: 0,
-                transform: [{ translateY: 10 }],
+                transform: "translateY(10px)",
             },
         },
         animationDuration: "300ms",
@@ -508,7 +508,7 @@ const fadeAndSlideInFromRight = StyleSheet.create({
         animationKeyframes: {
             from: {
                 opacity: 0,
-                transform: [{ translateZ: 0 }, { translateX: 10 }],
+                transform: "translateZ(0px) translateX(10px)",
             },
         },
         animationDuration: "300ms",
@@ -518,7 +518,7 @@ const fadeAndSlideInFromRight = StyleSheet.create({
         animationKeyframes: {
             to: {
                 opacity: 0,
-                transform: [{ translateZ: 0 }, { translateX: 10 }],
+                transform: "translateZ(0px) translateX(10px)",
             },
         },
         animationDuration: "300ms",
@@ -532,16 +532,16 @@ const shake = StyleSheet.create({
         animationKeyframes: [
             {
                 "10%, 90%": {
-                    transform: [{ translateX: -1 }],
+                    transform: "translateX(-1px)",
                 },
                 "20%, 80%": {
-                    transform: [{ translateX: 2 }],
+                    transform: "translateX(2px)",
                 },
                 "30%, 50%, 70%": {
-                    transform: [{ translateX: -4 }],
+                    transform: "translateX(-4px)",
                 },
                 "40%, 60%": {
-                    transform: [{ translateX: 4 }],
+                    transform: "translateX(4px)",
                 },
             },
         ],

package/src/hooks/useAnimatedValue.js

@@ -1,3 +1,10 @@
+import { useRef } from "react";
 import { Animated } from "react-native";
-import { useLazyRef } from "./useLazyRef";
-export const useAnimatedValue = (value) => useLazyRef(() => new Animated.Value(value)).current;
+const UNSET = Symbol("unset");
+export const useAnimatedValue = (value) => {
+    const ref = useRef(UNSET);
+    if (ref.current === UNSET) {
+        ref.current = new Animated.Value(value);
+    }
+    return ref.current;
+};

package/src/hooks/useForceableState.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.17.5/packages/react-native-web/src/exports/Pressable/index.js#L220
+// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/exports/Pressable/index.js#L221
 import { useState } from "react";
 export const useForceableState = (forced) => {
     const [value, setValue] = useState(false);

package/src/hooks/useHover.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.17.5/packages/react-native-web/src/modules/useHover/index.js
+// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/modules/useHover/index.js
 // @ts-expect-error
 import originaUseHover from "react-native-web/dist/cjs/modules/useHover";
 export const useHover = originaUseHover;

package/src/hooks/useMergeRefs.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.17.5/packages/react-native-web/src/modules/useMergeRefs/index.js
+// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/modules/useMergeRefs/index.js
 // https://github.com/theKashey/use-callback-ref (for typing)
 // @ts-expect-error
 import originalUseMergeRefs from "react-native-web/dist/cjs/modules/useMergeRefs";

package/src/hooks/usePressEvents.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.17.5/packages/react-native-web/src/modules/usePressEvents/index.js
+// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/modules/usePressEvents/index.js
 // @ts-expect-error
 import originalUsePressEvents from "react-native-web/dist/cjs/modules/usePressEvents";
 export const usePressEvents = originalUsePressEvents;

package/src/components/Alert.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle } from "react-native";
-type AlertVariant = "info" | "warning" | "error";
-type Props = {
-    variant: AlertVariant;
-    children: string;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const Alert: ({ variant, children, style }: Props) => JSX.Element;
-export {};

package/src/components/Alert.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyleSheet, Text } from "react-native";
-import { colors } from "../constants/colors";
-import { typography } from "../constants/typography";
-import { Box } from "./Box";
-import { Icon } from "./Icon";
-import { Space } from "./Space";
-const styles = StyleSheet.create({
-    base: {
-        paddingVertical: 12,
-        paddingHorizontal: 12,
-        borderRadius: 4,
-    },
-    text: {
-        ...typography.bodySmall,
-    },
-});
-const alertIcon = {
-    info: "info-filled",
-    warning: "warning-filled",
-    error: "error-circle-filled",
-};
-const alertColor = {
-    info: colors.gray[80],
-    warning: colors.orange[100],
-    error: colors.red[100],
-};
-const alertBackground = {
-    info: colors.gray[3],
-    warning: colors.orange[10],
-    error: colors.red[10],
-};
-export const Alert = ({ variant, children, style }) => {
-    const color = alertColor[variant];
-    return (_jsxs(Box, { direction: "row", alignItems: "center", style: [styles.base, { backgroundColor: alertBackground[variant] }, style], children: [_jsx(Icon, { name: alertIcon[variant], color: color, size: 20 }), _jsx(Space, { width: 12 }), _jsx(Text, { style: [styles.text, { color }], children: children })] }));
-};

package/src/components/Button.d.ts

@@ -1,15 +0,0 @@
-import { ReactText } from "react";
-import { GestureResponderEvent, StyleProp, View, ViewStyle } from "react-native";
-import { IconName } from "./Icon";
-type Props = {
-    children?: ReactText;
-    color?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    icon?: IconName;
-    onPress?: (event: GestureResponderEvent) => void;
-    size?: "large" | "small";
-    style?: StyleProp<ViewStyle>;
-};
-export declare const Button: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<View>>>;
-export {};

package/src/components/Button.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo } from "react";
-import { ActivityIndicator, Pressable, StyleSheet, Text, View, } from "react-native";
-import { colors } from "../constants/colors";
-import { typography } from "../constants/typography";
-import { useComputedColors } from "../hooks/useComputedColors";
-import { isNotNullish, isNullish } from "../utils/nullish";
-import { Icon } from "./Icon";
-import { Space } from "./Space";
-const styles = StyleSheet.create({
-    base: {
-        alignItems: "center",
-        backgroundColor: colors.black,
-        borderRadius: 4,
-        flexDirection: "row",
-        flexShrink: 1,
-        height: 48,
-        justifyContent: "center",
-        overflow: "hidden",
-        paddingLeft: 20,
-        paddingRight: 20,
-        transitionDuration: "150ms",
-        transitionProperty: "background-color",
-    },
-    small: {
-        height: 40,
-        paddingLeft: 16,
-        paddingRight: 16,
-    },
-    withIcon: {
-        paddingLeft: 18,
-    },
-    withIconSmall: {
-        paddingLeft: 14,
-    },
-    iconOnly: {
-        paddingLeft: 13,
-        paddingRight: 13,
-    },
-    iconOnlySmall: {
-        paddingLeft: 10,
-        paddingRight: 10,
-    },
-    text: {
-        ...typography.bodyLarge,
-        fontWeight: typography.fontWeights.demi,
-    },
-    textSmall: {
-        ...typography.bodySmall,
-        fontWeight: typography.fontWeights.demi,
-    },
-    disabled: {
-        cursor: "not-allowed",
-    },
-    loaderContainer: {
-        ...StyleSheet.absoluteFillObject,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-export const Button = memo(forwardRef(({ children, color = colors.gray[100], disabled = false, loading = false, icon, onPress, size = "large", style, }, forwardedRef) => {
-    const computedColors = useComputedColors(color);
-    const isSmall = size === "small";
-    const iconSize = isSmall ? 18 : 20;
-    return (_jsxs(Pressable, { accessibilityRole: "button", accessibilityBusy: loading, accessibilityDisabled: disabled, disabled: loading || disabled, ref: forwardedRef, onPress: onPress, style: ({ hovered, pressed }) => [
-            styles.base,
-            isSmall && styles.small,
-            isNotNullish(icon) && (isSmall ? styles.withIconSmall : styles.withIcon),
-            isNullish(children) && (isSmall ? styles.iconOnlySmall : styles.iconOnly),
-            disabled && styles.disabled,
-            style,
-            {
-                backgroundColor: disabled
-                    ? computedColors.disabled
-                    : pressed
-                        ? computedColors.pressed
-                        : hovered
-                            ? computedColors.hovered
-                            : computedColors.original,
-            },
-        ], children: [icon && _jsx(Icon, { color: computedColors.text, name: icon, size: iconSize }), isNotNullish(icon) && isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 }), _jsx(Text, { numberOfLines: 1, selectable: false, style: [isSmall ? styles.textSmall : styles.text, { color: computedColors.text }], children: children }), loading && (_jsx(View, { accessibilityRole: "none", style: [styles.loaderContainer, { backgroundColor: computedColors.original }], children: _jsx(ActivityIndicator, { color: computedColors.text, size: iconSize }) }))] }));
-}));
-Button.displayName = "Button";

package/src/components/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
-type Props = {
-    children?: ReactNode;
-    disabled?: boolean;
-    error?: string;
-    style?: StyleProp<ViewStyle>;
-    value: boolean;
-    onValueChange?: (value: boolean) => void;
-};
-export declare const CheckBox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<View>>>;
-export {};

package/src/components/Checkbox.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, memo, useId, useRef } from "react";
-import { unstable_createElement as createElement, StyleSheet, Text, View, } from "react-native";
-import { colors } from "../constants/colors";
-import { typography } from "../constants/typography";
-import { useNativeProp } from "../hooks/useNativeProp";
-import { isNotNullish } from "../utils/nullish";
-import { Icon } from "./Icon";
-import { Pressable } from "./Pressable";
-import { Space } from "./Space";
-const styles = StyleSheet.create({
-    base: {
-        flexDirection: "row",
-        flexShrink: 1,
-    },
-    box: {
-        alignItems: "center",
-        borderColor: colors.gray[10],
-        borderRadius: 4,
-        borderWidth: 1,
-        height: 20,
-        justifyContent: "center",
-        padding: 4,
-        transitionDuration: "150ms",
-        transitionProperty: "border-color",
-        width: 20,
-    },
-    native: {
-        ...StyleSheet.absoluteFillObject,
-        appearance: "none",
-        borderColor: colors.transparent,
-        cursor: "inherit",
-        height: "100%",
-        margin: 0,
-        padding: 0,
-        width: "100%",
-    },
-    icon: {
-        opacity: 0,
-        animationKeyframes: {
-            from: { opacity: 0 },
-            to: { opacity: 1 },
-        },
-        animationDuration: "0.25s",
-        animationFillMode: "forwards",
-        animationTimingFunction: "ease",
-    },
-    hovered: {
-        borderColor: colors.gray[30],
-    },
-    disabled: {
-        cursor: "not-allowed",
-        backgroundColor: colors.gray[3],
-    },
-    errored: {
-        borderColor: colors.red[100],
-    },
-    label: {
-        ...typography.bodyLarge,
-        lineHeight: typography.lineHeights.title,
-    },
-});
-export const CheckBox = memo(forwardRef(({ children, disabled = false, error = "", style, value, onValueChange }, forwardedRef) => {
-    const ref = useRef(null);
-    const id = useId();
-    useNativeProp(ref, "for", id);
-    return (_jsxs(View, { style: [styles.base, style], children: [_jsxs(Pressable, { ref: forwardedRef, accessibilityRole: "checkbox", focusable: false, accessibilityChecked: value, accessibilityDisabled: disabled, style: ({ hovered }) => [
-                    styles.box,
-                    disabled && styles.disabled,
-                    !disabled && error !== "" && styles.errored,
-                    !disabled && error === "" && hovered && styles.hovered,
-                ], children: [createElement("input", {
-                        checked: value,
-                        disabled,
-                        id,
-                        style: styles.native,
-                        type: "checkbox",
-                        onChange: () => {
-                            !disabled && onValueChange?.(!value);
-                        },
-                    }), value && (_jsx(Icon, { name: "checkmark-filled", color: disabled ? colors.gray[50] : colors.green[100], size: 16, style: styles.icon }))] }), isNotNullish(children) && (_jsxs(_Fragment, { children: [_jsx(Space, { width: 12 }), _jsx(Text, { accessibilityRole: "label", ref: ref, style: styles.label, children: children })] }))] }));
-}));
-CheckBox.displayName = "CheckBox";

package/src/components/Combobox.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { IconName } from "./Icon";
-type Props<I extends {
-    value: string;
-    disabled?: boolean;
-}> = {
-    value: string;
-    items: I[];
-    ListFooterComponent?: ReactNode;
-    onValueChange: (value: string) => void;
-    onSelectItem: (value: I) => void;
-    renderItem: (item: I) => ReactNode | null;
-    size?: "large" | "small";
-    icon?: IconName;
-    label?: string;
-    placeholder?: string;
-    loading?: boolean;
-    disabled?: boolean;
-    error?: string;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const Combobox: (<I extends {
-    value: string;
-    disabled?: boolean | undefined;
-}>(props: Props<I>) => JSX.Element | null) & {
-    displayName?: string | undefined;
-};
-export {};

package/src/components/Combobox.js

@@ -1,182 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo as reactMemo, useCallback, useEffect, useId, useRef, useState, } from "react";
-import isEqual from "react-fast-compare";
-import { ActivityIndicator, FlatList, Pressable, StyleSheet, Text, View, } from "react-native";
-import { match } from "ts-pattern";
-import { colors } from "../constants/colors";
-import { spacings } from "../constants/design";
-import { typography } from "../constants/typography";
-import { useDisclosure } from "../hooks/useDisclosure";
-import { useResponsive } from "../hooks/useResponsive";
-import { isNotNullish, isNullish } from "../utils/nullish";
-import { Icon } from "./Icon";
-import { Input } from "./Input";
-import { LakeTextInput } from "./LakeTextInput";
-import { Popover, VIEWPORT_WIDTH_THRESHOLD } from "./Popover";
-const ELEMENT_HEIGHT = 72;
-const NB_SUGGESTION_DISPLAYED = 3.5;
-const styles = StyleSheet.create({
-    inputWithLeftIcon: {
-        paddingLeft: 48,
-    },
-    icon: {
-        position: "absolute",
-        left: 16,
-        top: 14,
-    },
-    iconWithLabel: {
-        top: 42,
-    },
-    list: {
-        maxHeight: ELEMENT_HEIGHT * NB_SUGGESTION_DISPLAYED,
-    },
-    loading: {
-        height: ELEMENT_HEIGHT * NB_SUGGESTION_DISPLAYED,
-        left: 16,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    item: {
-        flexShrink: 1,
-        flexGrow: 1,
-        height: ELEMENT_HEIGHT,
-        justifyContent: "center",
-        paddingHorizontal: 16,
-        paddingVertical: 0,
-        transitionProperty: "background-color",
-        transitionDuration: "200ms",
-    },
-    hoveredItem: {
-        backgroundColor: colors.gray[3],
-    },
-    pressedItem: {
-        backgroundColor: colors.gray[10],
-    },
-    itemText: {
-        ...typography.bodyLarge,
-    },
-    mobileInput: {
-        padding: spacings[16],
-    },
-});
-const isReactText = (node) => ["string", "number"].includes(typeof node);
-const getItemLayout = (_data, index) => ({
-    length: ELEMENT_HEIGHT,
-    offset: ELEMENT_HEIGHT * index,
-    index,
-});
-const memo = reactMemo;
-export const Combobox = memo(({ value, items, ListFooterComponent, onValueChange, onSelectItem, renderItem, size, icon, label, placeholder, loading = false, disabled = false, error, style, }) => {
-    const isFirstRender = useRef(true);
-    const ref = useRef(null);
-    const mobileInputRef = useRef(null);
-    const listRef = useRef(null);
-    const [visible, { open, close }] = useDisclosure(false);
-    const [focusedIndex, setFocusedIndex] = useState();
-    const { desktop } = useResponsive(VIEWPORT_WIDTH_THRESHOLD);
-    const suggestionsId = useId();
-    const handleFocus = useCallback((event) => {
-        if (!desktop) {
-            event.preventDefault();
-            open();
-        }
-        else {
-            if (items.length > 0) {
-                open();
-            }
-        }
-    }, [items, open, desktop]);
-    const handleKeyPress = useCallback((event) => {
-        match(event.nativeEvent.key)
-            .with("ArrowDown", () => {
-            event.preventDefault();
-            setFocusedIndex(prevIndex => {
-                const nextIndex = isNotNullish(prevIndex) ? prevIndex + 1 : 0;
-                const maxIndex = items.length - 1;
-                return Math.min(nextIndex, maxIndex);
-            });
-        })
-            .with("ArrowUp", () => {
-            event.preventDefault();
-            setFocusedIndex(prevIndex => {
-                const maxIndex = items.length - 1;
-                const previousIndex = isNotNullish(prevIndex) ? prevIndex - 1 : maxIndex;
-                return Math.max(previousIndex, 0);
-            });
-        })
-            .with("Escape", () => {
-            event.preventDefault();
-            close();
-        })
-            .with("Enter", () => {
-            event.preventDefault();
-            if (isNullish(focusedIndex)) {
-                return;
-            }
-            const item = items[focusedIndex];
-            if (item) {
-                onSelectItem(item);
-                close();
-            }
-        })
-            .otherwise(() => { });
-    }, [items, focusedIndex, onSelectItem, close]);
-    useEffect(() => {
-        isFirstRender.current = false;
-        return () => {
-            isFirstRender.current = true;
-        };
-    }, []);
-    // Auto open/close popover depending on value on items
-    useEffect(() => {
-        // avoid to open popover on first render
-        if (isFirstRender.current) {
-            return;
-        }
-        if (value.length > 0 && items.length > 0) {
-            open();
-        }
-        // we want to run this effect only when items or value changed
-    }, [items.length, value.length]); // eslint-disable-line react-hooks/exhaustive-deps
-    // reset focused suggestion when the number of suggestions change
-    useEffect(() => {
-        setFocusedIndex(prevFocusedIndex => {
-            const maxIndex = items.length - 1;
-            if (isNotNullish(prevFocusedIndex) && prevFocusedIndex > maxIndex) {
-                return maxIndex;
-            }
-            if (items.length === 0) {
-                return undefined;
-            }
-            return prevFocusedIndex;
-        });
-    }, [items.length]);
-    // scroll automatically in suggestion list if user use keyboard navigation
-    useEffect(() => {
-        if (isNotNullish(focusedIndex)) {
-            const position = focusedIndex + 1 - NB_SUGGESTION_DISPLAYED;
-            // avoid negative value for first indexes
-            const index = Math.max(0, position);
-            listRef.current?.scrollToIndex({
-                animated: true,
-                index,
-            });
-        }
-    }, [focusedIndex]);
-    useEffect(() => {
-        if (visible) {
-            mobileInputRef.current?.focus();
-        }
-    }, [visible]);
-    return (_jsxs(View, { style: style, children: [_jsx(Input, { ref: ref, accessibilityControls: visible ? suggestionsId : "", accessibilityExpanded: visible, inputStyle: icon || loading ? styles.inputWithLeftIcon : undefined, returnKeyType: "search", role: "combobox", label: label, placeholder: placeholder, value: value, size: size, disabled: disabled, error: error, onValueChange: onValueChange, onFocus: handleFocus, onKeyPress: handleKeyPress }), icon ? (_jsx(Icon, { name: icon, color: colors.gray[50], size: 20, style: [styles.icon, isNotNullish(label) && styles.iconWithLabel] })) : null, _jsxs(Popover, { id: suggestionsId, role: "listbox", matchReferenceWidth: true, onDismiss: close, referenceRef: ref, autoFocus: false, returnFocus: false, visible: visible && (!desktop || loading || items.length > 0), underlay: false, children: [!desktop && (_jsx(View, { style: styles.mobileInput, children: _jsx(LakeTextInput, { ref: mobileInputRef, accessibilityControls: visible ? suggestionsId : "", accessibilityExpanded: visible, returnKeyType: "search", placeholder: placeholder, value: value, disabled: disabled, error: error, onChangeText: onValueChange, onKeyPress: handleKeyPress }) })), _jsxs(View, { style: styles.list, children: [loading ? (_jsx(View, { style: styles.loading, children: _jsx(ActivityIndicator, { color: colors.gray[70], size: 20 }) })) : (_jsx(FlatList, { ref: listRef, keyExtractor: item => item.value, getItemLayout: getItemLayout, accessibilityRole: "list", data: items, extraData: focusedIndex, renderItem: ({ item, index }) => {
-                                    const rendered = renderItem(item);
-                                    return (_jsx(Pressable, { accessibilityRole: "listitem", disabled: item.disabled, style: ({ hovered, pressed, focused }) => [
-                                            styles.item,
-                                            (hovered || focused || index === focusedIndex) && styles.hoveredItem,
-                                            pressed && styles.pressedItem,
-                                        ], onPress: () => {
-                                            onSelectItem(item);
-                                            close();
-                                        }, children: isReactText(rendered) ? (_jsx(Text, { numberOfLines: 1, selectable: false, style: styles.itemText, children: rendered })) : (rendered) }));
-                                } })), ListFooterComponent] })] })] }));
-}, isEqual);

package/src/components/MultilineInput.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { NativeSyntheticEvent, TextInput, TextInputProps } from "react-native";
-type Props = {
-    disabled?: boolean;
-    error?: string;
-    label: string;
-    onBlur?: (event: NativeSyntheticEvent<React.FocusEvent>) => void;
-    onSubmitEditing?: TextInputProps["onSubmitEditing"];
-    onValueChange?: TextInputProps["onChangeText"];
-    placeholder?: string;
-    value?: string;
-    readOnly?: boolean;
-};
-export declare const MultilineInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TextInput>>>;
-export {};