@echoform/echo-ui 0.1.0 → 0.1.1

package/dist/components/EchoEmblem.d.ts

@@ -0,0 +1,93 @@
+/**
+ * EchoEmblem — Universal Echo Emblem display component.
+ *
+ * RENDERING CONTRACT
+ * ──────────────────
+ * • Reserves a fixed square slot of `size × size` logical pixels.
+ * • Images are rendered with contentFit="contain" — no cropping, no stretching.
+ * • No overflow:hidden on any container — decorative PNG details outside the
+ *   circular artwork must never be clipped.
+ * • No borderRadius mask applied to the image slot.
+ * • Transparent PNG margins are preserved; layout never shifts while the image
+ *   loads from the network.
+ * • The selection ring extends 4pt outside the slot using absolute positioning;
+ *   it is visible because no parent clips it.
+ *
+ * STATES
+ * ──────
+ * Normal | Loading (spinner) | Error (fallback icon) | Selected (ring) | Disabled (opacity)
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityRole="button" when onPress is provided, "image" otherwise.
+ * • accessibilityState: selected, disabled, busy (while loading).
+ * • Label auto-computes from displayName; overridable via accessibilityLabel.
+ * • Inner image and overlays are hidden from screen readers.
+ *
+ * STUCK-SPINNER FIX
+ * ─────────────────
+ * The source prop frequently arrives as a new object literal on every render:
+ *
+ *   source={{ uri: imageUrl }}   // new object every render
+ *
+ * If useEffect depended on the object reference, it would reset loading/error
+ * states on every render — even when the URI itself has not changed — leaving
+ * the spinner permanently visible for already-cached images that never fire
+ * onLoadStart again after the first render.
+ *
+ * Fix: derive a stable string key from the actual URI or require() number,
+ * and reset internal state ONLY when that key changes. The wrapper object's
+ * identity is intentionally ignored.
+ */
+import React from 'react';
+import type { ImageSource } from 'expo-image';
+export type EchoEmblemProps = {
+    /**
+     * Remote: `{ uri: 'https://...' }`
+     * Local:  `require('@/assets/my-emblem.png')`
+     *
+     * Uses expo-image ImageSource — covers both forms natively.
+     */
+    source: ImageSource;
+    /**
+     * Square slot size in logical pixels.
+     * Tested: 32 | 48 | 64 | 96 | 144.
+     * Defaults to 96.
+     */
+    size?: number;
+    /**
+     * Human-readable emblem name.
+     * Drives the auto-computed accessibility label:
+     *   "Smiley Echo Emblem"
+     *   "Smiley Echo Emblem, selected"
+     *   "Smiley Echo Emblem, unavailable"
+     */
+    displayName?: string;
+    /** True while this emblem is the active/chosen selection. */
+    selected?: boolean;
+    /** True when the emblem is locked or otherwise unavailable to the user. */
+    disabled?: boolean;
+    /**
+     * External loading override.
+     * Pass true while fetching emblem metadata before the URL is resolved.
+     * The component's internal image-load tracking runs independently.
+     */
+    loading?: boolean;
+    /**
+     * When true (default), a neon cyan ring is rendered around the slot
+     * when `selected` is true.
+     */
+    showSelectionIndicator?: boolean;
+    /** Overrides the auto-computed VoiceOver / TalkBack label. */
+    accessibilityLabel?: string;
+    /** Optional hint appended by screen readers after the label. */
+    accessibilityHint?: string;
+    /**
+     * When provided, the component renders as an accessible Pressable button
+     * with scale + opacity press feedback.
+     * Without onPress it renders as an accessible image view.
+     */
+    onPress?: () => void;
+};
+export declare function EchoEmblem({ source, size, displayName, selected, disabled, loading: externalLoading, showSelectionIndicator, accessibilityLabel: customLabel, accessibilityHint, onPress, }: EchoEmblemProps): React.JSX.Element;
+//# sourceMappingURL=EchoEmblem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoEmblem.d.ts","sourceRoot":"","sources":["../../src/components/EchoEmblem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AASjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAQ9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAwCF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAS,EACT,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,OAAO,EAAE,eAAuB,EAChC,sBAA6B,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,iBAAiB,EACjB,OAAO,GACR,EAAE,eAAe,qBAoNjB"}

package/dist/components/EchoEmblem.js

