@echoform/echo-ui 0.1.1 → 0.2.1

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"}

package/dist/components/EchoRewardNotificationBanner.d.ts

@@ -0,0 +1,61 @@
+/**
+ * EchoRewardNotificationBanner
+ *
+ * Generic Echo Profile reward modal. Shown whenever new Echo Titles or
+ * Emblems are unlocked during a session.
+ *
+ * Extracted from RewardNotificationBanner in the Echo UI Reference.
+ *
+ * DESIGN PHILOSOPHY
+ * ─────────────────
+ * The dialog uses a purple Echo-ecosystem treatment and communicates the
+ * *category* of reward unlocked (Title / Emblem / both) without revealing
+ * specific names, individual reward counts, or badge details. Discovery of
+ * the exact reward happens by opening the Echo Profile. This keeps the
+ * component generic and suitable for reuse across any Echoform app that
+ * grants Echo Profile rewards.
+ *
+ * MESSAGE LOGIC
+ * ─────────────
+ * Title-only  → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Title."
+ * Emblem-only → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Emblem."
+ * Both        → "New Echo Rewards Unlocked!" / "You unlocked new Echo Titles and Echo Emblems."
+ * Fallback    → "New Echo Reward Unlocked!"  / "Something new has been added to your Echo Profile."
+ *
+ * BEHAVIOR
+ * ────────
+ * • Renders as a centered transparent Modal with a dark backdrop.
+ * • Remains visible until the user explicitly taps Continue.
+ * • Backdrop taps, Android Back, and auto-dismiss timers are all disabled.
+ * • Host supplies the artwork image source.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • AccessibilityInfo.announceForAccessibility() fires once per reward event
+ *   with a 350ms delay, combining heading and subtitle.
+ * • Each unique reward payload is announced exactly once.
+ * • accessibilityViewIsModal prevents VoiceOver/TalkBack from leaving the dialog.
+ * • Heading uses accessibilityRole="header".
+ * • Continue uses accessibilityRole="button" with label + hint.
+ * • Decorative artwork is hidden from accessibility trees.
+ *
+ * No app aliases, EchoCosmeticsContext, services, auth, Router, storage,
+ * or Supabase imports.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import { ImageSource } from 'expo-image';
+export type EchoRewardNotificationPayload = {
+    /** Number of newly granted Echo Titles (0 if none). */
+    newTitles: number;
+    /** Number of newly granted Echo Emblems (0 if none). */
+    newEmblems: number;
+};
+export type EchoRewardNotificationBannerProps = {
+    notification: EchoRewardNotificationPayload | null;
+    /** Host-supplied artwork rendered inside the glow area. */
+    artworkSource: ImageSource;
+    onDismiss: () => void;
+};
+export declare function EchoRewardNotificationBanner({ notification, artworkSource, onDismiss, }: EchoRewardNotificationBannerProps): React.JSX.Element | null;
+//# sourceMappingURL=EchoRewardNotificationBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoRewardNotificationBanner.d.ts","sourceRoot":"","sources":["../../src/components/EchoRewardNotificationBanner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAgBhD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,YAAY,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACnD,2DAA2D;IAC3D,aAAa,EAAE,WAAW,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AA+CF,wBAAgB,4BAA4B,CAAC,EAC3C,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,iCAAiC,4BAyFnC"}

package/dist/components/EchoRewardNotificationBanner.js

