@echoform/echo-ui 0.1.1 → 0.2.1

package/dist/components/EchoVerificationCodeInput.js

@@ -0,0 +1,140 @@
+"use strict";
+/**
+ * EchoVerificationCodeInput
+ *
+ * Reusable in-app verification code input for Echo Profile flows.
+ * Extracted verbatim from components/ui/VerificationCodeInput.tsx.
+ *
+ * Design decisions:
+ * - ONE normal TextInput — full copy/paste support, no six-box fragmentation
+ * - Numeric soft keyboard on mobile
+ * - Auto-strips non-digit characters (spaces, hyphens, dashes)
+ * - Exposes a single accessible "Verification Code" label
+ * - Does NOT auto-submit — the caller provides an explicit Verify button
+ *
+ * Accessibility:
+ * - accessibilityLabel: "Verification Code"
+ * - accessibilityHint: describes that the code was emailed
+ * - Accepts pasted codes (React Native handles this natively on TextInput)
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+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.EchoVerificationCodeInput = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Helper: strip everything that is not a digit
+// ─────────────────────────────────────────────────────────────────────────────
+function sanitizeCode(raw) {
+    return raw.replace(/[^0-9]/g, '');
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+exports.EchoVerificationCodeInput = (0, react_1.forwardRef)(({ value, onChangeCode, email, disabled = false, onSubmitEditing }, ref) => {
+    const inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        focus: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+        clear: () => {
+            var _a;
+            onChangeCode('');
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
+        },
+    }));
+    const handleChange = (text) => {
+        onChangeCode(sanitizeCode(text));
+    };
+    const hint = email
+        ? `Enter the verification code sent to ${email}. You can paste the code from your email.`
+        : 'Enter the verification code from your email. You can paste the full code.';
+    return (<react_native_1.View style={styles.wrap}>
+        <react_native_1.Text style={styles.label} importantForAccessibility="no" accessibilityElementsHidden>
+          Verification Code
+        </react_native_1.Text>
+        <react_native_1.TextInput ref={inputRef} style={[styles.input, disabled && styles.inputDisabled]} value={value} onChangeText={handleChange} placeholder="Enter code from email" placeholderTextColor={theme_1.COLORS.textMuted} keyboardType="number-pad" autoCapitalize="none" autoCorrect={false} autoComplete="one-time-code" textContentType="oneTimeCode" returnKeyType="go" editable={!disabled} onSubmitEditing={onSubmitEditing} maxLength={12} accessibilityLabel="Verification Code" accessibilityHint={hint} accessibilityRole="none" accessibilityState={{ disabled }} selectionColor={theme_1.COLORS.neonCyan}/>
+        <react_native_1.Text style={styles.hint} accessible accessibilityRole="text">
+          {'Code sent to '}
+          <react_native_1.Text style={styles.hintEmail}>{email !== null && email !== void 0 ? email : 'your email'}</react_native_1.Text>
+          {'. Paste it here or type each digit.'}
+        </react_native_1.Text>
+      </react_native_1.View>);
+});
+exports.EchoVerificationCodeInput.displayName = 'EchoVerificationCodeInput';
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    wrap: {
+        gap: theme_1.SPACING.xs,
+    },
+    label: {
+        fontSize: theme_1.FONTS.sm,
+        fontWeight: '600',
+        color: theme_1.COLORS.textSecondary,
+    },
+    input: {
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+        borderRadius: theme_1.RADIUS.md,
+        borderWidth: 2,
+        borderColor: theme_1.COLORS.neonCyan + '55',
+        paddingHorizontal: theme_1.SPACING.md,
+        paddingVertical: theme_1.SPACING.md,
+        color: theme_1.COLORS.textPrimary,
+        fontWeight: '700',
+        minHeight: 60,
+        fontSize: 22,
+        textAlign: 'center',
+        letterSpacing: 6,
+    },
+    inputDisabled: {
+        opacity: 0.5,
+        borderColor: theme_1.COLORS.border,
+    },
+    hint: {
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.textMuted,
+        lineHeight: 18,
+        marginTop: 2,
+    },
+    hintEmail: {
+        color: theme_1.COLORS.neonCyan,
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=EchoVerificationCodeInput.js.map

package/dist/components/EchoVerificationCodeInput.js.map

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

package/dist/components/EchoWelcome.d.ts

@@ -0,0 +1,44 @@
+/**
+ * EchoWelcome
+ *
+ * Presentation-only Echo Profile welcome/onboarding screen content.
+ * Extracted from the WELCOME section of the Echo UI Reference account screen.
+ *
+ * Renders:
+ *  • Echoform banner (16:9, cyan border/glow)
+ *  • Three-line wave accent
+ *  • "Welcome to Echoform" heading
+ *  • "One Echo Profile. Every Echoform app." subheading
+ *  • Sign In button (with supplied profile icon)
+ *  • Create Echo Profile button
+ *  • "Why become an Echo?" link
+ *  • "or" divider
+ *  • Continue Offline card
+ *
+ * All navigation/auth is delegated to the host via callback props.
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import type { ImageSource } from 'expo-image';
+export type EchoWelcomeProps = {
+    /** Echoform banner image displayed at the top (16:9). */
+    bannerSource: ImageSource;
+    /** Echo Profile icon displayed inside the Sign In button. */
+    profileIconSource: ImageSource;
+    /**
+     * Name of the host application used only in Continue Offline
+     * accessibility wording. Defaults to "this app".
+     */
+    hostAppName?: string;
+    /** Called when the user taps Sign In. */
+    onSignIn: () => void;
+    /** Called when the user taps Create Echo Profile. */
+    onCreateProfile: () => void;
+    /** Called when the user taps "Why become an Echo?". */
+    onWhyEchoPress: () => void;
+    /** Called when the user taps Continue Offline. */
+    onContinueOffline: () => void;
+};
+export declare function EchoWelcome({ bannerSource, profileIconSource, hostAppName, onSignIn, onCreateProfile, onWhyEchoPress, onContinueOffline, }: EchoWelcomeProps): React.JSX.Element;
+//# sourceMappingURL=EchoWelcome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoWelcome.d.ts","sourceRoot":"","sources":["../../src/components/EchoWelcome.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAQ9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,yDAAyD;IACzD,YAAY,EAAE,WAAW,CAAC;IAC1B,6DAA6D;IAC7D,iBAAiB,EAAE,WAAW,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,uDAAuD;IACvD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,iBAAiB,EACjB,WAAwB,EACxB,QAAQ,EACR,eAAe,EACf,cAAc,EACd,iBAAiB,GAClB,EAAE,gBAAgB,qBAsJlB"}

