@echoform/echo-ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -4,10 +4,92 @@
  * 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;
-var EchoUITest_1 = require("./components/EchoUITest");
-Object.defineProperty(exports, "EchoUITest", { enumerable: true, get: function () { return EchoUITest_1.EchoUITest; } });
+exports.EchoSyncPanel = exports.EchoSyncPromptModal = exports.EchoRewardNotificationBanner = exports.EchoDeleteProfilePanel = exports.EchoDeletionIntercept = exports.EchoDeletionStatusCard = exports.EchoChangeProfileNameModal = exports.EchoConnectedAppsModal = exports.EchoVerificationCodeInput = exports.EchoformInfoModal = exports.EchoformInfoButton = exports.EchoWhyBecomeAnEchoModal = exports.EchoWelcome = exports.EchoProfileOverview = exports.EchoSignOutButton = exports.EchoProfileDivider = exports.EchoProfileRow = exports.EchoProfileSection = exports.EchoProfileHero = exports.EchoSuccessBanner = exports.EchoErrorBanner = exports.EchoLinkButton = exports.EchoPrimaryButton = exports.EchoPasswordField = exports.EchoFormField = exports.EchoColorPicker = exports.EchoTitlePicker = exports.EchoEmblemPicker = exports.EchoMoreScreen = exports.EchoSettingsSection = exports.EchoSettingsRow = exports.EchoProfileCard = exports.EchoEmblem = exports.isValidEchoColor = exports.resolveEchoColor = exports.echoColorLabel = exports.ECHO_COLOR_HEX_SET = exports.ECHO_COLOR_PALETTE = exports.ECHO_COLOR_DEFAULT = exports.rarityLabel = exports.rarityGlowColor = exports.rarityColor = exports.RADIUS = exports.SPACING = exports.FONTS = exports.COLORS = void 0;
+// ── 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; } });
+Object.defineProperty(exports, "rarityLabel", { enumerable: true, get: function () { return titleRarity_1.rarityLabel; } });
+var echoColors_1 = require("./echoColors");
+Object.defineProperty(exports, "ECHO_COLOR_DEFAULT", { enumerable: true, get: function () { return echoColors_1.ECHO_COLOR_DEFAULT; } });
+Object.defineProperty(exports, "ECHO_COLOR_PALETTE", { enumerable: true, get: function () { return echoColors_1.ECHO_COLOR_PALETTE; } });
+Object.defineProperty(exports, "ECHO_COLOR_HEX_SET", { enumerable: true, get: function () { return echoColors_1.ECHO_COLOR_HEX_SET; } });
+Object.defineProperty(exports, "echoColorLabel", { enumerable: true, get: function () { return echoColors_1.echoColorLabel; } });
+Object.defineProperty(exports, "resolveEchoColor", { enumerable: true, get: function () { return echoColors_1.resolveEchoColor; } });
+Object.defineProperty(exports, "isValidEchoColor", { enumerable: true, get: function () { return echoColors_1.isValidEchoColor; } });
+// ── 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; } });
+var EchoSettingsRow_1 = require("./components/EchoSettingsRow");
+Object.defineProperty(exports, "EchoSettingsRow", { enumerable: true, get: function () { return EchoSettingsRow_1.EchoSettingsRow; } });
+var EchoSettingsSection_1 = require("./components/EchoSettingsSection");
+Object.defineProperty(exports, "EchoSettingsSection", { enumerable: true, get: function () { return EchoSettingsSection_1.EchoSettingsSection; } });
+var EchoMoreScreen_1 = require("./components/EchoMoreScreen");
+Object.defineProperty(exports, "EchoMoreScreen", { enumerable: true, get: function () { return EchoMoreScreen_1.EchoMoreScreen; } });
+var EchoEmblemPicker_1 = require("./components/EchoEmblemPicker");
+Object.defineProperty(exports, "EchoEmblemPicker", { enumerable: true, get: function () { return EchoEmblemPicker_1.EchoEmblemPicker; } });
+var EchoTitlePicker_1 = require("./components/EchoTitlePicker");
+Object.defineProperty(exports, "EchoTitlePicker", { enumerable: true, get: function () { return EchoTitlePicker_1.EchoTitlePicker; } });
+var EchoColorPicker_1 = require("./components/EchoColorPicker");
+Object.defineProperty(exports, "EchoColorPicker", { enumerable: true, get: function () { return EchoColorPicker_1.EchoColorPicker; } });
+var EchoFormField_1 = require("./components/EchoFormField");
+Object.defineProperty(exports, "EchoFormField", { enumerable: true, get: function () { return EchoFormField_1.EchoFormField; } });
+var EchoPasswordField_1 = require("./components/EchoPasswordField");
+Object.defineProperty(exports, "EchoPasswordField", { enumerable: true, get: function () { return EchoPasswordField_1.EchoPasswordField; } });
+var EchoPrimaryButton_1 = require("./components/EchoPrimaryButton");
+Object.defineProperty(exports, "EchoPrimaryButton", { enumerable: true, get: function () { return EchoPrimaryButton_1.EchoPrimaryButton; } });
+var EchoLinkButton_1 = require("./components/EchoLinkButton");
+Object.defineProperty(exports, "EchoLinkButton", { enumerable: true, get: function () { return EchoLinkButton_1.EchoLinkButton; } });
+var EchoErrorBanner_1 = require("./components/EchoErrorBanner");
+Object.defineProperty(exports, "EchoErrorBanner", { enumerable: true, get: function () { return EchoErrorBanner_1.EchoErrorBanner; } });
+var EchoSuccessBanner_1 = require("./components/EchoSuccessBanner");
+Object.defineProperty(exports, "EchoSuccessBanner", { enumerable: true, get: function () { return EchoSuccessBanner_1.EchoSuccessBanner; } });
+var EchoProfileHero_1 = require("./components/EchoProfileHero");
+Object.defineProperty(exports, "EchoProfileHero", { enumerable: true, get: function () { return EchoProfileHero_1.EchoProfileHero; } });
+var EchoProfileSection_1 = require("./components/EchoProfileSection");
+Object.defineProperty(exports, "EchoProfileSection", { enumerable: true, get: function () { return EchoProfileSection_1.EchoProfileSection; } });
+var EchoProfileRow_1 = require("./components/EchoProfileRow");
+Object.defineProperty(exports, "EchoProfileRow", { enumerable: true, get: function () { return EchoProfileRow_1.EchoProfileRow; } });
+var EchoProfileDivider_1 = require("./components/EchoProfileDivider");
+Object.defineProperty(exports, "EchoProfileDivider", { enumerable: true, get: function () { return EchoProfileDivider_1.EchoProfileDivider; } });
+var EchoSignOutButton_1 = require("./components/EchoSignOutButton");
+Object.defineProperty(exports, "EchoSignOutButton", { enumerable: true, get: function () { return EchoSignOutButton_1.EchoSignOutButton; } });
+var EchoProfileOverview_1 = require("./components/EchoProfileOverview");
+Object.defineProperty(exports, "EchoProfileOverview", { enumerable: true, get: function () { return EchoProfileOverview_1.EchoProfileOverview; } });
+var EchoWelcome_1 = require("./components/EchoWelcome");
+Object.defineProperty(exports, "EchoWelcome", { enumerable: true, get: function () { return EchoWelcome_1.EchoWelcome; } });
+var EchoWhyBecomeAnEchoModal_1 = require("./components/EchoWhyBecomeAnEchoModal");
+Object.defineProperty(exports, "EchoWhyBecomeAnEchoModal", { enumerable: true, get: function () { return EchoWhyBecomeAnEchoModal_1.EchoWhyBecomeAnEchoModal; } });
+var EchoformInfoButton_1 = require("./components/EchoformInfoButton");
+Object.defineProperty(exports, "EchoformInfoButton", { enumerable: true, get: function () { return EchoformInfoButton_1.EchoformInfoButton; } });
+var EchoformInfoModal_1 = require("./components/EchoformInfoModal");
+Object.defineProperty(exports, "EchoformInfoModal", { enumerable: true, get: function () { return EchoformInfoModal_1.EchoformInfoModal; } });
+var EchoVerificationCodeInput_1 = require("./components/EchoVerificationCodeInput");
+Object.defineProperty(exports, "EchoVerificationCodeInput", { enumerable: true, get: function () { return EchoVerificationCodeInput_1.EchoVerificationCodeInput; } });
+var EchoConnectedAppsModal_1 = require("./components/EchoConnectedAppsModal");
+Object.defineProperty(exports, "EchoConnectedAppsModal", { enumerable: true, get: function () { return EchoConnectedAppsModal_1.EchoConnectedAppsModal; } });
+var EchoChangeProfileNameModal_1 = require("./components/EchoChangeProfileNameModal");
+Object.defineProperty(exports, "EchoChangeProfileNameModal", { enumerable: true, get: function () { return EchoChangeProfileNameModal_1.EchoChangeProfileNameModal; } });
+var EchoDeletionStatusCard_1 = require("./components/EchoDeletionStatusCard");
+Object.defineProperty(exports, "EchoDeletionStatusCard", { enumerable: true, get: function () { return EchoDeletionStatusCard_1.EchoDeletionStatusCard; } });
+var EchoDeletionIntercept_1 = require("./components/EchoDeletionIntercept");
+Object.defineProperty(exports, "EchoDeletionIntercept", { enumerable: true, get: function () { return EchoDeletionIntercept_1.EchoDeletionIntercept; } });
+var EchoDeleteProfilePanel_1 = require("./components/EchoDeleteProfilePanel");
+Object.defineProperty(exports, "EchoDeleteProfilePanel", { enumerable: true, get: function () { return EchoDeleteProfilePanel_1.EchoDeleteProfilePanel; } });
+var EchoRewardNotificationBanner_1 = require("./components/EchoRewardNotificationBanner");
+Object.defineProperty(exports, "EchoRewardNotificationBanner", { enumerable: true, get: function () { return EchoRewardNotificationBanner_1.EchoRewardNotificationBanner; } });
+var EchoSyncPromptModal_1 = require("./components/EchoSyncPromptModal");
+Object.defineProperty(exports, "EchoSyncPromptModal", { enumerable: true, get: function () { return EchoSyncPromptModal_1.EchoSyncPromptModal; } });
+var EchoSyncPanel_1 = require("./components/EchoSyncPanel");
+Object.defineProperty(exports, "EchoSyncPanel", { enumerable: true, get: function () { return EchoSyncPanel_1.EchoSyncPanel; } });
 //# 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,iCAAyD;AAAhD,+FAAA,MAAM,OAAA;AAAE,8FAAA,KAAK,OAAA;AAAE,gGAAA,OAAO,OAAA;AAAE,+FAAA,MAAM,OAAA;AAIvC,6CAA0E;AAAjE,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAE,0GAAA,WAAW,OAAA;AAIlD,2CAOsB;AANpB,gHAAA,kBAAkB,OAAA;AAClB,gHAAA,kBAAkB,OAAA;AAClB,gHAAA,kBAAkB,OAAA;AAClB,4GAAA,cAAc,OAAA;AACd,8GAAA,gBAAgB,OAAA;AAChB,8GAAA,gBAAgB,OAAA;AAGlB,iFAAiF;AACjF,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AAGnB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AAGxB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AAGxB,wEAAuE;AAA9D,0HAAA,mBAAmB,OAAA;AAG5B,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AAGvB,kEAAiE;AAAxD,oHAAA,gBAAgB,OAAA;AAGzB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AAGxB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AAGxB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAGtB,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAG1B,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAG1B,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AAGvB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AAGxB,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAG1B,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AAGxB,sEAAqE;AAA5D,wHAAA,kBAAkB,OAAA;AAG3B,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AAGvB,sEAAqE;AAA5D,wHAAA,kBAAkB,OAAA;AAE3B,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAG1B,wEAAuE;AAA9D,0HAAA,mBAAmB,OAAA;AAG5B,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AAGpB,kFAAiF;AAAxE,oIAAA,wBAAwB,OAAA;AAGjC,sEAAqE;AAA5D,wHAAA,kBAAkB,OAAA;AAG3B,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAG1B,oFAAmF;AAA1E,sIAAA,yBAAyB,OAAA;AAGlC,8EAA6E;AAApE,gIAAA,sBAAsB,OAAA;AAG/B,sFAAqF;AAA5E,wIAAA,0BAA0B,OAAA;AAGnC,8EAA6E;AAApE,gIAAA,sBAAsB,OAAA;AAG/B,4EAA2E;AAAlE,8HAAA,qBAAqB,OAAA;AAG9B,8EAA6E;AAApE,gIAAA,sBAAsB,OAAA;AAG/B,0FAAyF;AAAhF,4IAAA,4BAA4B,OAAA;AAGrC,wEAAuE;AAA9D,0HAAA,mBAAmB,OAAA;AAO5B,4DAA2D;AAAlD,8GAAA,aAAa,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,19 @@