@@ -0,0 +1,308 @@
+"use strict";
+/**
+ * EchoEmblem — Universal Echo Emblem display component.
+ *
+ * RENDERING CONTRACT
+ * ──────────────────
+ * • Reserves a fixed square slot of `size × size` logical pixels.
+ * • Images are rendered with contentFit="contain" — no cropping, no stretching.
+ * • No overflow:hidden on any container — decorative PNG details outside the
+ *   circular artwork must never be clipped.
+ * • No borderRadius mask applied to the image slot.
+ * • Transparent PNG margins are preserved; layout never shifts while the image
+ *   loads from the network.
+ * • The selection ring extends 4pt outside the slot using absolute positioning;
+ *   it is visible because no parent clips it.
+ *
+ * STATES
+ * ──────
+ * Normal | Loading (spinner) | Error (fallback icon) | Selected (ring) | Disabled (opacity)
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityRole="button" when onPress is provided, "image" otherwise.
+ * • accessibilityState: selected, disabled, busy (while loading).
+ * • Label auto-computes from displayName; overridable via accessibilityLabel.
+ * • Inner image and overlays are hidden from screen readers.
+ *
+ * STUCK-SPINNER FIX
+ * ─────────────────
+ * The source prop frequently arrives as a new object literal on every render:
+ *
+ *   source={{ uri: imageUrl }}   // new object every render
+ *
+ * If useEffect depended on the object reference, it would reset loading/error
+ * states on every render — even when the URI itself has not changed — leaving
+ * the spinner permanently visible for already-cached images that never fire
+ * onLoadStart again after the first render.
+ *
+ * Fix: derive a stable string key from the actual URI or require() number,
+ * and reset internal state ONLY when that key changes. The wrapper object's
+ * identity is intentionally ignored.
+ */
+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.EchoEmblem = EchoEmblem;
+const react_1 = __importStar(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");
+// ─────────────────────────────────────────────────────────────────────────────
+// Stable source key
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Derive a stable primitive key from an ImageSource.
+ *
+ * WHY: Callers frequently pass `source={{ uri: url }}` which creates a NEW
+ * object on every render. Using the object reference in a useEffect dep would
+ * reset loading/error on every render — even for already-cached images that
+ * will not fire onLoadStart again, causing the spinner to stick forever.
+ *
+ * By extracting the underlying string (URI) or number (require() asset),
+ * the effect only resets state when the actual image content changes.
+ */
+function getSourceKey(source) {
+    if (typeof source === 'number')
+        return source; // local require()
+    if (typeof source === 'string')
+        return source; // bare URI string
+    if (source && typeof source === 'object') {
+        // { uri: string } — most common remote form
+        if ('uri' in source && typeof source.uri === 'string')
+            return source.uri;
+        // Array form: use first entry's uri or index
+        if (Array.isArray(source)) {
+            const first = source[0];
+            if (typeof first === 'string')
+                return first;
+            if (typeof first === 'number')
+                return first;
+            if (first && typeof first === 'object' && 'uri' in first && typeof first.uri === 'string') {
+                return first.uri;
+            }
+        }
+    }
+    return '__unknown__';
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoEmblem({ source, size = 96, displayName, selected = false, disabled = false, loading: externalLoading = false, showSelectionIndicator = true, accessibilityLabel: customLabel, accessibilityHint, onPress, }) {
+    // Prevent state updates after the component unmounts.
+    const mountedRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => () => { mountedRef.current = false; }, []);
+    const [imageLoading, setImageLoading] = (0, react_1.useState)(true);
+    const [imageFailed, setImageFailed] = (0, react_1.useState)(false);
+    /**
+     * Stable primitive key derived from the actual image URI / asset number.
+     *
+     * OBJECT IDENTITY MUST NOT BE USED HERE.
+     * Callers often write:  source={{ uri: url }}
+     * That creates a new object on every render, even if `url` is identical.
+     * Depending on `source` (the object) in useEffect would reset loading/error
+     * on every render cycle, permanently showing the spinner for cached images
+     * that never re-fire onLoadStart after their first successful load.
+     *
+     * We derive `sourceKey` — a string or number — so the effect only runs
+     * when the actual image content changes.
+     */
+    const sourceKey = (0, react_1.useMemo)(() => getSourceKey(source), [source]);
+    // Reset internal load state only when the actual image source changes.
+    // This is the core fix for the stuck-spinner bug.
+    (0, react_1.useEffect)(() => {
+        setImageLoading(true);
+        setImageFailed(false);
+    }, [sourceKey]);
+    const handleLoadStart = (0, react_1.useCallback)(() => {
+        if (!mountedRef.current)
+            return;
+        setImageLoading(true);
+        setImageFailed(false);
+    }, []);
+    const handleLoad = (0, react_1.useCallback)(() => {
+        if (!mountedRef.current)
+            return;
+        setImageLoading(false);
+    }, []);
+    // expo-image also fires `onDisplay` when a cached frame is shown without
+    // a network round-trip — clear the spinner in that case too so cached
+    // images never leave the spinner visible.
+    const handleDisplay = (0, react_1.useCallback)(() => {
+        if (!mountedRef.current)
+            return;
+        setImageLoading(false);
+    }, []);
+    const handleError = (0, react_1.useCallback)(() => {
+        if (!mountedRef.current)
+            return;
+        setImageLoading(false);
+        setImageFailed(true);
+    }, []);
+    // Derived display states
+    const showSpinner = externalLoading || imageLoading;
+    const showError = imageFailed && !externalLoading;
+    // ── Accessibility label ─────────────────────────────────────────────────
+    const baseLabel = displayName ? `${displayName} Echo Emblem` : 'Echo Emblem';
+    const computedLabel = customLabel !== null && customLabel !== void 0 ? customLabel : (showError
+        ? `${baseLabel} image unavailable`
+        : disabled
+            ? `${baseLabel}, unavailable`
+            : selected
+                ? `${baseLabel}, selected`
+                : baseLabel);
+    // hitSlop ensures the minimum 44pt touch target on small sizes.
+    const hitSlop = size < 44
+        ? {
+            top: Math.ceil((44 - size) / 2),
+            bottom: Math.ceil((44 - size) / 2),
+            left: Math.ceil((44 - size) / 2),
+            right: Math.ceil((44 - size) / 2),
+        }
+        : undefined;
+    // Selection ring geometry: 8pt gutter around the slot, no clipping needed.
+    const ringSize = size + 8;
+    const ringOffset = -4;
+    const ringRadius = ringSize / 2;
+    // ── Inner visual content (shared between pressable and image-only) ───────
+    const innerContent = (<react_native_1.View 
+    // Fixed square slot. No overflow:hidden. No borderRadius. No mask.
+    // aspectRatio stabilises layout if the parent constrains one axis.
+    style={[styles.slot, { width: size, height: size }]} 
+    // Android: hide all inner elements from TalkBack — outer wrapper speaks.
+    importantForAccessibility="no-hide-descendants">
+      {/*
+         * expo-image with contentFit="contain":
+         *   • Scales the full PNG (transparent margins included) to fit the slot.
+         *   • Never crops or stretches the artwork.
+         *   • Always rendered (even during load) so image events fire correctly.
+         */}
+      <expo_image_1.Image source={source} style={{ width: size, height: size }} contentFit="contain" onLoadStart={handleLoadStart} onLoad={handleLoad} onDisplay={handleDisplay} onError={handleError} accessible={false}/>
+
+      {/* Loading spinner — floats above the image while it loads */}
+      {showSpinner && !showError ? (<react_native_1.View style={[styles.overlay, { width: size, height: size }]} accessible={false} importantForAccessibility="no">
+          <react_native_1.ActivityIndicator color={theme_1.COLORS.neonCyan} size={size >= 64 ? 'large' : 'small'}/>
+        </react_native_1.View>) : null}
+
+      {/* Error placeholder — replaces the broken image indicator */}
+      {showError ? (<react_native_1.View style={[
+                styles.overlay,
+                styles.errorPlaceholder,
+                { width: size, height: size, borderRadius: Math.round(size * 0.12) },
+            ]} accessible={false} importantForAccessibility="no">
+          <vector_icons_1.MaterialIcons name="image-not-supported" size={Math.max(14, Math.floor(size * 0.38))} color={theme_1.COLORS.textMuted}/>
+        </react_native_1.View>) : null}
+
+      {/*
+         * Selection ring: absolute, extends OUTSIDE the slot via negative insets.
+         * Visible because the slot container has no overflow:hidden.
+         * Decorative only — hidden from screen readers.
+         * iOS: shadow creates neon glow. Android: elevation approximates it.
+         */}
+      {selected && showSelectionIndicator && !showError ? (<react_native_1.View style={[
+                styles.selectionRing,
+                {
+                    width: ringSize,
+                    height: ringSize,
+                    borderRadius: ringRadius,
+                    top: ringOffset,
+                    left: ringOffset,
+                },
+                react_native_1.Platform.OS === 'ios'
+                    ? {
+                        shadowColor: theme_1.COLORS.neonCyan,
+                        shadowOffset: { width: 0, height: 0 },
+                        shadowOpacity: 0.9,
+                        shadowRadius: 10,
+                    }
+                    : { elevation: 5 },
+            ]} accessible={false} importantForAccessibility="no"/>) : null}
+    </react_native_1.View>);
+    // ── Pressable (interactive) ─────────────────────────────────────────────
+    if (onPress) {
+        return (<react_native_1.Pressable onPress={disabled ? undefined : onPress} disabled={disabled} hitSlop={hitSlop} accessibilityRole="button" accessibilityLabel={computedLabel} accessibilityHint={accessibilityHint} accessibilityState={{ selected, disabled, busy: showSpinner }} style={({ pressed }) => [
+                disabled ? styles.disabled : undefined,
+                pressed && !disabled ? styles.pressed : undefined,
+            ]}>
+        {innerContent}
+      </react_native_1.Pressable>);
+    }
+    // ── Image-only (non-interactive) ────────────────────────────────────────
+    return (<react_native_1.View accessible accessibilityRole="image" accessibilityLabel={computedLabel} accessibilityState={{ disabled, busy: showSpinner }} style={disabled ? styles.disabled : undefined}>
+      {innerContent}
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    slot: {
+        // Core contract: fixed square, centered content, no clipping.
+        aspectRatio: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        // overflow:hidden is intentionally absent — decorative artwork details
+        // outside the circular border must remain visible.
+        // borderRadius is intentionally absent — we never mask the PNG.
+    },
+    overlay: {
+        // Used by both the loading spinner and the error placeholder.
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    errorPlaceholder: {
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+    },
+    selectionRing: {
+        // Ring lives outside the slot bounds (negative top/left).
+        // No parent clips it because slot has no overflow:hidden.
+        position: 'absolute',
+        borderWidth: 2.5,
+        borderColor: theme_1.COLORS.neonCyan,
+    },
+    disabled: {
+        // Communicates unavailability without making the artwork unreadable.
+        opacity: 0.42,
+    },
+    pressed: {
+        // Provides clear tactile feedback without distorting the image slot.
+        opacity: 0.72,
+        transform: [{ scale: 0.94 }],
+    },
+});
+//# sourceMappingURL=EchoEmblem.js.map

package/dist/components/EchoEmblem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoEmblem.js","sourceRoot":"","sources":["../../src/components/EchoEmblem.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHH,gCA+NC;AAhVD,+CAAiF;AACjF,+CAMsB;AACtB,2CAAmC;AAEnC,qDAAmD;AACnD,oCAAkC;AAgElC,gFAAgF;AAChF,oBAAoB;AACpB,gFAAgF;AAEhF;;;;;;;;;;GAUG;AACH,SAAS,YAAY,CAAC,MAAmB;IACvC,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,CAAW,kBAAkB;IAC3E,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,CAAW,kBAAkB;IAC3E,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QACzC,4CAA4C;QAC5C,IAAI,KAAK,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,GAAG,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,GAAG,CAAC;QACzE,6CAA6C;QAC7C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,IAAI,OAAO,KAAK,KAAK,QAAQ;gBAAG,OAAO,KAAK,CAAC;YAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ;gBAAG,OAAO,KAAK,CAAC;YAC7C,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC1F,OAAO,KAAK,CAAC,GAAG,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,GAAG,EAAE,EACT,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,EAAE,eAAe,GAAG,KAAK,EAChC,sBAAsB,GAAG,IAAI,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,iBAAiB,EACjB,OAAO,GACS;IAChB,sDAAsD;IACtD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAChC,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAG,cAAc,CAAC,GAAI,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD;;;;;;;;;;;;OAYG;IACH,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhE,uEAAuE;IACvE,kDAAkD;IAClD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAChC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAChC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,yEAAyE;IACzE,sEAAsE;IACtE,0CAA0C;IAC1C,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAChC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAChC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,yBAAyB;IACzB,MAAM,WAAW,GAAG,eAAe,IAAI,YAAY,CAAC;IACpD,MAAM,SAAS,GAAK,WAAW,IAAI,CAAC,eAAe,CAAC;IAEpD,2EAA2E;IAC3E,MAAM,SAAS,GAAO,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IACjF,MAAM,aAAa,GACjB,WAAW,aAAX,WAAW,cAAX,WAAW,GACX,CAAC,SAAS;QACR,CAAC,CAAC,GAAG,SAAS,oBAAoB;QAClC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,GAAG,SAAS,eAAe;YAC7B,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,GAAG,SAAS,YAAY;gBAC1B,CAAC,CAAC,SAAS,CAAC,CAAC;IAEjB,gEAAgE;IAChE,MAAM,OAAO,GACX,IAAI,GAAG,EAAE;QACP,CAAC,CAAC;YACE,GAAG,EAAK,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAClC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,EAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAClC,KAAK,EAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;SACnC;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,2EAA2E;IAC3E,MAAM,QAAQ,GAAK,IAAI,GAAG,CAAC,CAAC;IAC5B,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC;IACtB,MAAM,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;IAEhC,4EAA4E;IAC5E,MAAM,YAAY,GAAG,CACnB,CAAC,mBAAI;IACH,mEAAmE;IACnE,mEAAmE;IACnE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,yEAAyE;IACzE,yBAAyB,CAAC,qBAAqB,CAE/C;MAAA,CAAC;;;;;WAKE,CACH;MAAA,CAAC,kBAAK,CACJ,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CACrC,UAAU,CAAC,SAAS,CACpB,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,UAAU,CAAC,CAAC,KAAK,CAAC,EAGpB;;MAAA,CAAC,6DAA6D,CAC9D;MAAA,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAC3B,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACvD,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,IAAI,CAE9B;UAAA,CAAC,gCAAiB,CAChB,KAAK,CAAC,CAAC,cAAM,CAAC,QAAQ,CAAC,CACvB,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAEzC;QAAA,EAAE,mBAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,6DAA6D,CAC9D;MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,OAAO;gBACd,MAAM,CAAC,gBAAgB;gBACvB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE;aACrE,CAAC,CACF,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,IAAI,CAE9B;UAAA,CAAC,4BAAa,CACZ,IAAI,CAAC,qBAAqB,CAC1B,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,CAAC,cAAM,CAAC,SAAS,CAAC,EAE5B;QAAA,EAAE,mBAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC;;;;;WAKE,CACH;MAAA,CAAC,QAAQ,IAAI,sBAAsB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAClD,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,aAAa;gBACpB;oBACE,KAAK,EAAS,QAAQ;oBACtB,MAAM,EAAQ,QAAQ;oBACtB,YAAY,EAAE,UAAU;oBACxB,GAAG,EAAW,UAAU;oBACxB,IAAI,EAAU,UAAU;iBACzB;gBACD,uBAAQ,CAAC,EAAE,KAAK,KAAK;oBACnB,CAAC,CAAC;wBACE,WAAW,EAAI,cAAM,CAAC,QAAQ;wBAC9B,YAAY,EAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;wBACtC,aAAa,EAAE,GAAG;wBAClB,YAAY,EAAG,EAAE;qBAClB;oBACH,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;aACrB,CAAC,CACF,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,IAAI,EAC9B,CACH,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IAEF,2EAA2E;IAC3E,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAClC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAC9D,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBACtC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAClD,CAAC,CAEF;QAAA,CAAC,YAAY,CACf;MAAA,EAAE,wBAAS,CAAC,CACb,CAAC;IACJ,CAAC;IAED,2EAA2E;IAC3E,OAAO,CACL,CAAC,mBAAI,CACH,UAAU,CACV,iBAAiB,CAAC,OAAO,CACzB,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAClC,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CACpD,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAE9C;MAAA,CAAC,YAAY,CACf;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,8DAA8D;QAC9D,WAAW,EAAM,CAAC;QAClB,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;QACzB,uEAAuE;QACvE,mDAAmD;QACnD,gEAAgE;KACjE;IAED,OAAO,EAAE;QACP,8DAA8D;QAC9D,QAAQ,EAAS,UAAU;QAC3B,GAAG,EAAc,CAAC;QAClB,IAAI,EAAa,CAAC;QAClB,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;KAC1B;IAED,gBAAgB,EAAE;QAChB,eAAe,EAAE,cAAM,CAAC,WAAW;KACpC;IAED,aAAa,EAAE;QACb,0DAA0D;QAC1D,0DAA0D;QAC1D,QAAQ,EAAK,UAAU;QACvB,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,cAAM,CAAC,QAAQ;KAC7B;IAED,QAAQ,EAAE;QACR,qEAAqE;QACrE,OAAO,EAAE,IAAI;KACd;IAED,OAAO,EAAE;QACP,qEAAqE;QACrE,OAAO,EAAI,IAAI;QACf,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;KAC7B;CACF,CAAC,CAAC"}

package/dist/components/EchoProfileCard.d.ts

@@ -0,0 +1,31 @@
+/**
+ * EchoProfileCard
+ *
+ * Presentation-only card showing a signed-in Echo Profile or a guest state.
+ * No Supabase, no Expo Router, no app-specific services or contexts.
+ *
+ * Canonical shared component for @echoform/echo-ui.
+ * Rig Vault More-page implementation – theme/rarity imports only changed.
+ */
+import React from 'react';
+import { ImageSource } from 'expo-image';
+import { EchoTitleRarity } from '../titleRarity';
+export type EchoProfileCardProps = {
+    signedIn: boolean;
+    loading?: boolean;
+    profileName?: string | null;
+    email?: string | null;
+    emailVerified?: boolean;
+    emblemSource?: ImageSource | null;
+    emblemDisplayName?: string;
+    title?: {
+        displayName: string;
+        rarity: EchoTitleRarity;
+    } | null;
+    accentColor?: string;
+    guestItemCount?: number;
+    onPress: () => void;
+    accessibilityHint?: string;
+};
+export declare function EchoProfileCard({ signedIn, loading, profileName, email, emailVerified, emblemSource, emblemDisplayName, title, accentColor, guestItemCount, onPress, accessibilityHint, }: EchoProfileCardProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileCard.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAIzC,OAAO,EAAE,eAAe,EAAgC,MAAM,gBAAgB,CAAC;AAM/E,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,eAAe,CAAC;KACzB,GAAG,IAAI,CAAC;IACT,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAe,EACf,WAAW,EACX,KAAK,EACL,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACL,WAA6B,EAC7B,cAAc,EACd,OAAO,EACP,iBAAiB,GAClB,EAAE,oBAAoB,qBAsGtB"}

package/dist/components/EchoProfileCard.js

@@ -0,0 +1,211 @@
+"use strict";
+/**
+ * EchoProfileCard
+ *
+ * Presentation-only card showing a signed-in Echo Profile or a guest state.
+ * No Supabase, no Expo Router, no app-specific services or contexts.
+ *
+ * Canonical shared component for @echoform/echo-ui.
+ * Rig Vault More-page implementation – theme/rarity imports only changed.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoProfileCard = EchoProfileCard;
+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");
+const titleRarity_1 = require("../titleRarity");
+const EchoEmblem_1 = require("./EchoEmblem");
+const EMBLEM_SIZE = 84;
+const GUEST_AVATAR_SIZE = 52;
+function EchoProfileCard({ signedIn, loading = false, profileName, email, emailVerified, emblemSource, emblemDisplayName, title, accentColor = theme_1.COLORS.neonCyan, guestItemCount, onPress, accessibilityHint, }) {
+    var _a;
+    // ── Accessibility label ───────────────────────────────────────────────────
+    const a11yLabel = signedIn
+        ? [
+            `Echo Profile: ${(_a = profileName !== null && profileName !== void 0 ? profileName : email) !== null && _a !== void 0 ? _a : 'Echo Profile'}.`,
+            title ? `Echo Title: ${title.displayName}.` : null,
+            'Double tap to manage your Echo Profile.',
+        ]
+            .filter(Boolean)
+            .join(' ')
+        : 'Guest mode. Double tap to sign in or create an Echo Profile.';
+    const borderColor = `${accentColor}44`;
+    return (<react_native_1.Pressable onPress={onPress} accessible accessibilityRole="button" accessibilityLabel={a11yLabel} accessibilityHint={accessibilityHint !== null && accessibilityHint !== void 0 ? accessibilityHint : 'Opens the Echo Profile screen'} accessibilityState={{ busy: loading }} style={({ pressed }) => [
+            styles.card,
+            {
+                borderColor,
+                shadowColor: accentColor,
+            },
+            pressed && styles.cardPressed,
+        ]}>
+      <react_native_1.View style={styles.row}>
+        {/* ── Avatar / Emblem area ── */}
+        <react_native_1.View style={styles.avatarArea}>
+          {loading ? (<react_native_1.View style={[
+                styles.avatarLoading,
+                signedIn
+                    ? styles.avatarLoadingSignedIn
+                    : styles.avatarLoadingGuest,
+            ]}>
+              <react_native_1.ActivityIndicator size="small" color={accentColor}/>
+            </react_native_1.View>) : signedIn ? (emblemSource ? (<EchoEmblem_1.EchoEmblem source={emblemSource} size={EMBLEM_SIZE} displayName={emblemDisplayName}/>) : (<react_native_1.View style={[
+                styles.emblemFallback,
+                { width: EMBLEM_SIZE, height: EMBLEM_SIZE },
+            ]}>
+                <vector_icons_1.MaterialIcons name="account-circle" size={EMBLEM_SIZE * 0.72} color={theme_1.COLORS.textMuted}/>
+              </react_native_1.View>)) : (<react_native_1.View style={styles.guestAvatar}>
+              <vector_icons_1.MaterialIcons name="devices" size={28} color={theme_1.COLORS.textSecondary}/>
+            </react_native_1.View>)}
+        </react_native_1.View>
+
+        {/* ── Text block ── */}
+        <react_native_1.View style={styles.textBlock}>
+          {signedIn ? (<SignedInText profileName={profileName} email={email} emailVerified={emailVerified} title={title}/>) : (<GuestText guestItemCount={guestItemCount}/>)}
+        </react_native_1.View>
+
+        {/* ── Chevron ── */}
+        <vector_icons_1.MaterialIcons name="chevron-right" size={20} color={theme_1.COLORS.textMuted}/>
+      </react_native_1.View>
+    </react_native_1.Pressable>);
+}
+function SignedInText({ profileName, email, emailVerified, title, }) {
+    var _a;
+    const displayLabel = (_a = profileName !== null && profileName !== void 0 ? profileName : email) !== null && _a !== void 0 ? _a : 'Echo Profile';
+    const titleColor = title ? (0, titleRarity_1.rarityColor)(title.rarity) : undefined;
+    const titleGlow = title ? (0, titleRarity_1.rarityGlowColor)(title.rarity) : undefined;
+    // Glow radius: legendary → 1, other glowing rarities → 7
+    const glowRadius = (title === null || title === void 0 ? void 0 : title.rarity) === 'legendary' ? 1 : 7;
+    const verifiedText = emailVerified
+        ? 'Signed in · Verified'
+        : 'Signed in · Email not verified';
+    return (<>
+      <react_native_1.Text style={styles.profileName} numberOfLines={1}>
+        {displayLabel}
+      </react_native_1.Text>
+
+      {title ? (<react_native_1.Text style={[
+                styles.titleText,
+                { color: titleColor },
+                titleGlow
+                    ? {
+                        textShadowColor: titleGlow,
+                        textShadowOffset: { width: 0, height: 0 },
+                        textShadowRadius: glowRadius,
+                    }
+                    : undefined,
+            ]} numberOfLines={1}>
+          {title.displayName}
+        </react_native_1.Text>) : null}
+
+      <react_native_1.Text style={[styles.accountNote, { color: theme_1.COLORS.textSecondary }]}>
+        {verifiedText}
+      </react_native_1.Text>
+    </>);
+}
+function GuestText({ guestItemCount }) {
+    const countText = typeof guestItemCount === 'number'
+        ? guestItemCount === 1
+            ? '1 item in vault'
+            : `${guestItemCount} items in vault`
+        : null;
+    return (<>
+      <react_native_1.Text style={styles.profileName}>Guest (This Device)</react_native_1.Text>
+
+      {countText ? (<react_native_1.Text style={styles.guestItemCount}>{countText}</react_native_1.Text>) : null}
+
+      <react_native_1.Text style={styles.accountNote}>
+        Tap to sign in or create an Echo Profile
+      </react_native_1.Text>
+    </>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    card: {
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.lg,
+        borderWidth: 1,
+        padding: theme_1.SPACING.lg,
+        // iOS shadow
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.15,
+        shadowRadius: 12,
+        // Android
+        elevation: 4,
+    },
+    cardPressed: {
+        opacity: 0.85,
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+    },
+    avatarArea: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    avatarLoading: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    avatarLoadingSignedIn: {
+        width: EMBLEM_SIZE,
+        height: EMBLEM_SIZE,
+    },
+    avatarLoadingGuest: {
+        width: GUEST_AVATAR_SIZE,
+        height: GUEST_AVATAR_SIZE,
+        borderRadius: 26,
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.border,
+    },
+    emblemFallback: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+        borderRadius: theme_1.RADIUS.md,
+    },
+    guestAvatar: {
+        width: GUEST_AVATAR_SIZE,
+        height: GUEST_AVATAR_SIZE,
+        borderRadius: 26,
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.border,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textBlock: {
+        flex: 1,
+    },
+    profileName: {
+        color: theme_1.COLORS.textPrimary,
+        fontSize: theme_1.FONTS.lg,
+        fontWeight: '700',
+    },
+    titleText: {
+        fontSize: theme_1.FONTS.xs,
+        fontWeight: '700',
+        letterSpacing: 0.4,
+        marginTop: 1,
+    },
+    guestItemCount: {
+        color: theme_1.COLORS.textSecondary,
+        fontSize: theme_1.FONTS.sm,
+        marginTop: 2,
+    },
+    accountNote: {
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.neonCyan,
+        marginTop: 3,
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=EchoProfileCard.js.map

package/dist/components/EchoProfileCard.js.map

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

package/dist/index.d.ts

@@ -3,8 +3,15 @@
  * Public package entry point.
  *
  * Export every public component and utility from here.
- * Consumers import directly:  import { EchoUITest } from '@echoform/echo-ui'
+ * Consumers import directly:  import { EchoEmblem } from '@echoform/echo-ui'
  */
 export { EchoUITest } from './components/EchoUITest';
 export type { EchoUITestProps } from './components/EchoUITest';
+export { COLORS, FONTS, SPACING, RADIUS } from './theme';
+export type { EchoTitleRarity } from './titleRarity';
+export { rarityColor, rarityGlowColor } from './titleRarity';
+export { EchoEmblem } from './components/EchoEmblem';
+export type { EchoEmblemProps } from './components/EchoEmblem';
+export { EchoProfileCard } from './components/EchoProfileCard';
+export type { EchoProfileCardProps } from './components/EchoProfileCard';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAGzD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -4,10 +4,25 @@
  * Public package entry point.
  *
  * Export every public component and utility from here.
- * Consumers import directly:  import { EchoUITest } from '@echoform/echo-ui'
+ * Consumers import directly:  import { EchoEmblem } from '@echoform/echo-ui'
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EchoUITest = void 0;
+exports.EchoProfileCard = exports.EchoEmblem = exports.rarityGlowColor = exports.rarityColor = exports.RADIUS = exports.SPACING = exports.FONTS = exports.COLORS = exports.EchoUITest = void 0;
+// ── Smoke-test component (remove once real components are established) ────────
 var EchoUITest_1 = require("./components/EchoUITest");
 Object.defineProperty(exports, "EchoUITest", { enumerable: true, get: function () { return EchoUITest_1.EchoUITest; } });
+// ── Design tokens ─────────────────────────────────────────────────────────────
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "COLORS", { enumerable: true, get: function () { return theme_1.COLORS; } });
+Object.defineProperty(exports, "FONTS", { enumerable: true, get: function () { return theme_1.FONTS; } });
+Object.defineProperty(exports, "SPACING", { enumerable: true, get: function () { return theme_1.SPACING; } });
+Object.defineProperty(exports, "RADIUS", { enumerable: true, get: function () { return theme_1.RADIUS; } });
+var titleRarity_1 = require("./titleRarity");
+Object.defineProperty(exports, "rarityColor", { enumerable: true, get: function () { return titleRarity_1.rarityColor; } });
+Object.defineProperty(exports, "rarityGlowColor", { enumerable: true, get: function () { return titleRarity_1.rarityGlowColor; } });
+// ── Components ────────────────────────────────────────────────────────────────
+var EchoEmblem_1 = require("./components/EchoEmblem");
+Object.defineProperty(exports, "EchoEmblem", { enumerable: true, get: function () { return EchoEmblem_1.EchoEmblem; } });
+var EchoProfileCard_1 = require("./components/EchoProfileCard");
+Object.defineProperty(exports, "EchoProfileCard", { enumerable: true, get: function () { return EchoProfileCard_1.EchoProfileCard; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,sDAAqD;AAA5C,wGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,iFAAiF;AACjF,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AAGnB,iFAAiF;AACjF,iCAAyD;AAAhD,+FAAA,MAAM,OAAA;AAAE,8FAAA,KAAK,OAAA;AAAE,gGAAA,OAAO,OAAA;AAAE,+FAAA,MAAM,OAAA;AAIvC,6CAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAErC,iFAAiF;AACjF,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AAGnB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA"}

package/dist/theme.d.ts

@@ -0,0 +1,48 @@
+export declare const COLORS: {
+    readonly bg: "#06080f";
+    readonly surface: "#0d1117";
+    readonly surfaceHigh: "#141c27";
+    readonly surfaceHigher: "#1a2333";
+    readonly border: "#1a2535";
+    readonly neonCyan: "#00e5ff";
+    readonly neonPurple: "#a855f7";
+    readonly neonGreen: "#00ff9f";
+    readonly neonBlue: "#4488ff";
+    readonly neonPink: "#ff4dac";
+    readonly echoGold: "#ffaa00";
+    readonly glowCyan: "rgba(0, 229, 255, 0.25)";
+    readonly glowPurple: "rgba(168, 85, 247, 0.25)";
+    readonly glowGreen: "rgba(0, 255, 159, 0.25)";
+    readonly glowBlue: "rgba(68, 136, 255, 0.25)";
+    readonly textPrimary: "#e8f4ff";
+    readonly textSecondary: "#7a9bb5";
+    readonly textMuted: "#4a6580";
+    readonly error: "#ff4466";
+    readonly warning: "#ffaa00";
+};
+export declare const FONTS: {
+    readonly xs: 11;
+    readonly sm: 13;
+    readonly md: 15;
+    readonly lg: 17;
+    readonly xl: 20;
+    readonly xxl: 24;
+    readonly xxxl: 30;
+};
+export declare const SPACING: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 20;
+    readonly xxl: 24;
+    readonly xxxl: 32;
+};
+export declare const RADIUS: {
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 20;
+    readonly full: 9999;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAqBT,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}

package/dist/theme.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RADIUS = exports.SPACING = exports.FONTS = exports.COLORS = void 0;
+exports.COLORS = {
+    bg: '#06080f',
+    surface: '#0d1117',
+    surfaceHigh: '#141c27',
+    surfaceHigher: '#1a2333',
+    border: '#1a2535',
+    neonCyan: '#00e5ff',
+    neonPurple: '#a855f7',
+    neonGreen: '#00ff9f',
+    neonBlue: '#4488ff',
+    neonPink: '#ff4dac',
+    echoGold: '#ffaa00',
+    glowCyan: 'rgba(0, 229, 255, 0.25)',
+    glowPurple: 'rgba(168, 85, 247, 0.25)',
+    glowGreen: 'rgba(0, 255, 159, 0.25)',
+    glowBlue: 'rgba(68, 136, 255, 0.25)',
+    textPrimary: '#e8f4ff',
+    textSecondary: '#7a9bb5',
+    textMuted: '#4a6580',
+    error: '#ff4466',
+    warning: '#ffaa00',
+};
+exports.FONTS = {
+    xs: 11,
+    sm: 13,
+    md: 15,
+    lg: 17,
+    xl: 20,
+    xxl: 24,
+    xxxl: 30,
+};
+exports.SPACING = {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 20,
+    xxl: 24,
+    xxxl: 32,
+};
+exports.RADIUS = {
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 20,
+    full: 9999,
+};
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,yBAAyB;IACnC,UAAU,EAAE,0BAA0B;IACtC,SAAS,EAAE,yBAAyB;IACpC,QAAQ,EAAE,0BAA0B;IACpC,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CACV,CAAC;AAEE,QAAA,KAAK,GAAG;IACnB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACA,CAAC;AAEE,QAAA,OAAO,GAAG;IACrB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACA,CAAC;AAEE,QAAA,MAAM,GAAG;IACpB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,IAAI;CACF,CAAC"}

package/dist/titleRarity.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @echoform/echo-ui – Title rarity helpers
+ *
+ * Canonical rarity colours and glow values shared across all Echo apps.
+ */
+export type EchoTitleRarity = 'common' | 'rare' | 'legendary' | 'mythic';
+/** Returns the foreground colour for a given rarity. */
+export declare function rarityColor(rarity: EchoTitleRarity): string;
+/**
+ * Returns the glow/shadow colour for a given rarity, or `undefined` if the
+ * rarity has no glow effect (common, rare).
+ */
+export declare function rarityGlowColor(rarity: EchoTitleRarity): string | undefined;
+//# sourceMappingURL=titleRarity.d.ts.map

package/dist/titleRarity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleRarity.d.ts","sourceRoot":"","sources":["../src/titleRarity.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAgBzE,wDAAwD;AACxD,wBAAgB,WAAW,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAE3D;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,GAAG,SAAS,CAE3E"}

package/dist/titleRarity.js

@@ -0,0 +1,33 @@
+"use strict";
+/**
+ * @echoform/echo-ui – Title rarity helpers
+ *
+ * Canonical rarity colours and glow values shared across all Echo apps.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rarityColor = rarityColor;
+exports.rarityGlowColor = rarityGlowColor;
+const RARITY_COLOR = {
+    common: '#00e5ff',
+    rare: '#a855f7',
+    legendary: '#ff6b00',
+    mythic: '#ffd700',
+};
+const RARITY_GLOW = {
+    common: undefined,
+    rare: undefined,
+    legendary: '#ffd700',
+    mythic: '#ff6600',
+};
+/** Returns the foreground colour for a given rarity. */
+function rarityColor(rarity) {
+    return RARITY_COLOR[rarity];
+}
+/**
+ * Returns the glow/shadow colour for a given rarity, or `undefined` if the
+ * rarity has no glow effect (common, rare).
+ */
+function rarityGlowColor(rarity) {
+    return RARITY_GLOW[rarity];
+}
+//# sourceMappingURL=titleRarity.js.map

package/dist/titleRarity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleRarity.js","sourceRoot":"","sources":["../src/titleRarity.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAmBH,kCAEC;AAMD,0CAEC;AAzBD,MAAM,YAAY,GAAoC;IACpD,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,WAAW,GAAgD;IAC/D,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,wDAAwD;AACxD,SAAgB,WAAW,CAAC,MAAuB;IACjD,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC;AAED;;;GAGG;AACH,SAAgB,eAAe,CAAC,MAAuB;IACrD,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@echoform/echo-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Echoform Productions – shared React Native / Expo UI component library",
   "author": "Echoform Productions",
   "license": "MIT",
@@ -17,7 +17,9 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-native": ">=0.73.0"
+    "react-native": ">=0.73.0",
+    "expo-image": ">=2.0.0",
+    "@expo/vector-icons": ">=14.0.0"
   },
   "devDependencies": {},
   "keywords": [
@@ -29,7 +31,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/echoformproductions/Echo-UI.git"
+    "url": "git+https://github.com/echoformproductions/Echo-UI.git"
   },
   "publishConfig": {
     "access": "public"