@@ -0,0 +1,272 @@
+"use strict";
+/**
+ * EchoRewardNotificationBanner
+ *
+ * Generic Echo Profile reward modal. Shown whenever new Echo Titles or
+ * Emblems are unlocked during a session.
+ *
+ * Extracted from RewardNotificationBanner in the Echo UI Reference.
+ *
+ * DESIGN PHILOSOPHY
+ * ─────────────────
+ * The dialog uses a purple Echo-ecosystem treatment and communicates the
+ * *category* of reward unlocked (Title / Emblem / both) without revealing
+ * specific names, individual reward counts, or badge details. Discovery of
+ * the exact reward happens by opening the Echo Profile. This keeps the
+ * component generic and suitable for reuse across any Echoform app that
+ * grants Echo Profile rewards.
+ *
+ * MESSAGE LOGIC
+ * ─────────────
+ * Title-only  → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Title."
+ * Emblem-only → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Emblem."
+ * Both        → "New Echo Rewards Unlocked!" / "You unlocked new Echo Titles and Echo Emblems."
+ * Fallback    → "New Echo Reward Unlocked!"  / "Something new has been added to your Echo Profile."
+ *
+ * BEHAVIOR
+ * ────────
+ * • Renders as a centered transparent Modal with a dark backdrop.
+ * • Remains visible until the user explicitly taps Continue.
+ * • Backdrop taps, Android Back, and auto-dismiss timers are all disabled.
+ * • Host supplies the artwork image source.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • AccessibilityInfo.announceForAccessibility() fires once per reward event
+ *   with a 350ms delay, combining heading and subtitle.
+ * • Each unique reward payload is announced exactly once.
+ * • accessibilityViewIsModal prevents VoiceOver/TalkBack from leaving the dialog.
+ * • Heading uses accessibilityRole="header".
+ * • Continue uses accessibilityRole="button" with label + hint.
+ * • Decorative artwork is hidden from accessibility trees.
+ *
+ * No app aliases, EchoCosmeticsContext, services, auth, Router, storage,
+ * or Supabase imports.
+ * 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.EchoRewardNotificationBanner = EchoRewardNotificationBanner;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const expo_image_1 = require("expo-image");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Purple palette — local to this component.
+// ─────────────────────────────────────────────────────────────────────────────
+const PURPLE = '#a855f7';
+const PURPLE_LIGHT = '#c084fc';
+const PURPLE_DIM = 'rgba(168, 85, 247, 0.18)';
+const PURPLE_BORDER = 'rgba(168, 85, 247, 0.55)';
+// ─────────────────────────────────────────────────────────────────────────────
+// Message helpers
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Derives the heading and subtitle from the reward payload.
+ * Designed for extensibility: new reward categories can be wired in here
+ * without touching the modal shell or changing its accessibility behavior.
+ */
+function buildRewardInfo(payload) {
+    const hasTitle = payload.newTitles > 0;
+    const hasEmblem = payload.newEmblems > 0;
+    if (hasTitle && hasEmblem) {
+        return {
+            heading: 'New Echo Rewards Unlocked!',
+            subtitle: 'You unlocked new Echo Titles and Echo Emblems.',
+        };
+    }
+    if (hasTitle) {
+        return {
+            heading: 'New Echo Reward Unlocked!',
+            subtitle: 'You unlocked a new Echo Title.',
+        };
+    }
+    if (hasEmblem) {
+        return {
+            heading: 'New Echo Reward Unlocked!',
+            subtitle: 'You unlocked a new Echo Emblem.',
+        };
+    }
+    // Fallback — should not be reached when the host guards newTitles + newEmblems > 0.
+    return {
+        heading: 'New Echo Reward Unlocked!',
+        subtitle: 'Something new has been added to your Echo Profile.',
+    };
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoRewardNotificationBanner({ notification, artworkSource, onDismiss, }) {
+    // Guard: announce each unique reward event exactly once.
+    // Key on the raw counts so merged payloads don't re-announce on re-renders.
+    const announcedKeyRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!notification)
+            return;
+        const key = `${notification.newTitles}:${notification.newEmblems}`;
+        if (announcedKeyRef.current === key)
+            return;
+        announcedKeyRef.current = key;
+        const { heading, subtitle } = buildRewardInfo(notification);
+        // Brief delay lets the Modal finish its fade-in before the announcement.
+        const timer = setTimeout(() => {
+            react_native_1.AccessibilityInfo.announceForAccessibility(`${heading} ${subtitle}`);
+        }, 350);
+        return () => clearTimeout(timer);
+    }, [notification]);
+    if (!notification)
+        return null;
+    const { heading, subtitle } = buildRewardInfo(notification);
+    return (<react_native_1.Modal visible transparent animationType="fade" statusBarTranslucent onRequestClose={() => {
+            // Intentional no-op.
+            // Android hardware/software Back must not dismiss the dialog —
+            // the user is required to activate the Continue button.
+        }}>
+      {/* Backdrop — absorbs taps so they cannot reach background content. */}
+      <react_native_1.View style={styles.backdrop}>
+        {/* Reward card */}
+        <react_native_1.View style={styles.card} accessibilityViewIsModal>
+
+          {/* Echo Profile artwork — decorative, hidden from accessibility trees. */}
+          <react_native_1.View style={styles.logoGlow} accessible={false} importantForAccessibility="no-hide-descendants">
+            <expo_image_1.Image source={artworkSource} style={styles.logoImage} contentFit="contain" accessible={false} importantForAccessibility="no-hide-descendants"/>
+          </react_native_1.View>
+
+          {/* Heading */}
+          <react_native_1.Text style={styles.heading} accessibilityRole="header" accessibilityLabel={heading}>
+            {heading}
+          </react_native_1.Text>
+
+          {/* Category-specific subtitle */}
+          <react_native_1.Text style={styles.subtitle}>
+            {subtitle}
+          </react_native_1.Text>
+
+          {/* Continue — only way to dismiss the dialog. */}
+          <react_native_1.Pressable onPress={onDismiss} style={({ pressed }) => [
+            styles.continueBtn,
+            pressed && styles.continueBtnPressed,
+        ]} accessibilityRole="button" accessibilityLabel="Continue" accessibilityHint="Dismisses the reward notification and returns to the app">
+            <react_native_1.Text style={styles.continueBtnText}>Continue</react_native_1.Text>
+          </react_native_1.Pressable>
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    backdrop: {
+        flex: 1,
+        backgroundColor: 'rgba(0, 0, 0, 0.78)',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: theme_1.SPACING.lg,
+    },
+    card: {
+        width: '100%',
+        maxWidth: 380,
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1.5,
+        borderColor: PURPLE_BORDER,
+        paddingVertical: theme_1.SPACING.xxl,
+        paddingHorizontal: theme_1.SPACING.xl,
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        // iOS glow
+        shadowColor: PURPLE,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.45,
+        shadowRadius: 28,
+        // Android
+        elevation: 18,
+    },
+    logoGlow: {
+        width: 88,
+        height: 88,
+        borderRadius: 44,
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+        backgroundColor: PURPLE_DIM,
+        marginBottom: theme_1.SPACING.xs,
+        // iOS inner glow
+        shadowColor: PURPLE,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.55,
+        shadowRadius: 18,
+        // Android
+        elevation: 0,
+    },
+    logoImage: {
+        width: 104,
+        height: 104,
+        transform: [{ translateX: -1.5 }],
+    },
+    heading: {
+        fontSize: theme_1.FONTS.xl,
+        fontWeight: '700',
+        color: PURPLE_LIGHT,
+        textAlign: 'center',
+        letterSpacing: 0.3,
+    },
+    subtitle: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.neonCyan,
+        textAlign: 'center',
+        lineHeight: 20,
+    },
+    continueBtn: {
+        width: '100%',
+        minHeight: 52,
+        borderRadius: theme_1.RADIUS.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: theme_1.SPACING.md,
+        backgroundColor: PURPLE,
+    },
+    continueBtnPressed: {
+        opacity: 0.8,
+    },
+    continueBtnText: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: '#fff',
+        letterSpacing: 0.5,
+    },
+});
+//# sourceMappingURL=EchoRewardNotificationBanner.js.map

