@echoform/echo-ui 0.1.0 → 0.2.0

package/dist/components/EchoColorPicker.js

@@ -0,0 +1,206 @@
+"use strict";
+/**
+ * EchoColorPicker
+ *
+ * Presentation-only modal for selecting an Echo Profile accent color.
+ * Extracted from the Echo UI Reference EchoColorPickerModal.
+ *
+ * Renders all 15 approved Echo Colors as swatches in a grid.
+ * The current color is highlighted with a glow border, a colored label,
+ * and a checkmark badge (or saving spinner while saving).
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • Modal heading announced on open.
+ * • Each swatch is a button with label, selected state, and busy state.
+ * • Current color summary row is an accessible text element.
+ *
+ * No Expo Router, no safe-area hooks, no auth, no contexts, no services,
+ * no storage, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoColorPicker = EchoColorPicker;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const vector_icons_1 = require("@expo/vector-icons");
+const echoColors_1 = require("../echoColors");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoColorPicker({ visible, currentColor, saving, onClose, onSelect, topInset = 0, bottomInset = 0, }) {
+    var _a, _b, _c, _d;
+    return (<react_native_1.Modal visible={visible} animationType="slide" presentationStyle="pageSheet" onRequestClose={onClose} accessibilityViewIsModal>
+      <react_native_1.View style={[styles.root, { paddingTop: topInset || theme_1.SPACING.lg }]}>
+        {/* ── Header ─────────────────────────────────────────────────────── */}
+        <react_native_1.View style={styles.header}>
+          <react_native_1.Text style={styles.title} accessibilityRole="header">
+            Echo Color
+          </react_native_1.Text>
+          <react_native_1.Pressable onPress={onClose} hitSlop={8} style={({ pressed }) => (pressed ? { opacity: 0.7 } : undefined)} accessibilityLabel="Close Echo Color picker" accessibilityRole="button">
+            <vector_icons_1.MaterialIcons name="close" size={24} color={theme_1.COLORS.textSecondary}/>
+          </react_native_1.Pressable>
+        </react_native_1.View>
+
+        <react_native_1.ScrollView contentContainerStyle={[
+            styles.scroll,
+            { paddingBottom: bottomInset + 40 },
+        ]} showsVerticalScrollIndicator={false}>
+          {/* ── Description ──────────────────────────────────────────────── */}
+          <react_native_1.Text style={styles.description} accessible accessibilityRole="text">
+            Choose an accent color for your Echo Profile. It changes the outline
+            of your Echo Profile cards across the Echo ecosystem.
+          </react_native_1.Text>
+
+          {/* ── Swatch grid ──────────────────────────────────────────────── */}
+          <react_native_1.View style={styles.grid}>
+            {echoColors_1.ECHO_COLOR_PALETTE.map((entry) => {
+            const isSelected = entry.hex === currentColor;
+            return (<react_native_1.Pressable key={entry.hex} onPress={() => !saving && void onSelect(entry.hex)} disabled={saving} style={({ pressed }) => [
+                    styles.swatch,
+                    isSelected
+                        ? { borderColor: entry.hex, borderWidth: 2.5 }
+                        : { borderColor: entry.hex + '44', borderWidth: 1 },
+                    pressed && !saving ? { opacity: 0.75 } : null,
+                    saving ? { opacity: 0.6 } : null,
+                ]} accessibilityLabel={`${entry.label}${isSelected ? ', selected' : ''}`} accessibilityRole="button" accessibilityState={{ selected: isSelected, busy: saving && isSelected }} accessibilityHint={isSelected
+                    ? 'This is your current Echo Color'
+                    : `Set Echo Color to ${entry.label}`}>
+                  {/* Color circle */}
+                  <react_native_1.View style={[
+                    styles.swatchCircle,
+                    { backgroundColor: entry.hex },
+                    isSelected
+                        ? {
+                            shadowColor: entry.hex,
+                            shadowOpacity: 0.7,
+                            shadowRadius: 8,
+                            shadowOffset: { width: 0, height: 0 },
+                            elevation: 4,
+                        }
+                        : null,
+                ]} importantForAccessibility="no" accessibilityElementsHidden/>
+
+                  {/* Label */}
+                  <react_native_1.Text style={[
+                    styles.swatchLabel,
+                    isSelected ? { color: entry.hex, fontWeight: '700' } : null,
+                ]} numberOfLines={1} importantForAccessibility="no" accessibilityElementsHidden>
+                    {entry.label}
+                  </react_native_1.Text>
+
+                  {/* Selected checkmark / saving spinner */}
+                  {isSelected ? (<react_native_1.View style={[styles.swatchCheck, { backgroundColor: entry.hex }]} importantForAccessibility="no" accessibilityElementsHidden>
+                      {saving ? (<react_native_1.ActivityIndicator size="small" color={theme_1.COLORS.bg}/>) : (<vector_icons_1.MaterialIcons name="check" size={12} color={theme_1.COLORS.bg}/>)}
+                    </react_native_1.View>) : null}
+                </react_native_1.Pressable>);
+        })}
+          </react_native_1.View>
+
+          {/* ── Current color summary ─────────────────────────────────────── */}
+          <react_native_1.View style={[styles.currentRow, { borderColor: currentColor + '44' }]} accessible accessibilityRole="text" accessibilityLabel={`Current Echo Color: ${(_b = (_a = echoColors_1.ECHO_COLOR_PALETTE.find(e => e.hex === currentColor)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : currentColor}`}>
+            <react_native_1.View style={[styles.currentDot, { backgroundColor: currentColor }]} importantForAccessibility="no" accessibilityElementsHidden/>
+            <react_native_1.Text style={[styles.currentLabel, { color: currentColor }]} importantForAccessibility="no" accessibilityElementsHidden>
+              {(_d = (_c = echoColors_1.ECHO_COLOR_PALETTE.find(e => e.hex === currentColor)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : currentColor}
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.ScrollView>
+      </react_native_1.View>
+    </react_native_1.Modal>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    root: {
+        flex: 1,
+        backgroundColor: theme_1.COLORS.bg,
+    },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        borderBottomWidth: 1,
+        borderBottomColor: theme_1.COLORS.border,
+    },
+    title: {
+        fontSize: theme_1.FONTS.lg,
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+    },
+    scroll: {
+        padding: theme_1.SPACING.lg,
+        gap: theme_1.SPACING.xl,
+    },
+    description: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textSecondary,
+        lineHeight: 22,
+        marginBottom: theme_1.SPACING.sm,
+    },
+    grid: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: theme_1.SPACING.md,
+    },
+    swatch: {
+        width: '29%',
+        alignItems: 'center',
+        gap: theme_1.SPACING.xs,
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.lg,
+        paddingVertical: theme_1.SPACING.md,
+        paddingHorizontal: theme_1.SPACING.sm,
+        minHeight: 80,
+        justifyContent: 'center',
+        position: 'relative',
+    },
+    swatchCircle: {
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+    },
+    swatchLabel: {
+        fontSize: 11,
+        color: theme_1.COLORS.textSecondary,
+        fontWeight: '500',
+        textAlign: 'center',
+    },
+    swatchCheck: {
+        position: 'absolute',
+        top: 6,
+        right: 6,
+        width: 18,
+        height: 18,
+        borderRadius: 9,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    currentRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.sm,
+        borderRadius: theme_1.RADIUS.lg,
+        borderWidth: 1,
+        paddingVertical: theme_1.SPACING.md,
+        paddingHorizontal: theme_1.SPACING.lg,
+        marginTop: theme_1.SPACING.xs,
+    },
+    currentDot: {
+        width: 18,
+        height: 18,
+        borderRadius: 9,
+    },
+    currentLabel: {
+        fontSize: theme_1.FONTS.sm,
+        fontWeight: '700',
+        letterSpacing: 0.3,
+    },
+});
+//# sourceMappingURL=EchoColorPicker.js.map

