react-native-earl-accessory-view 1.0.0

package/dist/AccessoryView.js

@@ -0,0 +1,321 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ACCESSORY_VIEW_NATIVE_ID = exports.AccessoryView = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useKeyboardAccessory_1 = require("./useKeyboardAccessory");
+const DismissButton_1 = require("./DismissButton");
+const ActionButton_1 = require("./ActionButton");
+const CharacterCounter_1 = require("./CharacterCounter");
+const styles_1 = require("./styles");
+// Unique nativeID for iOS InputAccessoryView
+const ACCESSORY_NATIVE_ID = "earl-accessory-view-native";
+exports.ACCESSORY_VIEW_NATIVE_ID = ACCESSORY_NATIVE_ID;
+/**
+ * AccessoryView — a keyboard input preview bar for React Native.
+ *
+ * Shows a live preview of what the user is typing above the keyboard,
+ * so the input is always visible even when the text field is obscured.
+ * The preview is interactive — paste directly or edit the text right
+ * in the bar. Changes sync back via onValueChange.
+ *
+ * Works on iOS, Android, and Web.
+ *
+ * @example
+ * ```tsx
+ * const [text, setText] = useState('');
+ *
+ * <TextInput value={text} onChangeText={setText} />
+ * <AccessoryView value={text} onValueChange={setText} />
+ * ```
+ */
+const AccessoryView = ({ 
+// Preview content
+value, placeholder = "Type something...", valueStyle, placeholderStyle, editable = true, onValueChange, onPress, label, labelStyle, textPosition = "left", textStyle, children, 
+// Action buttons
+actionButtons, 
+// Dismiss button
+showDismissButton, dismissButtonPosition = "auto", onDismiss, dismissButtonContent, dismissButtonStyle, dismissButtonTextStyle, dismissButtonHitSlop = 10, 
+// Character counter
+charCount, maxCharCount, charCountPosition = "right", charCountStyle, charCountContainerStyle, charCountWarningThreshold = 0.9, charCountWarningColor = "#FF9800", charCountErrorColor = "#F44336", charCountDefaultColor = "#999999", charCountFormatLabel, 
+// Appearance
+backgroundColor = "#FFFFFF", containerStyle, contentContainerStyle, height = 44, borderTopWidth = react_native_1.StyleSheet.hairlineWidth, borderTopColor = "#E0E0E0", elevation = 4, 
+// Behavior
+alwaysVisible = false, safeAreaEnabled = true, 
+// Animation
+animationEnabled = true, animationDuration = 250, 
+// Callbacks
+onKeyboardShow, onKeyboardHide, onAccessoryShow, onAccessoryHide, 
+// Accessibility
+accessibilityLabel = "Input preview bar", testID = "earl-accessory-view", }) => {
+    const { keyboardVisible, keyboardHeight } = (0, useKeyboardAccessory_1.useKeyboardAccessory)({
+        onKeyboardShow: (0, react_1.useCallback)((kbHeight) => {
+            onKeyboardShow === null || onKeyboardShow === void 0 ? void 0 : onKeyboardShow(kbHeight);
+            onAccessoryShow === null || onAccessoryShow === void 0 ? void 0 : onAccessoryShow();
+        }, [onKeyboardShow, onAccessoryShow]),
+        onKeyboardHide: (0, react_1.useCallback)(() => {
+            onKeyboardHide === null || onKeyboardHide === void 0 ? void 0 : onKeyboardHide();
+            onAccessoryHide === null || onAccessoryHide === void 0 ? void 0 : onAccessoryHide();
+        }, [onKeyboardHide, onAccessoryHide]),
+    });
+    const shouldShow = alwaysVisible || keyboardVisible;
+    // ─── Animation ───────────────────────────────────────────────
+    const animValue = (0, react_1.useRef)(new react_native_1.Animated.Value(shouldShow ? 1 : 0)).current;
+    const [mounted, setMounted] = (0, react_1.useState)(shouldShow);
+    const lastKeyboardHeight = (0, react_1.useRef)(keyboardHeight);
+    if (keyboardVisible && keyboardHeight > 0) {
+        lastKeyboardHeight.current = keyboardHeight;
+    }
+    (0, react_1.useEffect)(() => {
+        if (shouldShow) {
+            setMounted(true);
+            if (animationEnabled) {
+                react_native_1.Animated.timing(animValue, {
+                    toValue: 1,
+                    duration: animationDuration,
+                    useNativeDriver: true,
+                }).start();
+            }
+            else {
+                animValue.setValue(1);
+            }
+        }
+        else {
+            if (animationEnabled) {
+                react_native_1.Animated.timing(animValue, {
+                    toValue: 0,
+                    duration: animationDuration,
+                    useNativeDriver: true,
+                }).start(({ finished }) => {
+                    if (finished) {
+                        setMounted(false);
+                        lastKeyboardHeight.current = 0;
+                    }
+                });
+            }
+            else {
+                animValue.setValue(0);
+                setMounted(false);
+                lastKeyboardHeight.current = 0;
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [shouldShow, animationEnabled, animationDuration]);
+    const animatedBarStyle = (0, react_1.useMemo)(() => react_native_1.Platform.OS === "ios"
+        ? { opacity: animValue }
+        : {
+            opacity: animValue,
+            transform: [
+                {
+                    translateY: animValue.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [height + 20, 0],
+                    }),
+                },
+            ],
+        }, [animValue, height]);
+    // Resolve whether dismiss is shown:
+    // - If user explicitly sets showDismissButton, respect that
+    // - If actionButtons are provided and showDismissButton is not set, hide dismiss
+    // - Otherwise default to true
+    const effectiveShowDismiss = showDismissButton !== undefined
+        ? showDismissButton
+        : !actionButtons || actionButtons.length === 0;
+    // Split action buttons by position
+    const leftButtons = (0, react_1.useMemo)(() => (actionButtons !== null && actionButtons !== void 0 ? actionButtons : []).filter((b) => b.position === "left"), [actionButtons]);
+    const rightButtons = (0, react_1.useMemo)(() => (actionButtons !== null && actionButtons !== void 0 ? actionButtons : []).filter((b) => !b.position || b.position === "right"), [actionButtons]);
+    // Resolve dismiss button position
+    const resolvedDismissPosition = (0, react_1.useMemo)(() => {
+        if (dismissButtonPosition === "auto") {
+            return textPosition === "left" ? "right" : "left";
+        }
+        return dismissButtonPosition;
+    }, [dismissButtonPosition, textPosition]);
+    // Whether the row layout should reverse
+    const isRowReversed = (0, react_1.useMemo)(() => {
+        if (children)
+            return false;
+        return textPosition === "right";
+    }, [textPosition, children]);
+    // Handle dismiss
+    const handleDismiss = (0, react_1.useCallback)(() => {
+        if (onDismiss) {
+            onDismiss();
+        }
+        else {
+            react_native_1.Keyboard.dismiss();
+        }
+    }, [onDismiss]);
+    // Handle preview text change (paste / direct edit)
+    const handleTextChange = (0, react_1.useCallback)((newText) => {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newText);
+    }, [onValueChange]);
+    // Handle preview tap (only used in non-editable mode)
+    const handlePress = (0, react_1.useCallback)(() => {
+        onPress === null || onPress === void 0 ? void 0 : onPress();
+    }, [onPress]);
+    // Shadow / elevation styles
+    const shadowStyle = (0, react_1.useMemo)(() => {
+        if (react_native_1.Platform.OS === "android") {
+            return { elevation };
+        }
+        return {
+            shadowColor: "#000000",
+            shadowOffset: { width: 0, height: -2 },
+            shadowOpacity: Math.min(elevation * 0.02, 0.15),
+            shadowRadius: elevation,
+        };
+    }, [elevation]);
+    // Show character counter?
+    const showCharCounter = charCount !== undefined &&
+        maxCharCount !== undefined &&
+        maxCharCount > 0;
+    // Is value empty?
+    const hasValue = value !== undefined && value.length > 0;
+    // ─── Render Nothing ──────────────────────────────────────────────
+    if (!mounted) {
+        if (react_native_1.Platform.OS === "ios") {
+            return (<react_native_1.InputAccessoryView nativeID={ACCESSORY_NATIVE_ID}>
+					<react_native_1.View />
+				</react_native_1.InputAccessoryView>);
+        }
+        return null;
+    }
+    // ─── Content ─────────────────────────────────────────────────────
+    const renderContent = () => {
+        // Custom children override everything
+        if (children) {
+            return <react_native_1.View style={styles_1.styles.childrenContainer}>{children}</react_native_1.View>;
+        }
+        // Default layout: action buttons (left) + label + value preview + action buttons (right) + dismiss
+        return (<>
+				{/* Left action buttons */}
+				{leftButtons.map((btn) => (<ActionButton_1.ActionButton key={btn.id} {...btn}/>))}
+
+				{/* Optional label */}
+				{label !== undefined && (<react_native_1.Text style={[styles_1.styles.label, labelStyle]} numberOfLines={1}>
+						{label}
+					</react_native_1.Text>)}
+
+				{/* Preview area */}
+				{editable ? (<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} keyboardShouldPersistTaps="always" contentContainerStyle={styles_1.styles.previewScrollContent} style={styles_1.styles.previewScroll}>
+						<react_native_1.TextInput style={[
+                    styles_1.styles.previewInput,
+                    isRowReversed && styles_1.styles.textRight,
+                    textStyle,
+                    hasValue ? valueStyle : placeholderStyle,
+                ]} value={value || ""} placeholder={placeholder} placeholderTextColor="#AAAAAA" onChangeText={handleTextChange} multiline={false} scrollEnabled={false} testID={`${testID}-input`}/>
+					</react_native_1.ScrollView>) : (<react_native_1.TouchableOpacity activeOpacity={0.6} onPress={handlePress} style={styles_1.styles.previewScroll}>
+						<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles_1.styles.previewScrollContent}>
+							<react_native_1.Text style={[
+                    hasValue
+                        ? styles_1.styles.previewValue
+                        : styles_1.styles.previewPlaceholder,
+                    isRowReversed && styles_1.styles.textRight,
+                    textStyle,
+                    hasValue ? valueStyle : placeholderStyle,
+                ]}>
+								{hasValue ? value : placeholder}
+							</react_native_1.Text>
+						</react_native_1.ScrollView>
+					</react_native_1.TouchableOpacity>)}
+
+				{/* Right action buttons */}
+				{rightButtons.map((btn) => (<ActionButton_1.ActionButton key={btn.id} {...btn}/>))}
+
+				<DismissButton_1.DismissButton visible={effectiveShowDismiss} onPress={handleDismiss} style={[
+                dismissButtonStyle,
+                resolvedDismissPosition === "left" &&
+                    styles_1.styles.dismissButtonLeft,
+            ]} textStyle={dismissButtonTextStyle} hitSlop={dismissButtonHitSlop}>
+					{dismissButtonContent}
+				</DismissButton_1.DismissButton>
+			</>);
+    };
+    // ─── Character Counter ───────────────────────────────────────────
+    const renderCharCounter = () => {
+        if (!showCharCounter)
+            return null;
+        return (<CharacterCounter_1.CharacterCounter current={charCount} max={maxCharCount} position={charCountPosition} style={charCountStyle} containerStyle={charCountContainerStyle} warningThreshold={charCountWarningThreshold} warningColor={charCountWarningColor} errorColor={charCountErrorColor} defaultColor={charCountDefaultColor} formatLabel={charCountFormatLabel}/>);
+    };
+    // ─── Inner Accessory Bar ─────────────────────────────────────────
+    const bottomOffset = react_native_1.Platform.OS === "android"
+        ? keyboardVisible
+            ? keyboardHeight
+            : lastKeyboardHeight.current
+        : 0;
+    const accessoryBar = (<react_native_1.Animated.View style={[
+            styles_1.styles.outerContainer,
+            react_native_1.Platform.OS === "android" && { bottom: bottomOffset },
+            react_native_1.Platform.OS === "ios" && styles_1.styles.iosContainer,
+            animatedBarStyle,
+        ]} pointerEvents={shouldShow ? "auto" : "none"} accessibilityLabel={accessibilityLabel} accessibilityRole="toolbar" testID={testID}>
+			<react_native_1.View style={[
+            styles_1.styles.container,
+            {
+                backgroundColor,
+                borderTopWidth,
+                borderTopColor,
+            },
+            shadowStyle,
+            containerStyle,
+        ]}>
+				<react_native_1.View style={[
+            styles_1.styles.contentContainer,
+            { minHeight: height },
+            isRowReversed && styles_1.styles.contentContainerReverse,
+            contentContainerStyle,
+        ]}>
+					{renderContent()}
+				</react_native_1.View>
+
+				{renderCharCounter()}
+			</react_native_1.View>
+
+			{/* Safe area bottom spacer for notched devices */}
+			{safeAreaEnabled && react_native_1.Platform.OS === "ios" && (<react_native_1.View style={[styles_1.styles.safeAreaSpacer, { backgroundColor }]}/>)}
+		</react_native_1.Animated.View>);
+    // ─── iOS InputAccessoryView Wrapper ──────────────────────────────
+    if (react_native_1.Platform.OS === "ios") {
+        return (<react_native_1.InputAccessoryView nativeID={ACCESSORY_NATIVE_ID}>
+				{accessoryBar}
+			</react_native_1.InputAccessoryView>);
+    }
+    // ─── Android / Web / Other ───────────────────────────────────────
+    return accessoryBar;
+};
+exports.AccessoryView = AccessoryView;
+//# sourceMappingURL=AccessoryView.js.map