+/**
+ * @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;
+/**
+ * Returns the human-readable label for a given rarity.
+ * Used in picker components and accessibility strings.
+ */
+export declare function rarityLabel(rarity: EchoTitleRarity): string;
+//# 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;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAO3D"}

package/dist/titleRarity.js

@@ -0,0 +1,46 @@
+"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;
+exports.rarityLabel = rarityLabel;
+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];
+}
+/**
+ * Returns the human-readable label for a given rarity.
+ * Used in picker components and accessibility strings.
+ */
+function rarityLabel(rarity) {
+    switch (rarity) {
+        case 'common': return 'Common';
+        case 'rare': return 'Rare';
+        case 'legendary': return 'Legendary';
+        case 'mythic': return 'Mythic';
+    }
+}
+//# 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;AAMD,kCAOC;AAtCD,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;AAED;;;GAGG;AACH,SAAgB,WAAW,CAAC,MAAuB;IACjD,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,QAAQ,CAAC,CAAI,OAAO,QAAQ,CAAC;QAClC,KAAK,MAAM,CAAC,CAAM,OAAO,MAAM,CAAC;QAChC,KAAK,WAAW,CAAC,CAAC,OAAO,WAAW,CAAC;QACrC,KAAK,QAAQ,CAAC,CAAI,OAAO,QAAQ,CAAC;IACpC,CAAC;AACH,CAAC"}

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@echoform/echo-ui",
-  "version": "0.1.0",
-  "description": "Echoform Productions – shared React Native / Expo UI component library",
+  "version": "0.2.0",
+  "description": "Echoform Productions – shared React Native / Expo presentation library for the Echoform ecosystem",
   "author": "Echoform Productions",
   "license": "MIT",
   "main": "dist/index.js",
