react-native-earl-accessory-view 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * react-native-earl-accessory-view
+ *
+ * A keyboard input preview bar for React Native.
+ * Works on iOS, Android, and Web.
+ *
+ * @author ORDOVEZ, E,R
+ * @license MIT
+ */
+export { AccessoryView, ACCESSORY_VIEW_NATIVE_ID } from "./AccessoryView";
+export { DismissButton } from "./DismissButton";
+export { CharacterCounter } from "./CharacterCounter";
+export { ActionButton } from "./ActionButton";
+export { useKeyboardAccessory } from "./useKeyboardAccessory";
+export type { AccessoryViewProps, AccessoryActionButton, DismissButtonProps, CharacterCounterProps, KeyboardAccessoryState, UseKeyboardAccessoryOptions, Position, CharCountPosition, DismissButtonPosition, } from "./types";
+export { AccessoryView as default } from "./AccessoryView";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,QAAQ,EACR,iBAAiB,EACjB,qBAAqB,GACrB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,30 @@
+"use strict";
+/**
+ * react-native-earl-accessory-view
+ *
+ * A keyboard input preview bar for React Native.
+ * Works on iOS, Android, and Web.
+ *
+ * @author ORDOVEZ, E,R
+ * @license MIT
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.useKeyboardAccessory = exports.ActionButton = exports.CharacterCounter = exports.DismissButton = exports.ACCESSORY_VIEW_NATIVE_ID = exports.AccessoryView = void 0;
+// ─── Main Component ──────────────────────────────────────────────
+var AccessoryView_1 = require("./AccessoryView");
+Object.defineProperty(exports, "AccessoryView", { enumerable: true, get: function () { return AccessoryView_1.AccessoryView; } });
+Object.defineProperty(exports, "ACCESSORY_VIEW_NATIVE_ID", { enumerable: true, get: function () { return AccessoryView_1.ACCESSORY_VIEW_NATIVE_ID; } });
+// ─── Sub-Components ──────────────────────────────────────────────
+var DismissButton_1 = require("./DismissButton");
+Object.defineProperty(exports, "DismissButton", { enumerable: true, get: function () { return DismissButton_1.DismissButton; } });
+var CharacterCounter_1 = require("./CharacterCounter");
+Object.defineProperty(exports, "CharacterCounter", { enumerable: true, get: function () { return CharacterCounter_1.CharacterCounter; } });
+var ActionButton_1 = require("./ActionButton");
+Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
+// ─── Hook ────────────────────────────────────────────────────────
+var useKeyboardAccessory_1 = require("./useKeyboardAccessory");
+Object.defineProperty(exports, "useKeyboardAccessory", { enumerable: true, get: function () { return useKeyboardAccessory_1.useKeyboardAccessory; } });
+// ─── Default Export ──────────────────────────────────────────────
+var AccessoryView_2 = require("./AccessoryView");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return AccessoryView_2.AccessoryView; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAEH,oEAAoE;AACpE,iDAA0E;AAAjE,8GAAA,aAAa,OAAA;AAAE,yHAAA,wBAAwB,OAAA;AAEhD,oEAAoE;AACpE,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,oEAAoE;AACpE,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAe7B,oEAAoE;AACpE,iDAA2D;AAAlD,wGAAA,aAAa,OAAW"}

package/dist/styles.d.ts

@@ -0,0 +1,173 @@
+/**
+ * Default styles for all accessory view components.
+ * Platform-specific shadow and elevation are handled automatically.
+ */
+export declare const styles: {
+    outerContainer: {
+        position: "absolute";
+        left: number;
+        right: number;
+        bottom: number;
+        zIndex: number;
+    };
+    iosContainer: {
+        position: "relative";
+    };
+    container: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation?: undefined;
+        backgroundColor: string;
+        borderTopWidth: number;
+        borderTopColor: string;
+    } | {
+        elevation: number;
+        shadowColor?: undefined;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        backgroundColor: string;
+        borderTopWidth: number;
+        borderTopColor: string;
+    };
+    contentContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        height: number;
+    };
+    contentContainerReverse: {
+        flexDirection: "row-reverse";
+    };
+    previewValue: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "400";
+        color: string;
+        letterSpacing: number;
+    };
+    previewPlaceholder: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "400";
+        color: string;
+        fontStyle: "italic";
+    };
+    previewScroll: {
+        flex: number;
+    };
+    previewScrollContent: {
+        alignItems: "center";
+        flexGrow: number;
+    };
+    previewInput: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "400";
+        color: string;
+        letterSpacing: number;
+        padding: number;
+        margin: number;
+        minWidth: "100%";
+    };
+    label: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        marginRight: number;
+        textTransform: "uppercase";
+        letterSpacing: number;
+    };
+    text: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+        letterSpacing: number;
+    };
+    textRight: {
+        textAlign: "right";
+    };
+    dismissButton: {
+        minWidth: number;
+        minHeight: number;
+        alignItems: "center";
+        justifyContent: "center";
+        borderRadius: number;
+        marginLeft: number;
+    };
+    dismissButtonLeft: {
+        marginLeft: number;
+        marginRight: number;
+    };
+    dismissButtonText: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        lineHeight: number;
+    };
+    dismissButtonPressed: {
+        opacity: number;
+        backgroundColor: string;
+    };
+    charCountContainer: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    charCountContainerLeft: {
+        alignItems: "flex-start";
+    };
+    charCountContainerRight: {
+        alignItems: "flex-end";
+    };
+    charCountContainerCenter: {
+        alignItems: "center";
+    };
+    charCountText: {
+        fontSize: number;
+        fontWeight: "400";
+        color: string;
+        letterSpacing: number;
+    };
+    safeAreaSpacer: {
+        backgroundColor: string;
+    };
+    childrenContainer: {
+        flex: number;
+        alignSelf: "stretch";
+        justifyContent: "center";
+    };
+    actionButton: {
+        minWidth: number;
+        minHeight: number;
+        alignItems: "center";
+        justifyContent: "center";
+        borderRadius: number;
+    };
+    actionButtonLeft: {
+        marginRight: number;
+    };
+    actionButtonRight: {
+        marginLeft: number;
+    };
+    actionButtonPressed: {
+        opacity: number;
+        backgroundColor: string;
+    };
+    actionButtonDisabled: {
+        opacity: number;
+    };
+    actionButtonText: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgNjB,CAAC"}