package/dist/AccessoryView.js.map

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

package/dist/ActionButton.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { AccessoryActionButton } from "./types";
+/**
+ * A versatile action button for the keyboard accessory bar.
+ *
+ * Renders custom content (icons, text, or any React element) and
+ * fires the provided `onPress` callback when tapped.
+ *
+ * Use this for send buttons, input switchers, formatting toggles,
+ * attachment pickers, or any custom action.
+ *
+ * @example
+ * ```tsx
+ * <ActionButton
+ *   id="send"
+ *   onPress={handleSend}
+ *   content={<SendIcon size={20} />}
+ * />
+ * ```
+ */
+export declare const ActionButton: React.FC<AccessoryActionButton>;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../src/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyDxD,CAAC"}

package/dist/ActionButton.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionButton = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const styles_1 = require("./styles");
+/**
+ * A versatile action button for the keyboard accessory bar.
+ *
+ * Renders custom content (icons, text, or any React element) and
+ * fires the provided `onPress` callback when tapped.
+ *
+ * Use this for send buttons, input switchers, formatting toggles,
+ * attachment pickers, or any custom action.
+ *
+ * @example
+ * ```tsx
+ * <ActionButton
+ *   id="send"
+ *   onPress={handleSend}
+ *   content={<SendIcon size={20} />}
+ * />
+ * ```
+ */
+const ActionButton = ({ id, onPress, content, position = "right", disabled = false, style, textStyle, accessibilityLabel, testID, }) => {
+    const [pressed, setPressed] = (0, react_1.useState)(false);
+    const handlePress = (0, react_1.useCallback)((_event) => {
+        if (!disabled) {
+            onPress();
+        }
+    }, [onPress, disabled]);
+    const isString = typeof content === "string";
+    return (<react_native_1.TouchableOpacity onPress={handlePress} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} activeOpacity={0.7} disabled={disabled} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }} accessibilityRole="button" accessibilityLabel={accessibilityLabel || (isString ? content : id)} accessibilityState={{ disabled }} testID={testID || `earl-accessory-action-${id}`} style={[
+            styles_1.styles.actionButton,
+            position === "left"
+                ? styles_1.styles.actionButtonLeft
+                : styles_1.styles.actionButtonRight,
+            pressed && styles_1.styles.actionButtonPressed,
+            disabled && styles_1.styles.actionButtonDisabled,
+            style,
+        ]}>
+			{isString ? (<react_native_1.Text style={[styles_1.styles.actionButtonText, textStyle]}>
+					{content}
+				</react_native_1.Text>) : (<react_native_1.View>{content}</react_native_1.View>)}
+		</react_native_1.TouchableOpacity>);
+};
+exports.ActionButton = ActionButton;
+//# sourceMappingURL=ActionButton.js.map