package/dist/components/EchoWelcome.js

@@ -0,0 +1,289 @@
+"use strict";
+/**
+ * EchoWelcome
+ *
+ * Presentation-only Echo Profile welcome/onboarding screen content.
+ * Extracted from the WELCOME section of the Echo UI Reference account screen.
+ *
+ * Renders:
+ *  • Echoform banner (16:9, cyan border/glow)
+ *  • Three-line wave accent
+ *  • "Welcome to Echoform" heading
+ *  • "One Echo Profile. Every Echoform app." subheading
+ *  • Sign In button (with supplied profile icon)
+ *  • Create Echo Profile button
+ *  • "Why become an Echo?" link
+ *  • "or" divider
+ *  • Continue Offline card
+ *
+ * All navigation/auth is delegated to the host via callback props.
+ * No Expo Router, no auth, no contexts, no services, 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.EchoWelcome = EchoWelcome;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const expo_image_1 = require("expo-image");
+const vector_icons_1 = require("@expo/vector-icons");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoWelcome({ bannerSource, profileIconSource, hostAppName = 'this app', onSignIn, onCreateProfile, onWhyEchoPress, onContinueOffline, }) {
+    return (<react_native_1.View style={styles.container}>
+      {/* Echoform banner */}
+      <react_native_1.View style={styles.bannerOuter} accessible accessibilityLabel="Echoform — Building an accessible world with echoes like you" accessibilityRole="image">
+        <expo_image_1.Image source={bannerSource} style={styles.banner} contentFit="cover" accessible={false} importantForAccessibility="no"/>
+      </react_native_1.View>
+
+      {/* Three-line wave accent */}
+      <react_native_1.View style={styles.waveAccent} accessibilityElementsHidden importantForAccessibility="no">
+        <react_native_1.View style={[styles.waveLine, { width: '40%', opacity: 0.5 }]}/>
+        <react_native_1.View style={[styles.waveLine, { width: '65%', opacity: 0.35 }]}/>
+        <react_native_1.View style={[styles.waveLine, { width: '45%', opacity: 0.2 }]}/>
+      </react_native_1.View>
+
+      {/* Heading */}
+      <react_native_1.Text style={styles.heading} accessibilityRole="header" accessibilityLabel="Welcome to Echoform">
+        Welcome to Echoform
+      </react_native_1.Text>
+
+      {/* Subheading */}
+      <react_native_1.Text style={styles.subheading} accessibilityLabel={"One Echo Profile.\nEvery Echoform app."}>
+        {'One Echo Profile.\nEvery Echoform app.'}
+      </react_native_1.Text>
+
+      {/* Action buttons */}
+      <react_native_1.View style={styles.actions}>
+        {/* Sign In */}
+        <react_native_1.Pressable onPress={onSignIn} style={({ pressed }) => [
+            styles.btn,
+            styles.btnSignIn,
+            pressed && { opacity: 0.8 },
+        ]} accessibilityLabel="Sign In to your Echo Profile" accessibilityRole="button">
+          <expo_image_1.Image source={profileIconSource} style={styles.signInIcon} contentFit="contain" importantForAccessibility="no" accessibilityElementsHidden/>
+          <react_native_1.Text style={[styles.btnText, { color: theme_1.COLORS.neonCyan }]}>Sign In</react_native_1.Text>
+        </react_native_1.Pressable>
+
+        {/* Create Echo Profile */}
+        <react_native_1.Pressable onPress={onCreateProfile} style={({ pressed }) => [
+            styles.btn,
+            styles.btnCreate,
+            pressed && { opacity: 0.8 },
+        ]} accessibilityLabel="Create a new Echo Profile" accessibilityRole="button">
+          <vector_icons_1.MaterialIcons name="person-add" size={20} color={theme_1.COLORS.neonPurple} importantForAccessibility="no" accessibilityElementsHidden/>
+          <react_native_1.Text style={[styles.btnText, { color: theme_1.COLORS.neonPurple }]}>
+            Create Echo Profile
+          </react_native_1.Text>
+        </react_native_1.Pressable>
+
+        {/* Why become an Echo? link */}
+        <react_native_1.Pressable onPress={onWhyEchoPress} style={({ pressed }) => [
+            styles.whyEchoLink,
+            pressed && { opacity: 0.55 },
+        ]} accessibilityLabel="Why become an Echo?" accessibilityRole="button" accessibilityHint="Opens a popup explaining what an Echo Profile is and why you might want one">
+          <react_native_1.Text style={styles.whyEchoLinkText}>Why become an Echo?</react_native_1.Text>
+        </react_native_1.Pressable>
+      </react_native_1.View>
+
+      {/* "or" divider */}
+      <react_native_1.View style={styles.divider} accessibilityElementsHidden importantForAccessibility="no">
+        <react_native_1.View style={styles.dividerLine}/>
+        <react_native_1.Text style={styles.dividerText}>or</react_native_1.Text>
+        <react_native_1.View style={styles.dividerLine}/>
+      </react_native_1.View>
+
+      {/* Continue Offline card */}
+      <react_native_1.View style={styles.offlineCard}>
+        <react_native_1.Text style={styles.offlineHeading} accessibilityRole="header">
+          Continue Offline
+        </react_native_1.Text>
+        <react_native_1.Text style={styles.offlineDescription}>
+          Store your data locally on this device. You can create an Echo Profile
+          later without losing your information.
+        </react_native_1.Text>
+        <react_native_1.Pressable onPress={onContinueOffline} style={({ pressed }) => [
+            styles.offlineBtn,
+            pressed && { opacity: 0.75 },
+        ]} accessibilityLabel={`Continue using ${hostAppName} without an Echo Profile`} accessibilityRole="button" accessibilityHint="Returns to the app. Your data is saved locally and you can create an Echo Profile at any time.">
+          <vector_icons_1.MaterialIcons name="devices" size={18} color={theme_1.COLORS.textSecondary} importantForAccessibility="no" accessibilityElementsHidden/>
+          <react_native_1.Text style={styles.offlineBtnText}>Continue Offline</react_native_1.Text>
+        </react_native_1.Pressable>
+      </react_native_1.View>
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        alignItems: 'center',
+        gap: theme_1.SPACING.xl,
+        paddingTop: theme_1.SPACING.md,
+        paddingBottom: theme_1.SPACING.md,
+    },
+    // Banner
+    bannerOuter: {
+        width: '100%',
+        borderRadius: theme_1.RADIUS.xl,
+        overflow: 'hidden',
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.neonCyan + '22',
+        shadowColor: theme_1.COLORS.neonCyan,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.15,
+        shadowRadius: 16,
+        elevation: 4,
+    },
+    banner: {
+        width: '100%',
+        aspectRatio: 16 / 9,
+    },
+    // Wave accent
+    waveAccent: {
+        alignItems: 'center',
+        gap: 4,
+        width: '100%',
+    },
+    waveLine: {
+        height: 1,
+        backgroundColor: theme_1.COLORS.neonCyan,
+        borderRadius: 1,
+        alignSelf: 'center',
+    },
+    // Headings
+    heading: {
+        fontSize: 28,
+        fontWeight: '800',
+        color: theme_1.COLORS.textPrimary,
+        textAlign: 'center',
+        letterSpacing: 0.5,
+    },
+    subheading: {
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.textSecondary,
+        textAlign: 'center',
+        lineHeight: 24,
+        fontWeight: '500',
+        marginTop: -theme_1.SPACING.sm,
+    },
+    // Action area
+    actions: {
+        width: '100%',
+        gap: theme_1.SPACING.md,
+    },
+    btn: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: theme_1.SPACING.sm,
+        borderRadius: theme_1.RADIUS.lg,
+        borderWidth: 1.5,
+        paddingVertical: theme_1.SPACING.md + 2,
+        minHeight: 56,
+        width: '100%',
+    },
+    btnSignIn: {
+        backgroundColor: theme_1.COLORS.neonCyan + '40',
+        borderColor: theme_1.COLORS.neonCyan + 'CC',
+        shadowColor: theme_1.COLORS.neonCyan,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.3,
+        shadowRadius: 12,
+    },
+    btnCreate: {
+        backgroundColor: theme_1.COLORS.neonPurple + '40',
+        borderColor: theme_1.COLORS.neonPurple + 'CC',
+        shadowColor: theme_1.COLORS.neonPurple,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.3,
+        shadowRadius: 12,
+    },
+    btnText: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        letterSpacing: 0.3,
+    },
+    signInIcon: {
+        position: 'absolute',
+        width: 40,
+        height: 40,
+        left: '50%',
+        marginLeft: -75,
+    },
+    // "Why become an Echo?" link
+    whyEchoLink: {
+        alignSelf: 'center',
+        paddingVertical: theme_1.SPACING.xs,
+        paddingHorizontal: theme_1.SPACING.sm,
+        marginTop: -theme_1.SPACING.xs,
+    },
+    whyEchoLinkText: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.neonPurple,
+        fontWeight: '600',
+        textDecorationLine: 'underline',
+        opacity: 0.85,
+    },
+    // "or" divider
+    divider: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        width: '100%',
+    },
+    dividerLine: {
+        flex: 1,
+        height: 1,
+        backgroundColor: theme_1.COLORS.border,
+    },
+    dividerText: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textMuted,
+        fontWeight: '600',
+    },
+    // Continue Offline card
+    offlineCard: {
+        width: '100%',
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.border,
+        padding: theme_1.SPACING.xl,
+        gap: theme_1.SPACING.md,
+    },
+    offlineHeading: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: theme_1.COLORS.textSecondary,
+        textAlign: 'center',
+    },
+    offlineDescription: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textMuted,
+        textAlign: 'center',
+        lineHeight: 21,
+    },
+    offlineBtn: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: theme_1.SPACING.sm,
+        borderRadius: theme_1.RADIUS.lg,
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.border,
+        paddingVertical: theme_1.SPACING.md,
+        minHeight: 48,
+    },
+    offlineBtnText: {
+        fontSize: theme_1.FONTS.sm,
+        fontWeight: '600',
+        color: theme_1.COLORS.textSecondary,
+    },
+});
+//# sourceMappingURL=EchoWelcome.js.map