package/dist/components/EchoColorPicker.js.map

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

package/dist/components/EchoConnectedAppsModal.d.ts

@@ -0,0 +1,40 @@
+/**
+ * EchoConnectedAppsModal
+ *
+ * Presentation-only Connected Apps modal.
+ * Extracted from the Connected Apps modal in the Echo UI Reference account screen.
+ *
+ * Renders:
+ *  • Page-sheet (iOS) / full-screen (other) modal
+ *  • Centered "Connected Apps" header with close button and matching spacer
+ *  • Loading, error (with retry), and empty states
+ *  • List of connected apps with display name, date, check-circle icon,
+ *    52×52 icon wrapper, and row dividers
+ *
+ * HOST RESPONSIBILITIES
+ * ─────────────────────
+ * • Fetching the connected apps list (onRetry triggers a re-fetch)
+ * • Opening/closing modal state
+ * • Safe-area insets (topInset / bottomInset)
+ *
+ * No connectedAppsService, no auth, no Router, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+export type EchoConnectedApp = {
+    appKey: string;
+    displayName: string;
+    firstUsedAt: string;
+};
+export type EchoConnectedAppsModalProps = {
+    visible: boolean;
+    apps: EchoConnectedApp[];
+    loading: boolean;
+    error: string | null;
+    onClose: () => void;
+    onRetry: () => void;
+    topInset?: number;
+    bottomInset?: number;
+};
+export declare function EchoConnectedAppsModal({ visible, apps, loading, error, onClose, onRetry, topInset, bottomInset, }: EchoConnectedAppsModalProps): React.JSX.Element;
+//# sourceMappingURL=EchoConnectedAppsModal.d.ts.map

package/dist/components/EchoConnectedAppsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoConnectedAppsModal.d.ts","sourceRoot":"","sources":["../../src/components/EchoConnectedAppsModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAQ,MAAM,CAAC;IACrB,WAAW,EAAG,MAAM,CAAC;IACrB,WAAW,EAAG,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,EAAO,OAAO,CAAC;IACtB,IAAI,EAAU,gBAAgB,EAAE,CAAC;IACjC,OAAO,EAAO,OAAO,CAAC;IACtB,KAAK,EAAS,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAO,MAAM,IAAI,CAAC;IACzB,OAAO,EAAO,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAK,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsBF,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAe,EACf,WAAe,GAChB,EAAE,2BAA2B,qBA4G7B"}

package/dist/components/EchoConnectedAppsModal.js

@@ -0,0 +1,220 @@
+"use strict";
+/**
+ * EchoConnectedAppsModal
+ *
+ * Presentation-only Connected Apps modal.
+ * Extracted from the Connected Apps modal in the Echo UI Reference account screen.
+ *
+ * Renders:
+ *  • Page-sheet (iOS) / full-screen (other) modal
+ *  • Centered "Connected Apps" header with close button and matching spacer
+ *  • Loading, error (with retry), and empty states
+ *  • List of connected apps with display name, date, check-circle icon,
+ *    52×52 icon wrapper, and row dividers
+ *
+ * HOST RESPONSIBILITIES
+ * ─────────────────────
+ * • Fetching the connected apps list (onRetry triggers a re-fetch)
+ * • Opening/closing modal state
+ * • Safe-area insets (topInset / bottomInset)
+ *
+ * No connectedAppsService, no auth, no Router, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoConnectedAppsModal = EchoConnectedAppsModal;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const vector_icons_1 = require("@expo/vector-icons");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Package-local date formatter
+// ─────────────────────────────────────────────────────────────────────────────
+function formatDate(iso) {
+    try {
+        return new Date(iso).toLocaleDateString(undefined, {
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        });
+    }
+    catch (_a) {
+        return iso;
+    }
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoConnectedAppsModal({ visible, apps, loading, error, onClose, onRetry, topInset = 0, bottomInset = 0, }) {
+    return (<react_native_1.Modal visible={visible} animationType="slide" presentationStyle={react_native_1.Platform.OS === 'ios' ? 'pageSheet' : 'fullScreen'} onRequestClose={onClose} accessibilityViewIsModal>
+      <react_native_1.View style={[styles.root, { paddingTop: topInset || theme_1.SPACING.xl }]}>
+
+        {/* Header */}
+        <react_native_1.View style={styles.header} accessibilityRole="header">
+          <react_native_1.Pressable onPress={onClose} style={({ pressed }) => [styles.headerSlot, pressed && { opacity: 0.7 }]} accessibilityLabel="Close Connected Apps" accessibilityRole="button" hitSlop={8}>
+            <vector_icons_1.MaterialIcons name="close" size={24} color={theme_1.COLORS.textPrimary}/>
+          </react_native_1.Pressable>
+          <react_native_1.Text style={styles.headerTitle}>Connected Apps</react_native_1.Text>
+          {/* Matching right spacer so title remains centered */}
+          <react_native_1.View style={styles.headerSlot}/>
+        </react_native_1.View>
+
+        {/* Body */}
+        {loading ? (<react_native_1.View style={styles.centerContent}>
+            <react_native_1.ActivityIndicator size="large" color={theme_1.COLORS.neonCyan}/>
+            <react_native_1.Text style={styles.statusText} accessibilityLiveRegion="polite">
+              Loading connected apps…
+            </react_native_1.Text>
+          </react_native_1.View>) : error ? (<react_native_1.View style={styles.centerContent}>
+            <vector_icons_1.MaterialIcons name="error-outline" size={44} color={theme_1.COLORS.error}/>
+            <react_native_1.Text style={[styles.statusText, { color: theme_1.COLORS.error, textAlign: 'center' }]}>
+              {error}
+            </react_native_1.Text>
+            <react_native_1.Pressable onPress={onRetry} style={({ pressed }) => [
+                styles.retryBtn,
+                pressed && { opacity: 0.75 },
+            ]} accessibilityLabel="Retry loading connected apps" accessibilityRole="button">
+              <react_native_1.Text style={styles.retryBtnText}>Try Again</react_native_1.Text>
+            </react_native_1.Pressable>
+          </react_native_1.View>) : apps.length === 0 ? (<react_native_1.View style={styles.centerContent}>
+            <vector_icons_1.MaterialIcons name="apps" size={52} color={theme_1.COLORS.textMuted}/>
+            <react_native_1.Text style={[styles.statusText, { textAlign: 'center' }]}>
+              No connected apps yet.
+            </react_native_1.Text>
+          </react_native_1.View>) : (<react_native_1.ScrollView contentContainerStyle={[
+                styles.scroll,
+                { paddingBottom: bottomInset + 40 },
+            ]} showsVerticalScrollIndicator={false}>
+            <react_native_1.View style={styles.listCard}>
+              {apps.map((app, idx) => (<react_native_1.View key={app.appKey}>
+                  {idx > 0 ? <react_native_1.View style={styles.rowDivider}/> : null}
+                  <react_native_1.View style={styles.row} accessible accessibilityRole="text" accessibilityLabel={`${app.displayName}. Connected ${formatDate(app.firstUsedAt)}.`}>
+                    <react_native_1.View style={styles.iconWrap} importantForAccessibility="no" accessibilityElementsHidden>
+                      <vector_icons_1.MaterialIcons name="check-circle" size={18} color={theme_1.COLORS.neonCyan} importantForAccessibility="no" accessibilityElementsHidden/>
+                    </react_native_1.View>
+                    <react_native_1.View style={{ flex: 1 }}>
+                      <react_native_1.Text style={styles.appName} importantForAccessibility="no">
+                        {app.displayName}
+                      </react_native_1.Text>
+                      <react_native_1.Text style={styles.appDate} importantForAccessibility="no">
+                        {'Connected ' + formatDate(app.firstUsedAt)}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                  </react_native_1.View>
+                </react_native_1.View>))}
+            </react_native_1.View>
+          </react_native_1.ScrollView>)}
+      </react_native_1.View>
+    </react_native_1.Modal>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    root: {
+        flex: 1,
+        backgroundColor: theme_1.COLORS.bg,
+    },
+    // Header
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        borderBottomWidth: 1,
+        borderBottomColor: theme_1.COLORS.border,
+    },
+    headerSlot: {
+        width: 44,
+        height: 44,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    headerTitle: {
+        flex: 1,
+        textAlign: 'center',
+        fontSize: theme_1.FONTS.lg,
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+    },
+    // Center states
+    centerContent: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: theme_1.SPACING.xl,
+        gap: theme_1.SPACING.md,
+    },
+    statusText: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textSecondary,
+        marginTop: theme_1.SPACING.md,
+    },
+    retryBtn: {
+        borderRadius: theme_1.RADIUS.md,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.neonCyan + '66',
+        backgroundColor: theme_1.COLORS.neonCyan + '10',
+        paddingVertical: theme_1.SPACING.sm,
+        paddingHorizontal: theme_1.SPACING.lg,
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: 44,
+        marginTop: theme_1.SPACING.sm,
+    },
+    retryBtnText: {
+        fontSize: theme_1.FONTS.sm,
+        fontWeight: '700',
+        color: theme_1.COLORS.neonCyan,
+    },
+    // Scroll + list
+    scroll: {
+        padding: theme_1.SPACING.lg,
+        gap: theme_1.SPACING.md,
+    },
+    listCard: {
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.border,
+        overflow: 'hidden',
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        minHeight: 56,
+    },
+    iconWrap: {
+        width: 52,
+        height: 52,
+        borderRadius: theme_1.RADIUS.md,
+        backgroundColor: theme_1.COLORS.neonCyan + '18',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    appName: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '500',
+        color: theme_1.COLORS.textPrimary,
+    },
+    appDate: {
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.textMuted,
+        fontWeight: '600',
+        textTransform: 'uppercase',
+        letterSpacing: 0.8,
+        marginTop: 2,
+    },
+    rowDivider: {
+        height: 1,
+        backgroundColor: theme_1.COLORS.border,
+        marginHorizontal: theme_1.SPACING.lg,
+    },
+});
+//# sourceMappingURL=EchoConnectedAppsModal.js.map