package/dist/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../src/ActionButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAKsB;AAEtB,qCAAkC;AAElC;;;;;;;;;;;;;;;;;GAiBG;AACI,MAAM,YAAY,GAAoC,CAAC,EAC7D,EAAE,EACF,OAAO,EACP,OAAO,EACP,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,MAAM,GACN,EAAE,EAAE;IACJ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,MAA8B,EAAE,EAAE;QAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACX,CAAC;IACF,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;IAE7C,OAAO,CACN,CAAC,+BAAgB,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACtD,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAClB,kBAAkB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAE,OAAkB,CAAC,CAAC,CAAC,EAAE,CAC3D,CAAC,CACD,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CACjC,MAAM,CAAC,CAAC,MAAM,IAAI,yBAAyB,EAAE,EAAE,CAAC,CAChD,KAAK,CAAC,CAAC;YACN,eAAM,CAAC,YAAY;YACnB,QAAQ,KAAK,MAAM;gBAClB,CAAC,CAAC,eAAM,CAAC,gBAAgB;gBACzB,CAAC,CAAC,eAAM,CAAC,iBAAiB;YAC3B,OAAO,IAAI,eAAM,CAAC,mBAAmB;YACrC,QAAQ,IAAI,eAAM,CAAC,oBAAoB;YACvC,KAAK;SACL,CAAC,CAEF;GAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CACjD;KAAA,CAAC,OAAO,CACT;IAAA,EAAE,mBAAI,CAAC,CACP,CAAC,CAAC,CAAC,CACH,CAAC,mBAAI,CAAC,CAAC,OAAO,CAAC,EAAE,mBAAI,CAAC,CACtB,CACF;EAAA,EAAE,+BAAgB,CAAC,CACnB,CAAC;AACH,CAAC,CAAC;AAzDW,QAAA,YAAY,gBAyDvB"}