package/dist/components/EchoWelcome.js.map

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

package/dist/components/EchoWhyBecomeAnEchoModal.d.ts

@@ -0,0 +1,34 @@
+/**
+ * EchoWhyBecomeAnEchoModal
+ *
+ * Presentation-only "Why Become an Echo?" modal.
+ * Extracted verbatim from the Echo UI Reference welcome section.
+ *
+ * This component owns the complete shared Echoform explanatory copy and
+ * visual presentation. All content is fixed Echoform brand text that never
+ * changes per host app.
+ *
+ * DIMENSIONS
+ * ──────────
+ * ~88% of window height, max width 520, dark overlay, cyan border,
+ * scrollable body, fixed "Got It" footer button.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityViewIsModal on the outer Modal
+ * • Header role on the title
+ * • All bullet rows accessible as text
+ * • Callout section labeled with accessible text
+ * • Close button: "Close", role button
+ * • Got It button: "Got it", role button, hint "Closes this popup"
+ *
+ * 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 EchoWhyBecomeAnEchoModalProps = {
+    visible: boolean;
+    onClose: () => void;
+};
+export declare function EchoWhyBecomeAnEchoModal({ visible, onClose, }: EchoWhyBecomeAnEchoModalProps): React.JSX.Element;
+//# sourceMappingURL=EchoWhyBecomeAnEchoModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoWhyBecomeAnEchoModal.d.ts","sourceRoot":"","sources":["../../src/components/EchoWhyBecomeAnEchoModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAiCF,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAO,GACR,EAAE,6BAA6B,qBA2J/B"}