package/dist/components/EchoRewardNotificationBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoRewardNotificationBanner.js","sourceRoot":"","sources":["../../src/components/EchoRewardNotificationBanner.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFH,oEA6FC;AAjLD,+CAAiD;AACjD,+CAOsB;AACtB,2CAAgD;AAChD,oCAA0D;AAE1D,gFAAgF;AAChF,4CAA4C;AAC5C,gFAAgF;AAEhF,MAAM,MAAM,GAAU,SAAS,CAAC;AAChC,MAAM,YAAY,GAAI,SAAS,CAAC;AAChC,MAAM,UAAU,GAAM,0BAA0B,CAAC;AACjD,MAAM,aAAa,GAAG,0BAA0B,CAAC;AAoBjD,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF;;;;GAIG;AACH,SAAS,eAAe,CAAC,OAAsC;IAI7D,MAAM,QAAQ,GAAI,OAAO,CAAC,SAAS,GAAI,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;QAC1B,OAAO;YACL,OAAO,EAAG,4BAA4B;YACtC,QAAQ,EAAE,gDAAgD;SAC3D,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;YACL,OAAO,EAAG,2BAA2B;YACrC,QAAQ,EAAE,gCAAgC;SAC3C,CAAC;IACJ,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO;YACL,OAAO,EAAG,2BAA2B;YACrC,QAAQ,EAAE,iCAAiC;SAC5C,CAAC;IACJ,CAAC;IACD,oFAAoF;IACpF,OAAO;QACL,OAAO,EAAG,2BAA2B;QACrC,QAAQ,EAAE,oDAAoD;KAC/D,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,4BAA4B,CAAC,EAC3C,YAAY,EACZ,aAAa,EACb,SAAS,GACyB;IAClC,yDAAyD;IACzD,4EAA4E;IAC5E,MAAM,eAAe,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,GAAG,GAAG,GAAG,YAAY,CAAC,SAAS,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;QACnE,IAAI,eAAe,CAAC,OAAO,KAAK,GAAG;YAAE,OAAO;QAC5C,eAAe,CAAC,OAAO,GAAG,GAAG,CAAC;QAE9B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;QAE5D,yEAAyE;QACzE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,gCAAiB,CAAC,wBAAwB,CAAC,GAAG,OAAO,IAAI,QAAQ,EAAE,CAAC,CAAC;QACvE,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,CAAC,oBAAK,CACJ,OAAO,CACP,WAAW,CACX,aAAa,CAAC,MAAM,CACpB,oBAAoB,CACpB,cAAc,CAAC,CAAC,GAAG,EAAE;YACnB,qBAAqB;YACrB,+DAA+D;YAC/D,wDAAwD;QAC1D,CAAC,CAAC,CAEF;MAAA,CAAC,sEAAsE,CACvE;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;QAAA,CAAC,iBAAiB,CAClB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,wBAAwB,CAEhD;;UAAA,CAAC,yEAAyE,CAC1E;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACvB,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,qBAAqB,CAE/C;YAAA,CAAC,kBAAK,CACJ,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,UAAU,CAAC,SAAS,CACpB,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,qBAAqB,EAEnD;UAAA,EAAE,mBAAI,CAEN;;UAAA,CAAC,aAAa,CACd;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACtB,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAE5B;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,mBAAI,CAEN;;UAAA,CAAC,gCAAgC,CACjC;UAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,mBAAI,CAEN;;UAAA,CAAC,gDAAgD,CACjD;UAAA,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACtB,MAAM,CAAC,WAAW;YAClB,OAAO,IAAI,MAAM,CAAC,kBAAkB;SACrC,CAAC,CACF,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,UAAU,CAC7B,iBAAiB,CAAC,0DAA0D,CAE5E;YAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,mBAAI,CACrD;UAAA,EAAE,wBAAS,CACb;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,oBAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,IAAI,EAAe,CAAC;QACpB,eAAe,EAAI,qBAAqB;QACxC,UAAU,EAAS,QAAQ;QAC3B,cAAc,EAAK,QAAQ;QAC3B,iBAAiB,EAAE,eAAO,CAAC,EAAE;KAC9B;IACD,IAAI,EAAE;QACJ,KAAK,EAAc,MAAM;QACzB,QAAQ,EAAW,GAAG;QACtB,eAAe,EAAI,cAAM,CAAC,OAAO;QACjC,YAAY,EAAO,cAAM,CAAC,EAAE;QAC5B,WAAW,EAAQ,GAAG;QACtB,WAAW,EAAQ,aAAa;QAChC,eAAe,EAAI,eAAO,CAAC,GAAG;QAC9B,iBAAiB,EAAE,eAAO,CAAC,EAAE;QAC7B,UAAU,EAAS,QAAQ;QAC3B,GAAG,EAAgB,eAAO,CAAC,EAAE;QAC7B,WAAW;QACX,WAAW,EAAQ,MAAM;QACzB,YAAY,EAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QAC1C,aAAa,EAAM,IAAI;QACvB,YAAY,EAAO,EAAE;QACrB,UAAU;QACV,SAAS,EAAU,EAAE;KACtB;IACD,QAAQ,EAAE;QACR,KAAK,EAAY,EAAE;QACnB,MAAM,EAAW,EAAE;QACnB,YAAY,EAAK,EAAE;QACnB,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;QACzB,QAAQ,EAAS,QAAQ;QACzB,eAAe,EAAE,UAAU;QAC3B,YAAY,EAAK,eAAO,CAAC,EAAE;QAC3B,iBAAiB;QACjB,WAAW,EAAM,MAAM;QACvB,YAAY,EAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACxC,aAAa,EAAI,IAAI;QACrB,YAAY,EAAK,EAAE;QACnB,UAAU;QACV,SAAS,EAAQ,CAAC;KACnB;IACD,SAAS,EAAE;QACT,KAAK,EAAM,GAAG;QACd,MAAM,EAAK,GAAG;QACd,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;KAClC;IACD,OAAO,EAAE;QACP,QAAQ,EAAO,aAAK,CAAC,EAAE;QACvB,UAAU,EAAK,KAAK;QACpB,KAAK,EAAU,YAAY;QAC3B,SAAS,EAAM,QAAQ;QACvB,aAAa,EAAE,GAAG;KACnB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAI,aAAK,CAAC,EAAE;QACpB,KAAK,EAAO,cAAM,CAAC,QAAQ;QAC3B,SAAS,EAAG,QAAQ;QACpB,UAAU,EAAE,EAAE;KACf;IACD,WAAW,EAAE;QACX,KAAK,EAAY,MAAM;QACvB,SAAS,EAAQ,EAAE;QACnB,YAAY,EAAK,cAAM,CAAC,EAAE;QAC1B,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;QACzB,SAAS,EAAQ,eAAO,CAAC,EAAE;QAC3B,eAAe,EAAE,MAAM;KACxB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,GAAG;KACb;IACD,eAAe,EAAE;QACf,QAAQ,EAAO,aAAK,CAAC,EAAE;QACvB,UAAU,EAAK,KAAK;QACpB,KAAK,EAAU,MAAM;QACrB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC,CAAC"}