package/dist/components/EchoConnectedAppsModal.js.map

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

package/dist/components/EchoDeleteProfilePanel.d.ts

@@ -0,0 +1,63 @@
+/**
+ * EchoDeleteProfilePanel
+ *
+ * Presentation-only Delete Echo Profile trigger + expanded confirmation panel.
+ * Extracted from the delete-account section of the Echo UI Reference account screen.
+ *
+ * COLLAPSED STATE
+ * ───────────────
+ * Shows a discrete "Delete Echo Profile" text trigger.
+ *
+ * EXPANDED STATE
+ * ──────────────
+ * Shows the full confirmation panel with:
+ *  • "Before you delete:" info block with five canonical warnings
+ *  • DELETE confirmation text field
+ *  • Cancel and Schedule Deletion buttons
+ *
+ * LOCAL DATA WARNING
+ * ──────────────────
+ * The text "Your local [hostAppName] data on this device is not affected."
+ * uses the supplied hostAppName so this component is host-app neutral.
+ * Default: "this app".
+ *
+ * CONFIRM BUTTON GUARD
+ * ────────────────────
+ * The Schedule Deletion button is only enabled when:
+ *   confirmationText.trim() === 'DELETE' && !loading
+ * The package enforces this UI condition; onConfirm remains host-owned.
+ *
+ * HOST RESPONSIBILITIES
+ * ─────────────────────
+ * • expanded / confirmationText state
+ * • onOpen / onChangeConfirmationText / onCancel / onConfirm handlers
+ * • Actual account-deletion RPC (onConfirm)
+ * • Alerts / announcements after deletion is scheduled
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+export type EchoDeleteProfilePanelProps = {
+    /** Whether the full confirmation panel is expanded. */
+    expanded: boolean;
+    /** Controlled value of the DELETE confirmation text field. */
+    confirmationText: string;
+    /** True while the deletion RPC is in flight. */
+    loading?: boolean;
+    /**
+     * Name of the host application used in the local-data-not-affected warning.
+     * Defaults to "this app".
+     */
+    hostAppName?: string;
+    /** Called when the user taps the collapsed trigger. */
+    onOpen: () => void;
+    /** Called on every keystroke in the confirmation field. */
+    onChangeConfirmationText: (value: string) => void;
+    /** Called when the user taps Cancel. */
+    onCancel: () => void;
+    /** Called when the user taps Schedule Deletion (only when guard passes). */
+    onConfirm: () => void;
+};
+export declare function EchoDeleteProfilePanel({ expanded, confirmationText, loading, hostAppName, onOpen, onChangeConfirmationText, onCancel, onConfirm, }: EchoDeleteProfilePanelProps): React.JSX.Element;
+//# sourceMappingURL=EchoDeleteProfilePanel.d.ts.map

package/dist/components/EchoDeleteProfilePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoDeleteProfilePanel.d.ts","sourceRoot":"","sources":["../../src/components/EchoDeleteProfilePanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,MAAM,2BAA2B,GAAG;IACxC,uDAAuD;IACvD,QAAQ,EAAkB,OAAO,CAAC;IAClC,8DAA8D;IAC9D,gBAAgB,EAAU,MAAM,CAAC;IACjC,gDAAgD;IAChD,OAAO,CAAC,EAAkB,OAAO,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAc,MAAM,CAAC;IACjC,uDAAuD;IACvD,MAAM,EAAoB,MAAM,IAAI,CAAC;IACrC,2DAA2D;IAC3D,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,wCAAwC;IACxC,QAAQ,EAAkB,MAAM,IAAI,CAAC;IACrC,4EAA4E;IAC5E,SAAS,EAAiB,MAAM,IAAI,CAAC;CACtC,CAAC;AAwCF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,gBAAgB,EAChB,OAAoB,EACpB,WAAyB,EACzB,MAAM,EACN,wBAAwB,EACxB,QAAQ,EACR,SAAS,GACV,EAAE,2BAA2B,qBAsI7B"}