@echoform/echo-ui 0.1.0 → 0.2.0

package/README.md

@@ -1,6 +1,34 @@
 # @echoform/echo-ui
 
-Shared React Native / Expo UI component library by **Echoform Productions**.
+Shared React Native / Expo presentation library for the Echoform ecosystem.
+
+Built and maintained by **Echoform Productions**.
+
+---
+
+## Architectural boundary
+
+### Package owns
+
+- Shared Echoform presentation components
+- Echo Profile UI (hero, rows, sections, dividers, sign-out)
+- Echo Emblems / Titles / Color presentation and pickers
+- Account-form primitives (fields, buttons, banners, verification input)
+- Echo Profile Sync presentation (`EchoSyncPanel`, `EchoSyncPromptModal`)
+- Welcome / onboarding flow and modals
+- Reward notification banner
+- Accessibility contracts and interaction patterns
+- Theme design tokens (`COLORS`, `FONTS`, `SPACING`, `RADIUS`)
+
+### Host apps own
+
+- Authentication and session management
+- Routing and navigation (Expo Router / React Navigation)
+- Supabase / EchoBrain services and RPCs
+- App-specific data, schemas, and storage
+- Synchronisation and reconciliation logic
+- All navigation actions and callbacks supplied to package components
+- App-specific wording passed through `dataLabel`, `hostAppName`, `appName`, and similar props
 
 ---
 
@@ -8,11 +36,11 @@ Shared React Native / Expo UI component library by **Echoform Productions**.
 
 ```
 (OnSpace project root)
-├── app/                        ← Expo Router host app (preview only)
+├── app/                        ← Expo Router host app (Echo UI Reference)
 │   ├── _layout.tsx
 │   └── (tabs)/
 │       ├── _layout.tsx
-│       └── index.tsx           ← Demo screen
+│       └── index.tsx           ← Reference screen
 │
 └── packages/
     └── echo-ui/                ← Publishable npm package
@@ -20,8 +48,31 @@ Shared React Native / Expo UI component library by **Echoform Productions**.
         ├── tsconfig.json
         └── src/
             ├── index.ts        ← Public entry point
+            ├── theme.ts
+            ├── titleRarity.ts
+            ├── echoColors.ts
             └── components/
-                └── EchoUITest.tsx
+                └── *.tsx
+```
+
+---
+
+## Current import example
+
+```tsx
+import {
+  EchoProfileCard,
+  EchoSyncPanel,
+  EchoColorPicker,
+  EchoEmblemPicker,
+  EchoTitlePicker,
+  EchoWelcome,
+  EchoMoreScreen,
+  EchoSettingsRow,
+  EchoSettingsSection,
+  EchoRewardNotificationBanner,
+  COLORS,
+} from '@echoform/echo-ui';
 ```
 
 ---
