@echoform/echo-ui 0.1.1 → 0.2.0

package/dist/components/EchoProfileHero.d.ts

@@ -0,0 +1,48 @@
+/**
+ * EchoProfileHero
+ *
+ * Presentation-only signed-in profile hero card extracted from the Echo UI Reference.
+ *
+ * Renders the 110×110 emblem area, Echo Color corner button, Echo Title with
+ * rarity color/glow, and Verified/Unverified badge — all driven purely by props.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • Grouped accessible element reports name, title, and verification state.
+ * • Echo Color button has label and hint.
+ * • All decorative inner elements are hidden from screen readers.
+ *
+ * No Expo Router, no auth, no contexts, no services, no storage, no app assets.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import type { ImageSource } from 'expo-image';
+import type { EchoTitleRarity } from '../titleRarity';
+export type EchoProfileHeroProps = {
+    /** Display name for the signed-in Echo Profile. */
+    profileName?: string | null;
+    /** expo-image ImageSource for the active Echo Emblem. */
+    emblemSource?: ImageSource | null;
+    /** Display name of the active Echo Emblem (for accessibility). */
+    emblemDisplayName?: string;
+    /**
+     * Fallback image source shown when no emblem is active.
+     * If neither emblem nor fallback is supplied, a neutral icon is rendered.
+     */
+    fallbackProfileSource?: ImageSource | null;
+    /** True while emblem data is being loaded (shows spinner in emblem slot). */
+    emblemLoading?: boolean;
+    /** Active Echo Title, if any. */
+    title?: {
+        displayName: string;
+        rarity: EchoTitleRarity;
+    } | null;
+    /** Whether the user's email address has been verified. */
+    verified: boolean;
+    /** Current Echo Profile accent color hex. */
+    echoColor: string;
+    /** Called when the Echo Color palette button is pressed. */
+    onColorPress: () => void;
+};
+export declare function EchoProfileHero({ profileName, emblemSource, emblemDisplayName, fallbackProfileSource, emblemLoading, title, verified, echoColor, onColorPress, }: EchoProfileHeroProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileHero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileHero.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileHero.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAI9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,yDAAyD;IACzD,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3C,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,eAAe,CAAC;KACzB,GAAG,IAAI,CAAC;IACT,0DAA0D;IAC1D,QAAQ,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAMF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,aAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE,oBAAoB,qBA8JtB"}

package/dist/components/EchoProfileHero.js

@@ -0,0 +1,215 @@
+"use strict";
+/**
+ * EchoProfileHero
+ *
+ * Presentation-only signed-in profile hero card extracted from the Echo UI Reference.
+ *
+ * Renders the 110×110 emblem area, Echo Color corner button, Echo Title with
+ * rarity color/glow, and Verified/Unverified badge — all driven purely by props.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • Grouped accessible element reports name, title, and verification state.
+ * • Echo Color button has label and hint.
+ * • All decorative inner elements are hidden from screen readers.
+ *
+ * No Expo Router, no auth, no contexts, no services, no storage, no app assets.
+ * 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.EchoProfileHero = EchoProfileHero;
+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 EchoEmblem_1 = require("./EchoEmblem");
+const titleRarity_1 = require("../titleRarity");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoProfileHero({ profileName, emblemSource, emblemDisplayName, fallbackProfileSource, emblemLoading = false, title, verified, echoColor, onColorPress, }) {
+    // ── Grouped accessibility label ──────────────────────────────────────────
+    const groupedA11yLabel = [
+        `Echo Profile: ${profileName !== null && profileName !== void 0 ? profileName : 'No name set'}`,
+        title ? `Echo Title: ${title.displayName}` : null,
+        verified ? 'Verified Echo' : 'Email not verified',
+    ]
+        .filter(Boolean)
+        .join('. ');
+    // ── Emblem slot content ──────────────────────────────────────────────────
+    let emblemContent;
+    if (emblemSource) {
+        emblemContent = (<EchoEmblem_1.EchoEmblem source={emblemSource} size={110} displayName={emblemDisplayName}/>);
+    }
+    else if (emblemLoading) {
+        emblemContent = (<react_native_1.View style={styles.emblemPlaceholder}>
+        <react_native_1.ActivityIndicator size="small" color={theme_1.COLORS.neonCyan}/>
+      </react_native_1.View>);
+    }
+    else if (fallbackProfileSource) {
+        emblemContent = (<expo_image_1.Image source={fallbackProfileSource} style={styles.emblemFallback} contentFit="contain" importantForAccessibility="no" accessibilityElementsHidden/>);
+    }
+    else {
+        // Package-safe neutral fallback — no host asset required
+        emblemContent = (<react_native_1.View style={styles.emblemNeutral}>
+        <vector_icons_1.MaterialIcons name="account-circle" size={88} color={theme_1.COLORS.textMuted} importantForAccessibility="no" accessibilityElementsHidden/>
+      </react_native_1.View>);
+    }
+    return (<react_native_1.View style={[
+            styles.hero,
+            {
+                borderColor: echoColor + '33',
+                shadowColor: echoColor,
+            },
+        ]}>
+      {/* ── Echo Color corner button ─────────────────────────────────────── */}
+      <react_native_1.Pressable onPress={onColorPress} style={({ pressed }) => [
+            styles.colorCornerBtn,
+            {
+                borderColor: echoColor + '88',
+                backgroundColor: echoColor + '15',
+            },
+            pressed ? { opacity: 0.7 } : null,
+        ]} accessibilityLabel="Echo Color" accessibilityRole="button" accessibilityHint="Change your Echo Profile accent color">
+        <vector_icons_1.MaterialIcons name="palette" size={18} color={echoColor} importantForAccessibility="no" accessibilityElementsHidden/>
+      </react_native_1.Pressable>
+
+      {/* ── Emblem slot ──────────────────────────────────────────────────── */}
+      <react_native_1.View style={styles.emblemWrapper} importantForAccessibility="no" accessibilityElementsHidden>
+        {emblemContent}
+      </react_native_1.View>
+
+      {/* ── Name + title + badge (grouped) ──────────────────────────────── */}
+      <react_native_1.View accessible accessibilityLabel={groupedA11yLabel} accessibilityRole="text">
+        <react_native_1.Text style={styles.heroName} importantForAccessibility="no" accessibilityElementsHidden>
+          {profileName !== null && profileName !== void 0 ? profileName : '—'}
+        </react_native_1.Text>
+
+        {title ? (<react_native_1.View style={styles.activeTitleRow} importantForAccessibility="no" accessibilityElementsHidden>
+            <react_native_1.Text style={[
+                styles.activeTitleText,
+                { color: (0, titleRarity_1.rarityColor)(title.rarity) },
+                (0, titleRarity_1.rarityGlowColor)(title.rarity)
+                    ? {
+                        textShadowColor: (0, titleRarity_1.rarityGlowColor)(title.rarity),
+                        textShadowOffset: { width: 0, height: 0 },
+                        textShadowRadius: title.rarity === 'legendary' ? 2 : 8,
+                    }
+                    : null,
+            ]} numberOfLines={1}>
+              {title.displayName}
+            </react_native_1.Text>
+          </react_native_1.View>) : null}
+
+        {verified ? (<react_native_1.View style={styles.verifiedBadge} importantForAccessibility="no" accessibilityElementsHidden>
+            <vector_icons_1.MaterialIcons name="verified" size={14} color={theme_1.COLORS.neonGreen}/>
+            <react_native_1.Text style={styles.verifiedBadgeText}>Verified Echo</react_native_1.Text>
+          </react_native_1.View>) : (<react_native_1.View style={[styles.verifiedBadge, styles.unverifiedBadge]} importantForAccessibility="no" accessibilityElementsHidden>
+            <vector_icons_1.MaterialIcons name="warning-amber" size={14} color={theme_1.COLORS.warning}/>
+            <react_native_1.Text style={[styles.verifiedBadgeText, { color: theme_1.COLORS.warning }]}>
+              Email not verified
+            </react_native_1.Text>
+          </react_native_1.View>)}
+      </react_native_1.View>
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    hero: {
+        alignItems: 'center',
+        gap: theme_1.SPACING.sm,
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1,
+        paddingVertical: theme_1.SPACING.xxxl,
+        paddingHorizontal: theme_1.SPACING.xl,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.1,
+        shadowRadius: 20,
+        elevation: 3,
+    },
+    colorCornerBtn: {
+        position: 'absolute',
+        top: theme_1.SPACING.md,
+        right: theme_1.SPACING.md,
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+        borderWidth: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 2,
+    },
+    emblemWrapper: {
+        width: 110,
+        height: 110,
+        marginBottom: theme_1.SPACING.sm,
+    },
+    emblemPlaceholder: {
+        width: 110,
+        height: 110,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    emblemFallback: {
+        width: 110,
+        height: 110,
+    },
+    emblemNeutral: {
+        width: 110,
+        height: 110,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    heroName: {
+        fontSize: 22,
+        fontWeight: '800',
+        color: theme_1.COLORS.textPrimary,
+        textAlign: 'center',
+        letterSpacing: 0.3,
+    },
+    activeTitleRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 4,
+        marginTop: 2,
+        marginBottom: 1,
+    },
+    activeTitleText: {
+        fontSize: theme_1.FONTS.sm,
+        fontWeight: '700',
+        letterSpacing: 0.4,
+        textAlign: 'center',
+    },
+    verifiedBadge: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 5,
+        backgroundColor: theme_1.COLORS.neonGreen + '18',
+        borderRadius: theme_1.RADIUS.full,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.neonGreen + '44',
+        paddingVertical: 4,
+        paddingHorizontal: theme_1.SPACING.md,
+        marginTop: theme_1.SPACING.xs,
+        alignSelf: 'center',
+    },
+    unverifiedBadge: {
+        backgroundColor: theme_1.COLORS.warning + '18',
+        borderColor: theme_1.COLORS.warning + '44',
+    },
+    verifiedBadgeText: {
+        fontSize: theme_1.FONTS.xs,
+        fontWeight: '700',
+        color: theme_1.COLORS.neonGreen,
+        letterSpacing: 0.4,
+    },
+});
+//# sourceMappingURL=EchoProfileHero.js.map