package/dist/CharacterCounter.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CharacterCounterProps } from "./types";
+/**
+ * A character counter component that displays current/max count
+ * with automated color changes at warning and error thresholds.
+ */
+export declare const CharacterCounter: React.FC<CharacterCounterProps>;
+//# sourceMappingURL=CharacterCounter.d.ts.map

package/dist/CharacterCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterCounter.d.ts","sourceRoot":"","sources":["../src/CharacterCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsD5D,CAAC"}

package/dist/CharacterCounter.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CharacterCounter = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const styles_1 = require("./styles");
+/**
+ * A character counter component that displays current/max count
+ * with automated color changes at warning and error thresholds.
+ */
+const CharacterCounter = ({ current, max, position = "right", style, containerStyle, warningThreshold = 0.9, warningColor = "#FF9800", errorColor = "#F44336", defaultColor = "#999999", formatLabel, testID = "earl-accessory-char-counter", }) => {
+    const ratio = max > 0 ? current / max : 0;
+    const isOverLimit = current > max;
+    const isWarning = ratio >= warningThreshold && !isOverLimit;
+    const color = (0, react_1.useMemo)(() => {
+        if (isOverLimit)
+            return errorColor;
+        if (isWarning)
+            return warningColor;
+        return defaultColor;
+    }, [isOverLimit, isWarning, errorColor, warningColor, defaultColor]);
+    const label = (0, react_1.useMemo)(() => {
+        if (formatLabel)
+            return formatLabel(current, max);
+        return `${current} / ${max}`;
+    }, [current, max, formatLabel]);
+    const positionStyle = (0, react_1.useMemo)(() => {
+        switch (position) {
+            case "left":
+                return styles_1.styles.charCountContainerLeft;
+            case "center":
+                return styles_1.styles.charCountContainerCenter;
+            case "right":
+            default:
+                return styles_1.styles.charCountContainerRight;
+        }
+    }, [position]);
+    return (<react_native_1.View style={[styles_1.styles.charCountContainer, positionStyle, containerStyle]} testID={testID}>
+			<react_native_1.Text style={[styles_1.styles.charCountText, { color }, style]} accessibilityLabel={`${current} of ${max} characters`} accessibilityRole="text">
+				{label}
+			</react_native_1.Text>
+		</react_native_1.View>);
+};
+exports.CharacterCounter = CharacterCounter;
+//# sourceMappingURL=CharacterCounter.js.map