package/dist/components/EchoSettingsRow.d.ts

@@ -0,0 +1,24 @@
+/**
+ * EchoSettingsRow
+ *
+ * Presentation-only settings row extracted from the Echo UI Reference More screen.
+ * Supports an icon, label, optional value, optional right element, loading state,
+ * destructive styling, and full accessibility.
+ *
+ * No Supabase, no Expo Router, no app-specific services or contexts.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+export type EchoSettingsRowProps = {
+    icon: string;
+    label: string;
+    onPress?: () => void;
+    value?: string;
+    rightElement?: React.ReactNode;
+    color?: string;
+    destructive?: boolean;
+    loading?: boolean;
+    accessibilityHint?: string;
+};
+export declare function EchoSettingsRow({ icon, label, onPress, value, rightElement, color, destructive, loading, accessibilityHint: customHint, }: EchoSettingsRowProps): React.JSX.Element;
+//# sourceMappingURL=EchoSettingsRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoSettingsRow.d.ts","sourceRoot":"","sources":["../../src/components/EchoSettingsRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,YAAY,EACZ,KAAuB,EACvB,WAAmB,EACnB,OAAe,EACf,iBAAiB,EAAE,UAAU,GAC9B,EAAE,oBAAoB,qBAyDtB"}

package/dist/components/EchoSettingsRow.js

@@ -0,0 +1,84 @@
+"use strict";
+/**
+ * EchoSettingsRow
+ *
+ * Presentation-only settings row extracted from the Echo UI Reference More screen.
+ * Supports an icon, label, optional value, optional right element, loading state,
+ * destructive styling, and full accessibility.
+ *
+ * No Supabase, no Expo Router, no app-specific services or contexts.
+ * 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.EchoSettingsRow = EchoSettingsRow;
+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");
+function EchoSettingsRow({ icon, label, onPress, value, rightElement, color = theme_1.COLORS.neonCyan, destructive = false, loading = false, accessibilityHint: customHint, }) {
+    const textColor = destructive ? theme_1.COLORS.error : theme_1.COLORS.textPrimary;
+    const iconColor = destructive ? theme_1.COLORS.error : color;
+    return (<react_native_1.Pressable onPress={onPress} disabled={!onPress || loading} style={({ pressed }) => [
+            styles.row,
+            pressed && onPress ? styles.rowPressed : null,
+        ]} accessibilityLabel={label + (value ? `, ${value}` : '')} accessibilityRole={onPress ? 'button' : 'text'} accessibilityState={{ busy: loading }} accessibilityHint={onPress
+            ? (customHint !== null && customHint !== void 0 ? customHint : `Activate to ${label.toLowerCase()}`)
+            : undefined}>
+      <react_native_1.View style={[
+            styles.rowIcon,
+            { backgroundColor: iconColor + '18' },
+        ]}>
+        {loading ? (<react_native_1.ActivityIndicator size="small" color={iconColor}/>) : (<vector_icons_1.MaterialIcons name={icon} size={20} color={iconColor}/>)}
+      </react_native_1.View>
+
+      <react_native_1.Text style={[styles.rowLabel, { color: textColor }]}>
+        {label}
+      </react_native_1.Text>
+
+      <react_native_1.View style={styles.rowRight}>
+        {value ? (<react_native_1.Text style={styles.rowValue}>{value}</react_native_1.Text>) : null}
+        {rightElement ? rightElement : null}
+        {onPress && !rightElement ? (<vector_icons_1.MaterialIcons name="chevron-right" size={18} color={theme_1.COLORS.textMuted}/>) : null}
+      </react_native_1.View>
+    </react_native_1.Pressable>);
+}
+const styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        padding: theme_1.SPACING.md,
+        minHeight: 56,
+        borderBottomWidth: 1,
+        borderBottomColor: theme_1.COLORS.border,
+    },
+    rowPressed: {
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+    },
+    rowIcon: {
+        width: 36,
+        height: 36,
+        borderRadius: theme_1.RADIUS.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    rowLabel: {
+        flex: 1,
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '500',
+    },
+    rowRight: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.sm,
+    },
+    rowValue: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textMuted,
+        fontWeight: '500',
+    },
+});
+//# sourceMappingURL=EchoSettingsRow.js.map

package/dist/components/EchoSettingsRow.js.map

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

package/dist/components/EchoSettingsSection.d.ts

@@ -0,0 +1,16 @@
+/**
+ * EchoSettingsSection
+ *
+ * Presentation-only settings section extracted from the Echo UI Reference More screen.
+ * Renders a labelled group of settings rows inside the canonical dark card surface.
+ *
+ * No Supabase, no Expo Router, no app-specific services or contexts.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+export type EchoSettingsSectionProps = {
+    title: string;
+    children: React.ReactNode;
+};
+export declare function EchoSettingsSection({ title, children, }: EchoSettingsSectionProps): React.JSX.Element;
+//# sourceMappingURL=EchoSettingsSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoSettingsSection.d.ts","sourceRoot":"","sources":["../../src/components/EchoSettingsSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE,wBAAwB,qBAY1B"}

package/dist/components/EchoSettingsSection.js

@@ -0,0 +1,48 @@
+"use strict";
+/**
+ * EchoSettingsSection
+ *
+ * Presentation-only settings section extracted from the Echo UI Reference More screen.
+ * Renders a labelled group of settings rows inside the canonical dark card surface.
+ *
+ * No Supabase, no Expo Router, no app-specific services or contexts.
+ * 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.EchoSettingsSection = EchoSettingsSection;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+function EchoSettingsSection({ title, children, }) {
+    return (<react_native_1.View style={styles.section}>
+      <react_native_1.Text style={styles.sectionTitle} accessibilityRole="header">
+        {title}
+      </react_native_1.Text>
+      <react_native_1.View style={styles.sectionBody}>{children}</react_native_1.View>
+    </react_native_1.View>);
+}
+const styles = react_native_1.StyleSheet.create({
+    section: {
+        gap: theme_1.SPACING.xs,
+    },
+    sectionTitle: {
+        fontSize: theme_1.FONTS.xs,
+        fontWeight: '700',
+        color: theme_1.COLORS.textMuted,
+        letterSpacing: 1.2,
+        textTransform: 'uppercase',
+        paddingHorizontal: theme_1.SPACING.xs,
+        marginBottom: theme_1.SPACING.xs,
+    },
+    sectionBody: {
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.lg,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.border,
+        overflow: 'hidden',
+    },
+});
+//# sourceMappingURL=EchoSettingsSection.js.map

package/dist/components/EchoSettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoSettingsSection.js","sourceRoot":"","sources":["../../src/components/EchoSettingsSection.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;;;AAYH,kDAeC;AAzBD,kDAA0B;AAC1B,+CAAsD;AAEtD,oCAA0D;AAO1D,SAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACiB;IACzB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,iBAAiB,CAAC,QAAQ,CAE1B;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAI,CACnD;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,GAAG,EAAE,eAAO,CAAC,EAAE;KAChB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,aAAK,CAAC,EAAE;QAClB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,cAAM,CAAC,SAAS;QACvB,aAAa,EAAE,GAAG;QAClB,aAAa,EAAE,WAAW;QAC1B,iBAAiB,EAAE,eAAO,CAAC,EAAE;QAC7B,YAAY,EAAE,eAAO,CAAC,EAAE;KACzB;IACD,WAAW,EAAE;QACX,eAAe,EAAE,cAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,cAAM,CAAC,EAAE;QACvB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,cAAM,CAAC,MAAM;QAC1B,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC"}

package/dist/components/EchoSignOutButton.d.ts

@@ -0,0 +1,28 @@
+/**
+ * EchoSignOutButton
+ *
+ * Presentation-only Sign Out button extracted from the Echo UI Reference.
+ *
+ * Renders a red translucent row button with a logout icon, 52pt minimum
+ * height, pressed opacity, and a loading spinner while the sign-out operation
+ * is in progress.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityLabel: "Sign out of Echo Profile"
+ * • accessibilityRole: "button"
+ * • accessibilityState: { busy: loading }
+ * • Default hint: "Signs you out. Your local data will remain on this device."
+ *
+ * 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 EchoSignOutButtonProps = {
+    onPress: () => void;
+    loading?: boolean;
+    /** Overrides the default VoiceOver / TalkBack hint. */
+    accessibilityHint?: string;
+};
+export declare function EchoSignOutButton({ onPress, loading, accessibilityHint, }: EchoSignOutButtonProps): React.JSX.Element;
+//# sourceMappingURL=EchoSignOutButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoSignOutButton.d.ts","sourceRoot":"","sources":["../../src/components/EchoSignOutButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAe,EACf,iBAAgF,GACjF,EAAE,sBAAsB,qBA4BxB"}