package/dist/components/EchoProfileHero.js.map

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

package/dist/components/EchoProfileOverview.d.ts

@@ -0,0 +1,18 @@
+/**
+ * EchoProfileOverview
+ *
+ * Presentation-only layout wrapper for the signed-in profile screen content.
+ *
+ * Provides the canonical vertical gap used between all profile blocks
+ * (hero, section cards, action buttons) without owning navigation,
+ * scrolling, auth, or data.
+ *
+ * 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 EchoProfileOverviewProps = {
+    children: React.ReactNode;
+};
+export declare function EchoProfileOverview({ children }: EchoProfileOverviewProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileOverview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileOverview.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileOverview.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAMF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,wBAAwB,qBAEzE"}

package/dist/components/EchoProfileOverview.js

@@ -0,0 +1,36 @@
+"use strict";
+/**
+ * EchoProfileOverview
+ *
+ * Presentation-only layout wrapper for the signed-in profile screen content.
+ *
+ * Provides the canonical vertical gap used between all profile blocks
+ * (hero, section cards, action buttons) without owning navigation,
+ * scrolling, auth, or data.
+ *
+ * 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.EchoProfileOverview = EchoProfileOverview;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoProfileOverview({ children }) {
+    return <react_native_1.View style={styles.container}>{children}</react_native_1.View>;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        gap: theme_1.SPACING.lg,
+    },
+});
+//# sourceMappingURL=EchoProfileOverview.js.map

package/dist/components/EchoProfileOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileOverview.js","sourceRoot":"","sources":["../../src/components/EchoProfileOverview.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;;;;;AAkBH,kDAEC;AAlBD,kDAA0B;AAC1B,+CAAgD;AAChD,oCAAmC;AAUnC,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAA4B;IACxE,OAAO,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAI,CAAC,CAAC;AAC1D,CAAC;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,GAAG,EAAE,eAAO,CAAC,EAAE;KAChB;CACF,CAAC,CAAC"}

package/dist/components/EchoProfileRow.d.ts

@@ -0,0 +1,60 @@
+/**
+ * EchoProfileRow
+ *
+ * Presentation-only profile row used throughout the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference profileRow pattern.
+ *
+ * Supports an image or Material icon in a 52×52 icon wrapper, title/value
+ * typography, optional chevron, pressed state, and both button and text roles.
+ *
+ * The `loading` prop replaces the value text with a small ActivityIndicator,
+ * covering the Echo Coins loading state and similar cases.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • `accessibilityRole="button"` when `onPress` is provided.
+ * • `accessibilityRole="text"` when non-actionable.
+ * • All decorative image/icon content is hidden from screen readers.
+ * • The `accessibilityLabel` prop is always required so the host controls
+ *   the exact announcement without business meaning leaking into this component.
+ *
+ * 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 EchoProfileRowProps = {
+    /** Uppercase row category label, e.g. "ECHO PROFILE NAME". */
+    title: string;
+    /** Value text displayed below the title. Hidden when `loading` is true. */
+    value?: string | null;
+    /** Optional color override for the value text. */
+    valueColor?: string;
+    /** expo-image ImageSource for the left icon slot. */
+    imageSource?: ImageSource | null;
+    /** Size of the rendered image inside the icon wrapper. Defaults to 44. */
+    imageSize?: number;
+    /** Background color of the 52×52 icon wrapper. */
+    iconBackgroundColor?: string;
+    /** Material icon name, used when no imageSource is provided. */
+    materialIcon?: string;
+    /** Color for the materialIcon. Defaults to COLORS.neonCyan. */
+    materialIconColor?: string;
+    /** When provided, the row becomes a pressable button. */
+    onPress?: () => void;
+    /** Required: announcement text for VoiceOver / TalkBack. */
+    accessibilityLabel: string;
+    /** Optional hint appended after the label. */
+    accessibilityHint?: string;
+    /** When true, shows a spinner in place of the value text. */
+    loading?: boolean;
+    /** Color of the loading spinner. Defaults to COLORS.textMuted. */
+    loadingColor?: string;
+    /**
+     * When true, shows a right-side chevron.
+     * Defaults to `true` when `onPress` is provided, `false` otherwise.
+     */
+    showChevron?: boolean;
+};
+export declare function EchoProfileRow({ title, value, valueColor, imageSource, imageSize, iconBackgroundColor, materialIcon, materialIconColor, onPress, accessibilityLabel, accessibilityHint, loading, loadingColor, showChevron, }: EchoProfileRowProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileRow.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAQ9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAMF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,iBAAmC,EACnC,OAAO,EACP,kBAAkB,EAClB,iBAAiB,EACjB,OAAe,EACf,YAA+B,EAC/B,WAAW,GACZ,EAAE,mBAAmB,qBAoGrB"}

package/dist/components/EchoProfileRow.js

@@ -0,0 +1,113 @@
+"use strict";
+/**
+ * EchoProfileRow
+ *
+ * Presentation-only profile row used throughout the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference profileRow pattern.
+ *
+ * Supports an image or Material icon in a 52×52 icon wrapper, title/value
+ * typography, optional chevron, pressed state, and both button and text roles.
+ *
+ * The `loading` prop replaces the value text with a small ActivityIndicator,
+ * covering the Echo Coins loading state and similar cases.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • `accessibilityRole="button"` when `onPress` is provided.
+ * • `accessibilityRole="text"` when non-actionable.
+ * • All decorative image/icon content is hidden from screen readers.
+ * • The `accessibilityLabel` prop is always required so the host controls
+ *   the exact announcement without business meaning leaking into this component.
+ *
+ * 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.EchoProfileRow = EchoProfileRow;
+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 EchoProfileRow({ title, value, valueColor, imageSource, imageSize = 44, iconBackgroundColor, materialIcon, materialIconColor = theme_1.COLORS.neonCyan, onPress, accessibilityLabel, accessibilityHint, loading = false, loadingColor = theme_1.COLORS.textMuted, showChevron, }) {
+    const chevron = showChevron !== undefined ? showChevron : !!onPress;
+    // ── Icon slot ─────────────────────────────────────────────────────────────
+    const iconSlot = (<react_native_1.View style={[
+            styles.iconWrapper,
+            iconBackgroundColor ? { backgroundColor: iconBackgroundColor } : null,
+        ]} importantForAccessibility="no" accessibilityElementsHidden>
+      {imageSource ? (<expo_image_1.Image source={imageSource} style={{ width: imageSize, height: imageSize }} contentFit="contain" importantForAccessibility="no" accessibilityElementsHidden/>) : materialIcon ? (<vector_icons_1.MaterialIcons name={materialIcon} size={18} color={materialIconColor} importantForAccessibility="no" accessibilityElementsHidden/>) : null}
+    </react_native_1.View>);
+    // ── Content ───────────────────────────────────────────────────────────────
+    const content = (<>
+      {iconSlot}
+      <react_native_1.View style={styles.textArea}>
+        <react_native_1.Text style={styles.rowTitle} importantForAccessibility="no" accessibilityElementsHidden>
+          {title}
+        </react_native_1.Text>
+        {loading ? (<react_native_1.ActivityIndicator size="small" color={loadingColor} style={styles.loadingIndicator} importantForAccessibility="no"/>) : value !== undefined && value !== null ? (<react_native_1.Text style={[styles.rowValue, valueColor ? { color: valueColor } : null]} numberOfLines={1} importantForAccessibility="no" accessibilityElementsHidden>
+            {value}
+          </react_native_1.Text>) : null}
+      </react_native_1.View>
+      {chevron ? (<vector_icons_1.MaterialIcons name="chevron-right" size={20} color={theme_1.COLORS.textMuted} importantForAccessibility="no" accessibilityElementsHidden/>) : null}
+    </>);
+    // ── Render ────────────────────────────────────────────────────────────────
+    if (onPress) {
+        return (<react_native_1.Pressable onPress={onPress} style={({ pressed }) => [styles.row, pressed ? styles.rowPressed : null]} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityRole="button">
+        {content}
+      </react_native_1.Pressable>);
+    }
+    return (<react_native_1.View style={styles.row} accessible accessibilityLabel={accessibilityLabel} accessibilityRole="text">
+      {content}
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        minHeight: 56,
+    },
+    rowPressed: {
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+    },
+    iconWrapper: {
+        width: 52,
+        height: 52,
+        borderRadius: theme_1.RADIUS.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textArea: {
+        flex: 1,
+    },
+    rowTitle: {
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.textMuted,
+        fontWeight: '600',
+        textTransform: 'uppercase',
+        letterSpacing: 0.8,
+    },
+    rowValue: {
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.textPrimary,
+        fontWeight: '500',
+        marginTop: 2,
+    },
+    loadingIndicator: {
+        alignSelf: 'flex-start',
+        marginTop: 4,
+    },
+});
+//# sourceMappingURL=EchoProfileRow.js.map

package/dist/components/EchoProfileRow.js.map

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

package/dist/components/EchoProfileSection.d.ts

@@ -0,0 +1,29 @@
+/**
+ * EchoProfileSection
+ *
+ * Presentation-only section card used in the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference sectionCard pattern.
+ *
+ * Renders a dark surface card with XL radius, 1px border, hidden overflow,
+ * and an uppercase section header label above the supplied children.
+ *
+ * When `accentColor` is supplied, the border uses `${accentColor}33`,
+ * matching the signed-in profile's per-section Echo Color treatment.
+ *
+ * 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 EchoProfileSectionProps = {
+    /** Section heading displayed in uppercase above the children. */
+    title: string;
+    /**
+     * Echo Color hex used for border tinting.
+     * When supplied, border becomes `${accentColor}33`.
+     * When omitted, falls back to `COLORS.border`.
+     */
+    accentColor?: string;
+    children: React.ReactNode;
+};
+export declare function EchoProfileSection({ title, accentColor, children, }: EchoProfileSectionProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileSection.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,uBAAuB,qBAWzB"}

package/dist/components/EchoProfileSection.js

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * EchoProfileSection
+ *
+ * Presentation-only section card used in the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference sectionCard pattern.
+ *
+ * Renders a dark surface card with XL radius, 1px border, hidden overflow,
+ * and an uppercase section header label above the supplied children.
+ *
+ * When `accentColor` is supplied, the border uses `${accentColor}33`,
+ * matching the signed-in profile's per-section Echo Color treatment.
+ *
+ * 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.EchoProfileSection = EchoProfileSection;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoProfileSection({ title, accentColor, children, }) {
+    const borderColor = accentColor ? accentColor + '33' : theme_1.COLORS.border;
+    return (<react_native_1.View style={[styles.card, { borderColor }]}>
+      <react_native_1.Text style={styles.label} accessibilityRole="header">
+        {title}
+      </react_native_1.Text>
+      {children}
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    card: {
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1,
+        overflow: 'hidden',
+    },
+    label: {
+        fontSize: theme_1.FONTS.xs,
+        fontWeight: '700',
+        color: theme_1.COLORS.textMuted,
+        letterSpacing: 1.2,
+        textTransform: 'uppercase',
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingTop: theme_1.SPACING.md,
+        paddingBottom: theme_1.SPACING.xs,
+    },
+});
+//# sourceMappingURL=EchoProfileSection.js.map

package/dist/components/EchoProfileSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileSection.js","sourceRoot":"","sources":["../../src/components/EchoProfileSection.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AA0BH,gDAeC;AAvCD,kDAA0B;AAC1B,+CAAsD;AACtD,oCAA0D;AAkB1D,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,QAAQ,GACgB;IACxB,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,cAAM,CAAC,MAAM,CAAC;IAErE,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,CAC1C;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CACnD;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,eAAe,EAAE,cAAM,CAAC,OAAO;QAC/B,YAAY,EAAK,cAAM,CAAC,EAAE;QAC1B,WAAW,EAAM,CAAC;QAClB,QAAQ,EAAS,QAAQ;KAC1B;IACD,KAAK,EAAE;QACL,QAAQ,EAAW,aAAK,CAAC,EAAE;QAC3B,UAAU,EAAS,KAAK;QACxB,KAAK,EAAc,cAAM,CAAC,SAAS;QACnC,aAAa,EAAM,GAAG;QACtB,aAAa,EAAM,WAAW;QAC9B,iBAAiB,EAAE,eAAO,CAAC,EAAE;QAC7B,UAAU,EAAS,eAAO,CAAC,EAAE;QAC7B,aAAa,EAAM,eAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC"}