package/dist/CharacterCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterCounter.js","sourceRoot":"","sources":["../src/CharacterCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,+CAA0C;AAE1C,qCAAkC;AAElC;;;GAGG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EACjE,OAAO,EACP,GAAG,EACH,QAAQ,GAAG,OAAO,EAClB,KAAK,EACL,cAAc,EACd,gBAAgB,GAAG,GAAG,EACtB,YAAY,GAAG,SAAS,EACxB,UAAU,GAAG,SAAS,EACtB,YAAY,GAAG,SAAS,EACxB,WAAW,EACX,MAAM,GAAG,6BAA6B,GACtC,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,IAAI,gBAAgB,IAAI,CAAC,WAAW,CAAC;IAE5D,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,WAAW;YAAE,OAAO,UAAU,CAAC;QACnC,IAAI,SAAS;YAAE,OAAO,YAAY,CAAC;QACnC,OAAO,YAAY,CAAC;IACrB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAErE,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAClD,OAAO,GAAG,OAAO,MAAM,GAAG,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,QAAQ,QAAQ,EAAE,CAAC;YAClB,KAAK,MAAM;gBACV,OAAO,eAAM,CAAC,sBAAsB,CAAC;YACtC,KAAK,QAAQ;gBACZ,OAAO,eAAM,CAAC,wBAAwB,CAAC;YACxC,KAAK,OAAO,CAAC;YACb;gBACC,OAAO,eAAM,CAAC,uBAAuB,CAAC;QACxC,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACN,CAAC,mBAAI,CACJ,KAAK,CAAC,CAAC,CAAC,eAAM,CAAC,kBAAkB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAClE,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;GAAA,CAAC,mBAAI,CACJ,KAAK,CAAC,CAAC,CAAC,eAAM,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC,CAChD,kBAAkB,CAAC,CAAC,GAAG,OAAO,OAAO,GAAG,aAAa,CAAC,CACtD,iBAAiB,CAAC,MAAM,CAExB;IAAA,CAAC,KAAK,CACP;GAAA,EAAE,mBAAI,CACP;EAAA,EAAE,mBAAI,CAAC,CACP,CAAC;AACH,CAAC,CAAC;AAtDW,QAAA,gBAAgB,oBAsD3B"}