-  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
@@ -17,7 +16,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 +30,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/echoformproductions/Echo-UI.git"
+    "url": "git+https://github.com/echoformproductions/Echo-UI.git"
   },
   "publishConfig": {
     "access": "public"

package/dist/components/EchoUITest.d.ts

@@ -1,14 +0,0 @@
-/**
- * EchoUITest
- *
- * Minimal smoke-test component. Its sole purpose is to confirm that the
- * package build pipeline and import chain are working end-to-end.
- * Replace / delete this component once real Echo UI components exist.
- */
-import React from 'react';
-export interface EchoUITestProps {
-    /** Optional label rendered inside the badge. Defaults to "@echoform/echo-ui". */
-    label?: string;
-}
-export declare function EchoUITest({ label }: EchoUITestProps): React.JSX.Element;
-//# sourceMappingURL=EchoUITest.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EchoUITest.d.ts","sourceRoot":"","sources":["../../src/components/EchoUITest.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAA2B,EAAE,EAAE,eAAe,qBAS1E"}

package/dist/components/EchoUITest.js

@@ -1,53 +0,0 @@
-"use strict";
-/**
- * EchoUITest
- *
- * Minimal smoke-test component. Its sole purpose is to confirm that the
- * package build pipeline and import chain are working end-to-end.
- * Replace / delete this component once real Echo UI components exist.
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EchoUITest = EchoUITest;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-function EchoUITest({ label = '@echoform/echo-ui' }) {
-    return (<react_native_1.View style={styles.container}>
-      <react_native_1.View style={styles.badge}>
-        <react_native_1.Text style={styles.packageLabel}>{label}</react_native_1.Text>
-        <react_native_1.Text style={styles.statusLabel}>Package import OK</react_native_1.Text>
-      </react_native_1.View>
-    </react_native_1.View>);
-}
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        padding: 16,
-    },
-    badge: {
-        backgroundColor: '#0D0D0D',
-        borderWidth: 1,
-        borderColor: '#2A2A2A',
-        borderRadius: 12,
-        paddingVertical: 18,
-        paddingHorizontal: 28,
-        alignItems: 'center',
-        gap: 6,
-    },
-    packageLabel: {
-        color: '#C8FF00',
-        fontSize: 15,
-        fontWeight: '700',
-        letterSpacing: 0.4,
-    },
-    statusLabel: {
-        color: '#888888',
-        fontSize: 12,
-        fontWeight: '500',
-        letterSpacing: 0.2,
-    },
-});
-//# sourceMappingURL=EchoUITest.js.map

package/dist/components/EchoUITest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EchoUITest.js","sourceRoot":"","sources":["../../src/components/EchoUITest.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;;AAUH,gCASC;AAjBD,kDAA0B;AAC1B,+CAAsD;AAOtD,SAAgB,UAAU,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAmB;IACzE,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,mBAAI,CAC/C;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,mBAAI,CAC1D;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,KAAK,EAAE;QACL,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,GAAG;KACnB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC,CAAC"}