package/dist/styles.js

@@ -0,0 +1,184 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const react_native_1 = require("react-native");
+/**
+ * Default styles for all accessory view components.
+ * Platform-specific shadow and elevation are handled automatically.
+ */
+exports.styles = react_native_1.StyleSheet.create({
+    // ─── Outer Wrapper ─────────────────────────────────────────────────
+    outerContainer: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 9999,
+    },
+    // ─── iOS — InputAccessoryView handles positioning ──────────────────
+    iosContainer: {
+        position: "relative",
+    },
+    // ─── Main Container ────────────────────────────────────────────────
+    container: Object.assign({ backgroundColor: "#FFFFFF", borderTopWidth: react_native_1.StyleSheet.hairlineWidth, borderTopColor: "#E0E0E0" }, react_native_1.Platform.select({
+        ios: {
+            shadowColor: "#000000",
+            shadowOffset: { width: 0, height: -2 },
+            shadowOpacity: 0.08,
+            shadowRadius: 4,
+        },
+        android: {
+            elevation: 4,
+        },
+        default: {
+            // Web fallback
+            shadowColor: "#000000",
+            shadowOffset: { width: 0, height: -2 },
+            shadowOpacity: 0.08,
+            shadowRadius: 4,
+        },
+    })),
+    // ─── Content Row ───────────────────────────────────────────────────
+    contentContainer: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingHorizontal: 16,
+        height: 44,
+    },
+    contentContainerReverse: {
+        flexDirection: "row-reverse",
+    },
+    // ─── Preview Text ────────────────────────────────────────────────
+    previewValue: {
+        flex: 1,
+        fontSize: 15,
+        fontWeight: "400",
+        color: "#111111",
+        letterSpacing: 0.1,
+    },
+    previewPlaceholder: {
+        flex: 1,
+        fontSize: 15,
+        fontWeight: "400",
+        color: "#AAAAAA",
+        fontStyle: "italic",
+    },
+    previewScroll: {
+        flex: 1,
+    },
+    previewScrollContent: {
+        alignItems: "center",
+        flexGrow: 1,
+    },
+    previewInput: {
+        flex: 1,
+        fontSize: 15,
+        fontWeight: "400",
+        color: "#111111",
+        letterSpacing: 0.1,
+        padding: 0,
+        margin: 0,
+        minWidth: "100%",
+    },
+    label: {
+        fontSize: 12,
+        fontWeight: "600",
+        color: "#888888",
+        marginRight: 10,
+        textTransform: "uppercase",
+        letterSpacing: 0.5,
+    },
+    // ─── Text ──────────────────────────────────────────────────────────
+    text: {
+        flex: 1,
+        fontSize: 15,
+        fontWeight: "500",
+        color: "#333333",
+        letterSpacing: 0.2,
+    },
+    textRight: {
+        textAlign: "right",
+    },
+    // ─── Dismiss Button ────────────────────────────────────────────────
+    dismissButton: {
+        minWidth: 44,
+        minHeight: 44,
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 22,
+        marginLeft: 8,
+    },
+    dismissButtonLeft: {
+        marginLeft: 0,
+        marginRight: 8,
+    },
+    dismissButtonText: {
+        fontSize: 18,
+        fontWeight: "600",
+        color: "#666666",
+        lineHeight: 20,
+    },
+    dismissButtonPressed: {
+        opacity: 0.5,
+        backgroundColor: "rgba(0, 0, 0, 0.05)",
+    },
+    // ─── Character Counter ─────────────────────────────────────────────
+    charCountContainer: {
+        paddingHorizontal: 16,
+        paddingBottom: 6,
+        paddingTop: 2,
+    },
+    charCountContainerLeft: {
+        alignItems: "flex-start",
+    },
+    charCountContainerRight: {
+        alignItems: "flex-end",
+    },
+    charCountContainerCenter: {
+        alignItems: "center",
+    },
+    charCountText: {
+        fontSize: 11,
+        fontWeight: "400",
+        color: "#999999",
+        letterSpacing: 0.3,
+    },
+    // ─── Safe Area Spacer ──────────────────────────────────────────────
+    safeAreaSpacer: {
+        backgroundColor: "#FFFFFF",
+    },
+    // ─── Children wrapper ──────────────────────────────────────────────
+    childrenContainer: {
+        flex: 1,
+        alignSelf: "stretch",
+        justifyContent: "center",
+    },
+    // ─── Action Button ────────────────────────────────────────────────
+    actionButton: {
+        minWidth: 44,
+        minHeight: 44,
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 22,
+    },
+    actionButtonLeft: {
+        marginRight: 8,
+    },
+    actionButtonRight: {
+        marginLeft: 8,
+    },
+    actionButtonPressed: {
+        opacity: 0.5,
+        backgroundColor: "rgba(0, 0, 0, 0.05)",
+    },
+    actionButtonDisabled: {
+        opacity: 0.35,
+    },
+    actionButtonText: {
+        fontSize: 15,
+        fontWeight: "600",
+        color: "#007AFF",
+    },
+});
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,229 @@
+import { ReactNode } from "react";
+import { TextStyle, ViewStyle, StyleProp } from "react-native";
+/**
+ * Position options for text and dismiss button placement.
+ */
+export type Position = "left" | "right";
+/**
+ * Position options for the character counter.
+ */
+export type CharCountPosition = "left" | "right" | "center";
+/**
+ * Dismiss button position — 'auto' places it opposite to the text.
+ */
+export type DismissButtonPosition = "auto" | "left" | "right";
+/**
+ * Configuration for a single action button in the accessory bar.
+ *
+ * Use action buttons to add custom functionality like sending messages,
+ * switching between text inputs, toggling formatting, etc.
+ */
+export interface AccessoryActionButton {
+    /** Unique key for this button (used as React key). */
+    id: string;
+    /** Callback fired when the button is pressed. */
+    onPress: () => void;
+    /**
+     * Content to display inside the button.
+     * Can be a string (rendered as text), or any ReactNode (icons, images, etc.).
+     */
+    content: ReactNode | string;
+    /** Where to place this button. Default: 'right'. */
+    position?: Position;
+    /** Whether the button is disabled. Default: false. */
+    disabled?: boolean;
+    /** Style overrides for the button container. */
+    style?: StyleProp<ViewStyle>;
+    /** Style for text content (only used when `content` is a string). */
+    textStyle?: StyleProp<TextStyle>;
+    /** Accessibility label for the button. */
+    accessibilityLabel?: string;
+    /** Test ID for testing frameworks. */
+    testID?: string;
+}
+/**
+ * Props for the DismissButton sub-component.
+ */
+export interface DismissButtonProps {
+    /** Whether the dismiss button is visible. */
+    visible?: boolean;
+    /** Callback when dismiss is pressed. Defaults to Keyboard.dismiss. */
+    onPress?: () => void;
+    /** Custom content to render inside the button (replaces default ×). */
+    children?: ReactNode;
+    /** Style for the button container. */
+    style?: StyleProp<ViewStyle>;
+    /** Style for the default × text. Only used when no children are provided. */
+    textStyle?: StyleProp<TextStyle>;
+    /** Size of the touchable hit area. Default: 44. */
+    hitSlop?: number;
+    /** Accessibility label. Default: 'Dismiss keyboard'. */
+    accessibilityLabel?: string;
+    /** Test ID for testing frameworks. */
+    testID?: string;
+}
+/**
+ * Props for the CharacterCounter sub-component.
+ */
+export interface CharacterCounterProps {
+    /** Current character count. */
+    current: number;
+    /** Maximum character limit. */
+    max: number;
+    /** Position of the counter. Default: 'right'. */
+    position?: CharCountPosition;
+    /** Style overrides for the counter text. */
+    style?: StyleProp<TextStyle>;
+    /** Container style overrides. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Percentage threshold (0-1) at which the counter turns warning color. Default: 0.9. */
+    warningThreshold?: number;
+    /** Color when approaching the limit. Default: '#FF9800'. */
+    warningColor?: string;
+    /** Color when over the limit. Default: '#F44336'. */
+    errorColor?: string;
+    /** Default color. Default: '#999999'. */
+    defaultColor?: string;
+    /** Format function for custom display. Default: (current, max) => `${current}/${max}`. */
+    formatLabel?: (current: number, max: number) => string;
+    /** Test ID for testing frameworks. */
+    testID?: string;
+}
+/**
+ * Main AccessoryView component props.
+ */
+export interface AccessoryViewProps {
+    /** The current input value to preview above the keyboard. */
+    value?: string;
+    /** Placeholder text shown when value is empty. Default: 'Type something...' */
+    placeholder?: string;
+    /** Style overrides for the preview value text. */
+    valueStyle?: StyleProp<TextStyle>;
+    /** Style overrides for the placeholder text. */
+    placeholderStyle?: StyleProp<TextStyle>;
+    /** Whether the preview text is editable (enables paste and direct editing). Default: true. */
+    editable?: boolean;
+    /** Called when the preview value changes (e.g. user pastes or edits in the preview). */
+    onValueChange?: (newValue: string) => void;
+    /** Called when the preview area is tapped. Typically used to focus the original TextInput. */
+    onPress?: () => void;
+    /** Optional static label (e.g. field name) displayed alongside the preview. */
+    label?: string;
+    /** Style overrides for the label text. */
+    labelStyle?: StyleProp<TextStyle>;
+    /** Position of the preview text. Default: 'left'. */
+    textPosition?: Position;
+    /** Style overrides for the text wrapper. */
+    textStyle?: StyleProp<TextStyle>;
+    /** Custom content — when provided, overrides the default preview layout entirely. */
+    children?: ReactNode;
+    /**
+     * Array of action buttons to display in the accessory bar.
+     *
+     * Each button can perform any function (send, switch input, navigate, etc.)
+     * and display any icon or text. Buttons are placed according to their
+     * `position` ('left' or 'right').
+     *
+     * When `actionButtons` are provided, the dismiss button is hidden by default
+     * unless `showDismissButton` is explicitly set to `true`.
+     *
+     * @example
+     * ```tsx
+     * <AccessoryView
+     *   value={text}
+     *   actionButtons={[
+     *     { id: 'send', onPress: handleSend, content: <SendIcon /> },
+     *     { id: 'attach', onPress: handleAttach, content: '📎', position: 'left' },
+     *   ]}
+     * />
+     * ```
+     */
+    actionButtons?: AccessoryActionButton[];
+    /** Whether to show the dismiss (×) button. Default: true. */
+    showDismissButton?: boolean;
+    /** Position for the dismiss button. 'auto' places it opposite to textPosition. Default: 'auto'. */
+    dismissButtonPosition?: DismissButtonPosition;
+    /** Callback when dismiss is pressed. Defaults to Keyboard.dismiss(). */
+    onDismiss?: () => void;
+    /** Custom content to render as the dismiss button (replaces default ×). */
+    dismissButtonContent?: ReactNode;
+    /** Style for the dismiss button container. */
+    dismissButtonStyle?: StyleProp<ViewStyle>;
+    /** Style for the default dismiss button × text. */
+    dismissButtonTextStyle?: StyleProp<TextStyle>;
+    /** Hit slop for the dismiss button. Default: 44. */
+    dismissButtonHitSlop?: number;
+    /** Current character count. When set along with maxCharCount, the counter is displayed. */
+    charCount?: number;
+    /** Maximum character count. Required together with charCount to show the counter. */
+    maxCharCount?: number;
+    /** Position of the character counter. Default: 'right'. */
+    charCountPosition?: CharCountPosition;
+    /** Style overrides for the character counter text. */
+    charCountStyle?: StyleProp<TextStyle>;
+    /** Container style for the character counter. */
+    charCountContainerStyle?: StyleProp<ViewStyle>;
+    /** Threshold (0-1) at which counter turns warning color. Default: 0.9. */
+    charCountWarningThreshold?: number;
+    /** Color when approaching the limit. Default: '#FF9800'. */
+    charCountWarningColor?: string;
+    /** Color when over the limit. Default: '#F44336'. */
+    charCountErrorColor?: string;
+    /** Default counter color. Default: '#999999'. */
+    charCountDefaultColor?: string;
+    /** Custom format function for the character count label. */
+    charCountFormatLabel?: (current: number, max: number) => string;
+    /** Background color of the accessory bar. Default: '#FFFFFF'. */
+    backgroundColor?: string;
+    /** Main container style overrides. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Inner content wrapper style overrides. */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /** Height of the accessory bar in dp. Default: 44. */
+    height?: number;
+    /** Top border width. Default: StyleSheet.hairlineWidth. */
+    borderTopWidth?: number;
+    /** Top border color. Default: '#E0E0E0'. */
+    borderTopColor?: string;
+    /** Elevation for Android / shadow for iOS. Default: 4. */
+    elevation?: number;
+    /** Keep the accessory visible even when the keyboard is hidden. Default: false. */
+    alwaysVisible?: boolean;
+    /** Respect the bottom safe area on notched devices. Default: true (iOS). */
+    safeAreaEnabled?: boolean;
+    /** Enable slide/fade animation when showing and hiding. Default: true. */
+    animationEnabled?: boolean;
+    /** Duration of the show/hide animation in milliseconds. Default: 250. */
+    animationDuration?: number;
+    /** Called when the keyboard becomes visible. */
+    onKeyboardShow?: (keyboardHeight: number) => void;
+    /** Called when the keyboard hides. */
+    onKeyboardHide?: () => void;
+    /** Called when the accessory view becomes visible. */
+    onAccessoryShow?: () => void;
+    /** Called when the accessory view hides. */
+    onAccessoryHide?: () => void;
+    /** Accessibility label for the entire accessory bar. */
+    accessibilityLabel?: string;
+    /** Test ID for testing frameworks. */
+    testID?: string;
+}
+/**
+ * Return type for the useKeyboardAccessory hook.
+ */
+export interface KeyboardAccessoryState {
+    /** Whether the keyboard is currently visible. */
+    keyboardVisible: boolean;
+    /** The current keyboard height in dp. */
+    keyboardHeight: number;
+}
+/**
+ * Options for the useKeyboardAccessory hook.
+ */
+export interface UseKeyboardAccessoryOptions {
+    /** Keyboard show callback. */
+    onKeyboardShow?: (keyboardHeight: number) => void;
+    /** Keyboard hide callback. */
+    onKeyboardHide?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}