package/dist/DismissButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DismissButtonProps } from "./types";
+/**
+ * A touchable dismiss button for the keyboard accessory view.
+ *
+ * Renders a × icon by default, or any custom children.
+ * Fully accessible with proper role and label.
+ */
+export declare const DismissButton: React.FC<DismissButtonProps>;
+//# sourceMappingURL=DismissButton.d.ts.map

package/dist/DismissButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissButton.d.ts","sourceRoot":"","sources":["../src/DismissButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAC"}

package/dist/DismissButton.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DismissButton = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const styles_1 = require("./styles");
+/**
+ * A touchable dismiss button for the keyboard accessory view.
+ *
+ * Renders a × icon by default, or any custom children.
+ * Fully accessible with proper role and label.
+ */
+const DismissButton = ({ visible = true, onPress, children, style, textStyle, hitSlop = 10, accessibilityLabel = "Dismiss keyboard", testID = "earl-accessory-dismiss-btn", }) => {
+    const [pressed, setPressed] = (0, react_1.useState)(false);
+    const handlePress = (0, react_1.useCallback)((_event) => {
+        if (onPress) {
+            onPress();
+        }
+        else {
+            react_native_1.Keyboard.dismiss();
+        }
+    }, [onPress]);
+    if (!visible) {
+        return null;
+    }
+    return (<react_native_1.TouchableOpacity onPress={handlePress} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} activeOpacity={0.7} hitSlop={{
+            top: hitSlop,
+            bottom: hitSlop,
+            left: hitSlop,
+            right: hitSlop,
+        }} accessibilityRole="button" accessibilityLabel={accessibilityLabel} testID={testID} style={[
+            styles_1.styles.dismissButton,
+            pressed && styles_1.styles.dismissButtonPressed,
+            style,
+        ]}>
+			{children ? (<react_native_1.View>{children}</react_native_1.View>) : (<react_native_1.Text style={[styles_1.styles.dismissButtonText, textStyle]}>✕</react_native_1.Text>)}
+		</react_native_1.TouchableOpacity>);
+};
+exports.DismissButton = DismissButton;
+//# sourceMappingURL=DismissButton.js.map

package/dist/DismissButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissButton.js","sourceRoot":"","sources":["../src/DismissButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAMsB;AAEtB,qCAAkC;AAElC;;;;;GAKG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC3D,OAAO,GAAG,IAAI,EACd,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,kBAAkB,EACvC,MAAM,GAAG,4BAA4B,GACrC,EAAE,EAAE;IACJ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,MAA8B,EAAE,EAAE;QAClC,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACP,uBAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,CAAC;IACF,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,CAAC,+BAAgB,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,OAAO,CAAC,CAAC;YACR,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACd,CAAC,CACF,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;YACN,eAAM,CAAC,aAAa;YACpB,OAAO,IAAI,eAAM,CAAC,oBAAoB;YACtC,KAAK;SACL,CAAC,CAEF;GAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,CAAC,mBAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAI,CAAC,CACvB,CAAC,CAAC,CAAC,CACH,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,mBAAI,CAAC,CAC5D,CACF;EAAA,EAAE,+BAAgB,CAAC,CACnB,CAAC;AACH,CAAC,CAAC;AAvDW,QAAA,aAAa,iBAuDxB"}