@@ -61,11 +112,7 @@ After publishing:
 npx expo install @echoform/echo-ui
 ```
 
-```tsx
-import { EchoUITest } from '@echoform/echo-ui';
-
-<EchoUITest label="Rig Vault – Echo" />
-```
+Then import from the compiled package as shown in the example above.
 
 ---
 
@@ -83,4 +130,4 @@ Consuming projects always import from the compiled npm package.
 
 | Version | Notes |
 |---------|-------|
-| 0.1.0 | Initial scaffold — `EchoUITest` smoke-test component only |
+| 0.1.x | Initial transport, smoke-test, and early package-development series |

package/dist/components/EchoChangeProfileNameModal.d.ts

@@ -0,0 +1,59 @@
+/**
+ * EchoChangeProfileNameModal
+ *
+ * Presentation-only Change Echo Profile Name modal.
+ * Extracted from ChangeUsernameModal in the Echo UI Reference account screen.
+ *
+ * The host owns all business logic:
+ *  • Regex/format validation
+ *  • Same-name detection
+ *  • Debounced availability RPC
+ *  • 30-day lock-status RPC
+ *  • Username-change RPC
+ *  • Keyboard management
+ *
+ * This component only renders the supplied state.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • Live regions on availability and lock status announcements
+ * • Alert roles on error/unavailable/invalid states
+ * • Busy state on checking indicator
+ * • accessibilityViewIsModal on the outer Modal
+ *
+ * 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 EchoNameAvailabilityState = 'idle' | 'checking' | 'invalid' | 'same' | 'available' | 'unavailable' | 'check_failed';
+export type EchoChangeProfileNameModalProps = {
+    visible: boolean;
+    /** Current Echo Profile name shown in the read-only row. */
+    currentUsername: string | null;
+    /** Controlled value for the new name text field. */
+    newUsername: string;
+    /** Called on every keystroke with the updated value. */
+    onChangeUsername: (value: string) => void;
+    /** Availability/validation state computed by the host. */
+    availability: EchoNameAvailabilityState;
+    /** True while the lock-status RPC is in flight. */
+    statusLoading?: boolean;
+    /** True when the 30-day change lock is active. */
+    locked?: boolean;
+    /** Days remaining in the lock period. */
+    daysRemaining?: number;
+    /** ISO date string for when the lock expires, if known. */
+    nextEligibleDate?: string | null;
+    /** Error message to display in the error banner. */
+    error?: string | null;
+    /** True while the username-change RPC is in flight. */
+    submitting?: boolean;
+    /** Whether all conditions required to submit are met. */
+    canSubmit: boolean;
+    onClose: () => void;
+    onSubmit: () => void;
+    /** Top inset supplied by the host. Defaults to 0. */
+    topInset?: number;
+};
+export declare function EchoChangeProfileNameModal({ visible, currentUsername, newUsername, onChangeUsername, availability, statusLoading, locked, daysRemaining, nextEligibleDate, error, submitting, canSubmit, onClose, onSubmit, topInset, }: EchoChangeProfileNameModalProps): React.JSX.Element;
+//# sourceMappingURL=EchoChangeProfileNameModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoChangeProfileNameModal.d.ts","sourceRoot":"","sources":["../../src/components/EchoChangeProfileNameModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAiB,MAAM,OAAO,CAAC;AAuBtC,MAAM,MAAM,yBAAyB,GACjC,MAAM,GACN,UAAU,GACV,SAAS,GACT,MAAM,GACN,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAW,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,eAAe,EAAG,MAAM,GAAG,IAAI,CAAC;IAChC,oDAAoD;IACpD,WAAW,EAAO,MAAM,CAAC;IACzB,wDAAwD;IACxD,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,YAAY,EAAM,yBAAyB,CAAC;IAC5C,mDAAmD;IACnD,aAAa,CAAC,EAAI,OAAO,CAAC;IAC1B,kDAAkD;IAClD,MAAM,CAAC,EAAW,OAAO,CAAC;IAC1B,yCAAyC;IACzC,aAAa,CAAC,EAAI,MAAM,CAAC;IACzB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,oDAAoD;IACpD,KAAK,CAAC,EAAY,MAAM,GAAG,IAAI,CAAC;IAChC,uDAAuD;IACvD,UAAU,CAAC,EAAO,OAAO,CAAC;IAC1B,yDAAyD;IACzD,SAAS,EAAS,OAAO,CAAC;IAC1B,OAAO,EAAW,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAU,MAAM,IAAI,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,EAAS,MAAM,CAAC;CAC1B,CAAC;AAsBF,wBAAgB,0BAA0B,CAAC,EACzC,OAAO,EACP,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,aAAqB,EACrB,MAAqB,EACrB,aAAiB,EACjB,gBAAgB,EAChB,KAAK,EACL,UAAqB,EACrB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAiB,GAClB,EAAE,+BAA+B,qBAmQjC"}

package/dist/components/EchoChangeProfileNameModal.js

@@ -0,0 +1,317 @@
+"use strict";
+/**
+ * EchoChangeProfileNameModal
+ *
+ * Presentation-only Change Echo Profile Name modal.
+ * Extracted from ChangeUsernameModal in the Echo UI Reference account screen.
+ *
+ * The host owns all business logic:
+ *  • Regex/format validation
+ *  • Same-name detection
+ *  • Debounced availability RPC
+ *  • 30-day lock-status RPC
+ *  • Username-change RPC
+ *  • Keyboard management
+ *
+ * This component only renders the supplied state.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • Live regions on availability and lock status announcements
+ * • Alert roles on error/unavailable/invalid states
+ * • Busy state on checking indicator
+ * • accessibilityViewIsModal on the outer Modal
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoChangeProfileNameModal = EchoChangeProfileNameModal;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const vector_icons_1 = require("@expo/vector-icons");
+const EchoFormField_1 = require("./EchoFormField");
+const EchoErrorBanner_1 = require("./EchoErrorBanner");
+const EchoPrimaryButton_1 = require("./EchoPrimaryButton");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Package-local date formatter
+// ─────────────────────────────────────────────────────────────────────────────
+function formatDate(iso) {
+    try {
+        return new Date(iso).toLocaleDateString(undefined, {
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        });
+    }
+    catch (_a) {
+        return iso;
+    }
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoChangeProfileNameModal({ visible, currentUsername, newUsername, onChangeUsername, availability, statusLoading = false, locked = false, daysRemaining = 0, nextEligibleDate, error, submitting = false, canSubmit, onClose, onSubmit, topInset = 0, }) {
+    const inputRef = (0, react_1.useRef)(null);
+    return (<react_native_1.Modal visible={visible} animationType="slide" presentationStyle="pageSheet" onRequestClose={onClose} accessibilityViewIsModal>
+      <react_native_1.KeyboardAvoidingView style={[styles.root, { paddingTop: topInset || theme_1.SPACING.lg }]} behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'}>
+        {/* Header */}
+        <react_native_1.View style={styles.header}>
+          <react_native_1.Text style={styles.heading} accessibilityRole="header">
+            Change Echo Profile Name
+          </react_native_1.Text>
+          <react_native_1.Pressable onPress={onClose} hitSlop={8} accessibilityLabel="Close" accessibilityRole="button" style={({ pressed }) => (pressed ? { opacity: 0.7 } : undefined)}>
+            <vector_icons_1.MaterialIcons name="close" size={24} color={theme_1.COLORS.textSecondary}/>
+          </react_native_1.Pressable>
+        </react_native_1.View>
+
+        <react_native_1.ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled" showsVerticalScrollIndicator={false}>
+          {/* Current name read-only row */}
+          <react_native_1.View style={styles.currentNameRow} accessible accessibilityLabel={`Current Echo Profile name: ${currentUsername !== null && currentUsername !== void 0 ? currentUsername : 'None set'}`} accessibilityRole="text">
+            <react_native_1.Text style={styles.currentNameLabel} importantForAccessibility="no">
+              Current name
+            </react_native_1.Text>
+            <react_native_1.Text style={styles.currentNameValue} importantForAccessibility="no">
+              {currentUsername !== null && currentUsername !== void 0 ? currentUsername : '—'}
+            </react_native_1.Text>
+          </react_native_1.View>
+
+          {statusLoading ? (<react_native_1.ActivityIndicator color={theme_1.COLORS.neonCyan} style={{ marginVertical: theme_1.SPACING.xl }} accessibilityLabel="Loading account status"/>) : locked ? (
+        /* ── Name Change Locked warning ─────────────────────────────── */
+        <react_native_1.View style={styles.lockWarning} accessible accessibilityRole="alert" accessibilityLabel={[
+                'Name change locked.',
+                `You can change your Echo Profile name in ${daysRemaining} day${daysRemaining !== 1 ? 's' : ''}.`,
+                nextEligibleDate
+                    ? `Eligible from ${formatDate(nextEligibleDate)}.`
+                    : '',
+            ]
+                .filter(Boolean)
+                .join(' ')}>
+              <vector_icons_1.MaterialIcons name="lock-clock" size={24} color={theme_1.COLORS.warning} importantForAccessibility="no" accessibilityElementsHidden/>
+              <react_native_1.View style={{ flex: 1, gap: theme_1.SPACING.xs }}>
+                <react_native_1.Text style={styles.lockWarningTitle}>Name Change Locked</react_native_1.Text>
+                <react_native_1.Text style={styles.lockWarningBody}>
+                  {`You can change your Echo Profile name in ${daysRemaining} day${daysRemaining !== 1 ? 's' : ''}.`}
+                </react_native_1.Text>
+                {nextEligibleDate ? (<react_native_1.Text style={styles.lockWarningBody}>
+                    {`Eligible from: ${formatDate(nextEligibleDate)}`}
+                  </react_native_1.Text>) : null}
+              </react_native_1.View>
+            </react_native_1.View>) : (
+        /* ── Normal input state ─────────────────────────────────────── */
+        <>
+              <EchoErrorBanner_1.EchoErrorBanner message={error !== null && error !== void 0 ? error : null}/>
+
+              <EchoFormField_1.EchoFormField label="New Echo Profile Name" value={newUsername} onChangeText={onChangeUsername} placeholder="e.g. Prowler" autoCapitalize="none" returnKeyType="done" onSubmitEditing={onSubmit} accessibilityHint="Enter your new Echo Profile name. 2 to 30 characters, letters, numbers, and underscores only. No spaces." inputRef={inputRef}/>
+
+              {/* ── Availability indicator ─────────────────────────────── */}
+              {newUsername.length >= 2 ? (availability === 'checking' ? (<react_native_1.View style={styles.availRow}>
+                    <react_native_1.ActivityIndicator size="small" color={theme_1.COLORS.textMuted}/>
+                    <react_native_1.Text style={styles.availText} accessibilityLiveRegion="polite" accessibilityLabel="Checking name availability">
+                      Checking…
+                    </react_native_1.Text>
+                  </react_native_1.View>) : availability === 'invalid' ? (<react_native_1.View style={styles.availRow} accessible accessibilityRole="alert" accessibilityLabel="Invalid format">
+                    <vector_icons_1.MaterialIcons name="error-outline" size={16} color={theme_1.COLORS.error} accessibilityElementsHidden/>
+                    <react_native_1.Text style={[styles.availText, { color: theme_1.COLORS.error }]}>
+                      Invalid format
+                    </react_native_1.Text>
+                  </react_native_1.View>) : availability === 'same' ? (<react_native_1.View style={styles.availRow} accessible accessibilityLabel="Same as current name">
+                    <vector_icons_1.MaterialIcons name="info-outline" size={16} color={theme_1.COLORS.textMuted} accessibilityElementsHidden/>
+                    <react_native_1.Text style={[styles.availText, { color: theme_1.COLORS.textMuted }]}>
+                      Same as current name
+                    </react_native_1.Text>
+                  </react_native_1.View>) : availability === 'available' ? (<react_native_1.View style={styles.availRow} accessible accessibilityRole="text" accessibilityLiveRegion="polite" accessibilityLabel="Name is available">
+                    <vector_icons_1.MaterialIcons name="check-circle" size={16} color={theme_1.COLORS.neonGreen} accessibilityElementsHidden/>
+                    <react_native_1.Text style={[styles.availText, { color: theme_1.COLORS.neonGreen }]}>
+                      Available
+                    </react_native_1.Text>
+                  </react_native_1.View>) : availability === 'unavailable' ? (<react_native_1.View style={styles.availRow} accessible accessibilityRole="alert" accessibilityLiveRegion="polite" accessibilityLabel="Name already taken">
+                    <vector_icons_1.MaterialIcons name="cancel" size={16} color={theme_1.COLORS.error} accessibilityElementsHidden/>
+                    <react_native_1.Text style={[styles.availText, { color: theme_1.COLORS.error }]}>
+                      Already taken
+                    </react_native_1.Text>
+                  </react_native_1.View>) : availability === 'check_failed' ? (<react_native_1.View style={styles.availRow} accessible accessibilityRole="alert" accessibilityLiveRegion="polite" accessibilityLabel="Could not check availability">
+                    <vector_icons_1.MaterialIcons name="wifi-off" size={16} color={theme_1.COLORS.warning} accessibilityElementsHidden/>
+                    <react_native_1.Text style={[styles.availText, { color: theme_1.COLORS.warning }]}>
+                      Could not check
+                    </react_native_1.Text>
+                  </react_native_1.View>) : null) : null}
+
+              {/* Format hint */}
+              <react_native_1.View style={styles.hintRow}>
+                <vector_icons_1.MaterialIcons name="info-outline" size={14} color={theme_1.COLORS.textMuted} accessibilityElementsHidden/>
+                <react_native_1.Text style={styles.hintText}>
+                  2–30 characters. Letters, numbers, and underscores only. No spaces.
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              {/* 30-day notice */}
+              <react_native_1.View style={styles.lockNotice}>
+                <vector_icons_1.MaterialIcons name="schedule" size={14} color={theme_1.COLORS.neonBlue} accessibilityElementsHidden/>
+                <react_native_1.Text style={styles.lockNoticeText}>
+                  Echo Profile names can only be changed once every 30 days. Choose carefully.
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              {/* Cancel + Confirm actions */}
+              <react_native_1.View style={styles.actions}>
+                <EchoPrimaryButton_1.EchoPrimaryButton label="Cancel" onPress={onClose} color={theme_1.COLORS.textMuted}/>
+                <EchoPrimaryButton_1.EchoPrimaryButton label={submitting ? 'Saving…' : 'Confirm Change'} onPress={onSubmit} loading={submitting} disabled={!canSubmit} color={theme_1.COLORS.neonCyan}/>
+              </react_native_1.View>
+            </>)}
+        </react_native_1.ScrollView>
+      </react_native_1.KeyboardAvoidingView>
+    </react_native_1.Modal>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    root: {
+        flex: 1,
+        backgroundColor: theme_1.COLORS.bg,
+    },
+    // Header
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        borderBottomWidth: 1,
+        borderBottomColor: theme_1.COLORS.border,
+    },
+    heading: {
+        fontSize: theme_1.FONTS.lg,
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+    },
+    // Scroll content
+    content: {
+        padding: theme_1.SPACING.lg,
+        gap: theme_1.SPACING.md,
+    },
+    // Current name row
+    currentNameRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+        borderRadius: theme_1.RADIUS.md,
+        paddingHorizontal: theme_1.SPACING.md,
+        paddingVertical: theme_1.SPACING.sm,
+    },
+    currentNameLabel: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textMuted,
+        fontWeight: '600',
+    },
+    currentNameValue: {
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.neonCyan,
+        fontWeight: '700',
+    },
+    // Lock warning
+    lockWarning: {
+        flexDirection: 'row',
+        gap: theme_1.SPACING.md,
+        alignItems: 'flex-start',
+        backgroundColor: theme_1.COLORS.warning + '15',
+        borderRadius: theme_1.RADIUS.lg,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.warning + '55',
+        padding: theme_1.SPACING.md,
+    },
+    lockWarningTitle: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: theme_1.COLORS.warning,
+        marginBottom: theme_1.SPACING.xs,
+    },
+    lockWarningBody: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textSecondary,
+        lineHeight: 20,
+    },
+    // Availability indicator row
+    availRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.xs,
+        paddingVertical: theme_1.SPACING.xs,
+    },
+    availText: {
+        fontSize: theme_1.FONTS.sm,
+        fontWeight: '600',
+        color: theme_1.COLORS.textSecondary,
+    },
+    // Hint rows
+    hintRow: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: theme_1.SPACING.xs,
+    },
+    hintText: {
+        flex: 1,
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.textMuted,
+        lineHeight: 18,
+    },
+    lockNotice: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: theme_1.SPACING.xs,
+        backgroundColor: theme_1.COLORS.neonBlue + '10',
+        borderRadius: theme_1.RADIUS.md,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.neonBlue + '33',
+        padding: theme_1.SPACING.sm,
+    },
+    lockNoticeText: {
+        flex: 1,
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.textSecondary,
+        lineHeight: 18,
+    },
+    // Actions row
+    actions: {
+        flexDirection: 'row',
+        gap: theme_1.SPACING.md,
+        marginTop: theme_1.SPACING.md,
+    },
+});
+//# sourceMappingURL=EchoChangeProfileNameModal.js.map

package/dist/components/EchoChangeProfileNameModal.js.map

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

package/dist/components/EchoColorPicker.d.ts

@@ -0,0 +1,34 @@
+/**
+ * EchoColorPicker
+ *
+ * Presentation-only modal for selecting an Echo Profile accent color.
+ * Extracted from the Echo UI Reference EchoColorPickerModal.
+ *
+ * Renders all 15 approved Echo Colors as swatches in a grid.
+ * The current color is highlighted with a glow border, a colored label,
+ * and a checkmark badge (or saving spinner while saving).
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • Modal heading announced on open.
+ * • Each swatch is a button with label, selected state, and busy state.
+ * • Current color summary row is an accessible text element.
+ *
+ * No Expo Router, no safe-area hooks, no auth, no contexts, no services,
+ * no storage, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+export type EchoColorPickerProps = {
+    visible: boolean;
+    currentColor: string;
+    saving: boolean;
+    onClose: () => void;
+    onSelect: (hex: string) => void | Promise<void>;
+    /** Safe-area top inset supplied by the host. Defaults to 0. */
+    topInset?: number;
+    /** Safe-area bottom inset used for scroll padding. Defaults to 0. */
+    bottomInset?: number;
+};
+export declare function EchoColorPicker({ visible, currentColor, saving, onClose, onSelect, topInset, bottomInset, }: EchoColorPickerProps): React.JSX.Element;
+//# sourceMappingURL=EchoColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoColorPicker.d.ts","sourceRoot":"","sources":["../../src/components/EchoColorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAMF,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAY,EACZ,WAAe,GAChB,EAAE,oBAAoB,qBA4ItB"}