@neptune.fintech/web-ui 1.0.0

package/dist/components/inputs.js

@@ -0,0 +1,167 @@
+// Neptune Odyssey — inputs · © 2026 Neptune.Fintech (neptune.ly)
+// <npt-text-field>, <npt-chip>, <npt-badge>.
+import { NptElement, css, html, A11Y } from "./base.js";
+const esc = (v) => (v ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+/**
+ * <npt-text-field label="IBAN" value="" placeholder="LY.." [error="msg"]></npt-text-field>
+ * Outlined M3 field. Logical padding → mirrors in RTL.
+ */
+export class NptTextField extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    get value() {
+        return this.root.querySelector("input")?.value ?? this.getAttribute("value") ?? "";
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: block;
+      }
+      label {
+        display: block;
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-label, 14px);
+        color: var(--md-sys-color-on-surface-variant);
+        margin-block-end: var(--npt-space-2, 8px);
+      }
+      input {
+        inline-size: 100%;
+        box-sizing: border-box;
+        min-height: 48px;
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-body-lg, 16px);
+        color: var(--md-sys-color-on-surface);
+        background: var(--md-sys-color-surface-container-lowest);
+        border: 1px solid var(--md-sys-color-outline);
+        border-radius: var(--npt-corner-sm, 12px);
+        padding-inline: var(--npt-space-4, 16px);
+        padding-block: var(--npt-space-3, 12px);
+        transition: border-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease);
+      }
+      input::placeholder {
+        color: var(--md-sys-color-on-surface-variant);
+        opacity: 0.7;
+      }
+      input:focus {
+        outline: none;
+        border-color: var(--md-sys-color-primary);
+        box-shadow: 0 0 0 1px var(--md-sys-color-primary);
+      }
+      :host([error]) input {
+        border-color: var(--md-sys-color-error);
+      }
+      .error {
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-caption, 12px);
+        color: var(--md-sys-color-error);
+        margin-block-start: var(--npt-space-2, 8px);
+      }
+    `;
+    }
+    render() {
+        const label = esc(this.getAttribute("label"));
+        const value = esc(this.getAttribute("value"));
+        const placeholder = esc(this.getAttribute("placeholder"));
+        const error = this.getAttribute("error");
+        const type = esc(this.getAttribute("type")) || "text";
+        return html `
+      ${label ? html `<label>${label}</label>` : ""}
+      <input
+        type="${type}"
+        value="${value}"
+        placeholder="${placeholder}"
+        aria-invalid="${error ? "true" : "false"}"
+        aria-label="${label}"
+      />
+      ${error ? html `<p class="error" role="alert">${esc(error)}</p>` : ""}
+    `;
+    }
+}
+NptTextField.observedAttributes = ["label", "value", "placeholder", "error", "type"];
+/** <npt-chip [selected]>Label</npt-chip> */
+export class NptChip extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: inline-block;
+      }
+      .chip {
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-label, 14px);
+        min-height: 32px;
+        display: inline-flex;
+        align-items: center;
+        padding-inline: var(--npt-space-4, 16px);
+        border-radius: var(--npt-corner-sm, 12px);
+        border: 1px solid var(--md-sys-color-outline);
+        background: transparent;
+        color: var(--md-sys-color-on-surface-variant);
+        cursor: pointer;
+      }
+      :host([selected]) .chip {
+        background: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-secondary-container);
+        border-color: transparent;
+      }
+    `;
+    }
+    render() {
+        const selected = this.hasAttribute("selected");
+        return html `<button class="chip" part="chip" role="option" aria-selected="${selected}"><slot></slot></button>`;
+    }
+}
+NptChip.observedAttributes = ["selected"];
+/** <npt-badge tone="primary|success|error|neutral">3</npt-badge> */
+export class NptBadge extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      :host {
+        display: inline-block;
+      }
+      .badge {
+        font-family: var(--npt-font-num);
+        font-variant-numeric: tabular-nums;
+        font-size: var(--npt-text-caption, 12px);
+        font-weight: 600;
+        min-inline-size: 20px;
+        block-size: 20px;
+        padding-inline: var(--npt-space-2, 8px);
+        border-radius: var(--npt-corner-full, 999px);
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
+      }
+      :host([tone="success"]) .badge {
+        background: var(--md-sys-color-success);
+        color: var(--md-sys-color-on-success);
+      }
+      :host([tone="error"]) .badge {
+        background: var(--md-sys-color-error);
+        color: var(--md-sys-color-on-error);
+      }
+      :host([tone="neutral"]) .badge {
+        background: var(--md-sys-color-surface-container-highest);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+    `;
+    }
+    render() {
+        return html `<span class="badge" part="badge"><slot></slot></span>`;
+    }
+}
+NptBadge.observedAttributes = ["tone"];
+//# sourceMappingURL=inputs.js.map

package/dist/components/inputs.js.map

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

package/dist/components/nav.d.ts

@@ -0,0 +1,24 @@
+import { NptElement } from "./base.js";
+/** <npt-app-bar title="Accounts"> …trailing slot… </npt-app-bar> */
+export declare class NptAppBar extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-nav-bar> with <npt-nav-item> children (icon + label slots).
+ * The mobile bottom navigation. Indicator uses secondary-container.
+ */
+export declare class NptNavBar extends NptElement {
+    protected styles(): string;
+    protected render(): string;
+}
+/** <npt-nav-item label="Home" [active]>icon-glyph</npt-nav-item> */
+export declare class NptNavItem extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+//# sourceMappingURL=nav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../src/components/nav.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,WAAW,CAAC;AAKlD,oEAAoE;AACpE,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,kBAAkB,WAAa;IAEtC,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IA4B1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAU3B;AAED;;;GAGG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,MAAM,IAAI,MAAM;IAiB1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAG3B;AAED,oEAAoE;AACpE,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,kBAAkB,WAAuB;IAEhD,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IAuC1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAU3B"}

package/dist/components/nav.js

@@ -0,0 +1,131 @@
+// Neptune Odyssey — navigation · © 2026 Neptune.Fintech (neptune.ly)
+// <npt-app-bar>, <npt-nav-bar>. Logical layout → mirrors in RTL.
+import { NptElement, css, html } from "./base.js";
+const esc = (v) => (v ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+/** <npt-app-bar title="Accounts"> …trailing slot… </npt-app-bar> */
+export class NptAppBar extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      :host {
+        display: block;
+      }
+      .bar {
+        display: flex;
+        align-items: center;
+        gap: var(--npt-space-4, 16px);
+        min-height: 56px;
+        padding-inline: var(--npt-space-4, 16px);
+        background: var(--md-sys-color-surface);
+        color: var(--md-sys-color-on-surface);
+      }
+      .title {
+        flex: 1 1 auto;
+        font-family: var(--npt-font-display);
+        font-size: var(--npt-text-title-lg, 22px);
+        font-weight: var(--npt-display-weight, 700);
+        letter-spacing: var(--npt-display-tracking, -0.02em);
+        margin: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    `;
+    }
+    render() {
+        const title = esc(this.getAttribute("title"));
+        return html `
+      <header class="bar" part="bar">
+        <slot name="leading"></slot>
+        <h1 class="title">${title}</h1>
+        <slot name="trailing"></slot>
+      </header>
+    `;
+    }
+}
+NptAppBar.observedAttributes = ["title"];
+/**
+ * <npt-nav-bar> with <npt-nav-item> children (icon + label slots).
+ * The mobile bottom navigation. Indicator uses secondary-container.
+ */
+export class NptNavBar extends NptElement {
+    styles() {
+        return css `
+      :host {
+        display: block;
+      }
+      .nav {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        min-height: 64px;
+        background: var(--md-sys-color-surface-container);
+        color: var(--md-sys-color-on-surface-variant);
+        padding-inline: var(--npt-space-2, 8px);
+      }
+    `;
+    }
+    render() {
+        return html `<nav class="nav" part="nav" role="navigation"><slot></slot></nav>`;
+    }
+}
+/** <npt-nav-item label="Home" [active]>icon-glyph</npt-nav-item> */
+export class NptNavItem extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      :host {
+        display: inline-flex;
+        flex: 1 1 0;
+      }
+      .item {
+        flex: 1 1 0;
+        min-height: 48px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 2px;
+        border: none;
+        background: transparent;
+        color: inherit;
+        cursor: pointer;
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-caption, 12px);
+      }
+      .pill {
+        min-inline-size: 56px;
+        block-size: 28px;
+        border-radius: var(--npt-corner-full, 999px);
+        display: grid;
+        place-items: center;
+        transition: background-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease);
+      }
+      :host([active]) {
+        color: var(--md-sys-color-on-surface);
+      }
+      :host([active]) .pill {
+        background: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-secondary-container);
+      }
+    `;
+    }
+    render() {
+        const label = esc(this.getAttribute("label"));
+        const active = this.hasAttribute("active");
+        return html `
+      <button class="item" part="item" aria-current="${active ? "page" : "false"}" aria-label="${label}">
+        <span class="pill"><slot></slot></span>
+        <span>${label}</span>
+      </button>
+    `;
+    }
+}
+NptNavItem.observedAttributes = ["label", "active"];
+//# sourceMappingURL=nav.js.map

package/dist/components/nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.js","sourceRoot":"","sources":["../../src/components/nav.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,iEAAiE;AACjE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,GAAG,GAAG,CAAC,CAAgB,EAAU,EAAE,CACvC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;AAEvG,oEAAoE;AACpE,MAAM,OAAO,SAAU,SAAQ,UAAU;IAGvC,wBAAwB;QACtB,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC;IAES,MAAM;QACd,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBT,CAAC;IACJ,CAAC;IAES,MAAM;QACd,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAA;;;4BAGa,KAAK;;;KAG5B,CAAC;IACJ,CAAC;;AA3CM,4BAAkB,GAAG,CAAC,OAAO,CAAC,CAAC;AA8CxC;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAC7B,MAAM;QACd,OAAO,GAAG,CAAA;;;;;;;;;;;;;KAaT,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,mEAAmE,CAAC;IACjF,CAAC;CACF;AAED,oEAAoE;AACpE,MAAM,OAAO,UAAW,SAAQ,UAAU;IAGxC,wBAAwB;QACtB,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC;IAES,MAAM;QACd,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCT,CAAC;IACJ,CAAC;IAES,MAAM;QACd,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAA;uDACwC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAAiB,KAAK;;gBAEtF,KAAK;;KAEhB,CAAC;IACJ,CAAC;;AAtDM,6BAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./theme/applyTheme.js";
+export { NptElement, define } from "./components/base.js";
+export { NptButton } from "./components/button.js";
+export { NptCard } from "./components/card.js";
+export { NptBalanceCard, NptTransactionRow } from "./components/financial.js";
+export { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
+export { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
+export { registerAll } from "./register.js";
+export type { Brand, Mode, Direction, NeptuneTheme, ThemeInput, BrandprintConfig, } from "@neptune.fintech/tokens";
+export { buildTheme, encode, decode, brandprintFor } from "@neptune.fintech/tokens";
+export declare const WEB_UI_VERSION = "1.0.0";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EACV,KAAK,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,eAAO,MAAM,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+// Neptune Odyssey — @neptune.fintech/web-ui · © 2026 Neptune.Fintech (neptune.ly)
+// Framework-agnostic, CSS-variable themed custom-element kit + the applyTheme API.
+// Licensed under the Neptune Odyssey Community License v1.0 (see LICENSE).
+//
+// Theming is pure CSS variables. Import the stylesheet once:
+//   import "@neptune.fintech/web-ui/styles.css";
+// then either set data-theme/data-mode/dir yourself, or use applyTheme().
+// Register components with registerAll() (or import "@neptune.fintech/web-ui/register").
+export * from "./theme/applyTheme.js";
+export { NptElement, define } from "./components/base.js";
+export { NptButton } from "./components/button.js";
+export { NptCard } from "./components/card.js";
+export { NptBalanceCard, NptTransactionRow } from "./components/financial.js";
+export { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
+export { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
+export { registerAll } from "./register.js";
+export { buildTheme, encode, decode, brandprintFor } from "@neptune.fintech/tokens";
+export const WEB_UI_VERSION = "1.0.0";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,mFAAmF;AACnF,2EAA2E;AAC3E,EAAE;AACF,6DAA6D;AAC7D,iDAAiD;AACjD,0EAA0E;AAC1E,yFAAyF;AAEzF,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC"}

package/dist/register.d.ts

@@ -0,0 +1,3 @@
+/** Register every Neptune Odyssey custom element (idempotent, browser-only). */
+export declare function registerAll(): void;
+//# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAUA,gFAAgF;AAChF,wBAAgB,WAAW,IAAI,IAAI,CAWlC"}

package/dist/register.js

@@ -0,0 +1,24 @@
+// Neptune Odyssey — element registration · © 2026 Neptune.Fintech (neptune.ly)
+// Side-effectful by design: importing this file registers every custom element.
+// (Tree-shakers: this module is listed in package.json "sideEffects".)
+import { define } from "./components/base.js";
+import { NptButton } from "./components/button.js";
+import { NptCard } from "./components/card.js";
+import { NptBalanceCard, NptTransactionRow } from "./components/financial.js";
+import { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
+import { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
+/** Register every Neptune Odyssey custom element (idempotent, browser-only). */
+export function registerAll() {
+    define("npt-button", NptButton);
+    define("npt-card", NptCard);
+    define("npt-balance-card", NptBalanceCard);
+    define("npt-transaction-row", NptTransactionRow);
+    define("npt-text-field", NptTextField);
+    define("npt-chip", NptChip);
+    define("npt-badge", NptBadge);
+    define("npt-app-bar", NptAppBar);
+    define("npt-nav-bar", NptNavBar);
+    define("npt-nav-item", NptNavItem);
+}
+registerAll();
+//# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,gFAAgF;AAChF,uEAAuE;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEvE,gFAAgF;AAChF,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5B,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IAC3C,MAAM,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;IACjD,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACvC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5B,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AACrC,CAAC;AAED,WAAW,EAAE,CAAC"}

package/dist/theme/applyTheme.d.ts

@@ -0,0 +1,27 @@
+import { type NeptuneTheme, type ThemeInput, type Direction } from "@neptune.fintech/tokens";
+export type ModeOption = "light" | "dark" | "system";
+export type DirOption = Direction | "auto";
+export interface ApplyThemeOptions {
+    mode?: ModeOption;
+    dir?: DirOption;
+}
+export interface ThemeHandle {
+    /** The resolved theme that was applied. */
+    theme: NeptuneTheme;
+    /** Stop watching `system`/`auto` listeners and leave the last applied values in place. */
+    dispose(): void;
+}
+/**
+ * Apply a Neptune Odyssey theme to a root element.
+ *
+ * @example
+ * applyTheme(document.documentElement, "andalus", { mode: "system", dir: "auto" });
+ * applyTheme(root, "NO1-AYB4AKKeeABWDBIaIiw4B_YBAAABAQEBAQAAyA");
+ * applyTheme(root, { primary: {L,C,H}, tertiary: {…}, corners: {…}, … });
+ */
+export declare function applyTheme(root: HTMLElement, input: ThemeInput, options?: ApplyThemeOptions): ThemeHandle;
+/** Convenience: set only the mode on an already-themed root (zero re-resolve). */
+export declare function setMode(root: HTMLElement, mode: "light" | "dark"): void;
+/** Convenience: set only the direction on an already-themed root. */
+export declare function setDirection(root: HTMLElement, dir: Direction): void;
+//# sourceMappingURL=applyTheme.d.ts.map

package/dist/theme/applyTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.d.ts","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":"AAUA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,2CAA2C;IAC3C,KAAK,EAAE,YAAY,CAAC;IACpB,0FAA0F;IAC1F,OAAO,IAAI,IAAI,CAAC;CACjB;AAwDD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,GAAE,iBAAsB,GAC9B,WAAW,CAyCb;AAED,kFAAkF;AAClF,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAEvE;AAED,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAEpE"}

package/dist/theme/applyTheme.js

@@ -0,0 +1,118 @@
+// Neptune Odyssey — web theming surface · © 2026 Neptune.Fintech (neptune.ly)
+// Licensed under the Neptune Odyssey Community License v1.0 (see LICENSE).
+//
+// Theming is PURE CSS VARIABLES. For the four reference brands, the shipped
+// themes.css already defines every var — so re-skinning is zero JS: just set
+// data-theme / data-mode / dir. For a custom config or a brandprint string we
+// resolve the palette (via @neptune.fintech/tokens, the shared determinism
+// backbone) and write the vars onto the root element. SSR-safe: no module-level
+// DOM access; everything is guarded and runs only when called with an element.
+import { buildTheme, COLOR_ROLES, } from "@neptune.fintech/tokens";
+const REFERENCE_BRANDS = new Set(["neptune", "andalus", "nuran", "fglb"]);
+function prefersDark() {
+    return typeof matchMedia === "function" && matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function resolveMode(mode, fallback) {
+    if (mode === "light" || mode === "dark")
+        return mode;
+    if (mode === "system")
+        return prefersDark() ? "dark" : "light";
+    return fallback;
+}
+function resolveDir(dir, root, fallback) {
+    if (dir === "ltr" || dir === "rtl")
+        return dir;
+    if (dir === "auto") {
+        const inherited = getComputedStyle?.(root)?.direction;
+        return inherited === "rtl" ? "rtl" : "ltr";
+    }
+    return fallback;
+}
+/** Write the resolved palette + npt expression vars onto the element (custom themes). */
+function writeVars(root, theme) {
+    const s = root.style;
+    for (const role of COLOR_ROLES)
+        s.setProperty(`--md-sys-color-${role}`, theme.colors[role]);
+    // shape (themes.css computes --npt-corner-* from *-base * --npt-shape-scale)
+    s.setProperty("--npt-corner-xs-base", `${theme.shape.xs}px`);
+    s.setProperty("--npt-corner-sm-base", `${theme.shape.sm}px`);
+    s.setProperty("--npt-corner-md-base", `${theme.shape.md}px`);
+    s.setProperty("--npt-corner-lg-base", `${theme.shape.lg}px`);
+    s.setProperty("--npt-corner-xl-base", `${theme.shape.xl}px`);
+    s.setProperty("--npt-corner-2xl-base", `${theme.shape.xxl}px`);
+    s.setProperty("--npt-corner-full", "999px");
+    s.setProperty("--npt-shape-scale", "1");
+    // type
+    s.setProperty("--npt-font-display", `'${theme.type.display}'`);
+    s.setProperty("--npt-font-text", `'${theme.type.text}'`);
+    s.setProperty("--npt-font-num", `'${theme.type.num}'`);
+    s.setProperty("--npt-display-weight", String(theme.type.displayWeight));
+    s.setProperty("--npt-display-tracking", `${theme.type.displayTracking}em`);
+    // motion
+    s.setProperty("--npt-ease-standard", theme.motion.ease.standard);
+    s.setProperty("--npt-ease-emphasized", theme.motion.ease.emphasized);
+    s.setProperty("--npt-ease-spring", theme.motion.ease.spring);
+    s.setProperty("--npt-dur-fast", `${theme.motion.durMs.fast}ms`);
+    s.setProperty("--npt-dur-standard", `${theme.motion.durMs.standard}ms`);
+    s.setProperty("--npt-dur-slow", `${theme.motion.durMs.slow}ms`);
+    s.setProperty("--npt-glass-blur", `${theme.motion.glassBlurPx}px`);
+    // named levers
+    s.setProperty("--npt-login-shell", theme.levers.loginShell);
+    s.setProperty("--npt-dashboard-hero", theme.levers.dashboardHero);
+    s.setProperty("--npt-content-tone", theme.levers.contentTone);
+}
+/**
+ * Apply a Neptune Odyssey theme to a root element.
+ *
+ * @example
+ * applyTheme(document.documentElement, "andalus", { mode: "system", dir: "auto" });
+ * applyTheme(root, "NO1-AYB4AKKeeABWDBIaIiw4B_YBAAABAQEBAQAAyA");
+ * applyTheme(root, { primary: {L,C,H}, tertiary: {…}, corners: {…}, … });
+ */
+export function applyTheme(root, input, options = {}) {
+    const isReferenceBrand = typeof input === "string" && REFERENCE_BRANDS.has(input);
+    const cleanups = [];
+    const paint = () => {
+        const base = buildTheme(input);
+        const mode = resolveMode(options.mode, base.mode);
+        const dir = resolveDir(options.dir, root, base.dir);
+        const theme = buildTheme(input, { mode, dir });
+        if (isReferenceBrand) {
+            root.dataset.theme = input;
+        }
+        else {
+            root.dataset.theme = "custom";
+            writeVars(root, theme);
+        }
+        root.dataset.mode = mode;
+        root.setAttribute("dir", dir);
+        return theme;
+    };
+    let theme = paint();
+    if (options.mode === "system" && typeof matchMedia === "function") {
+        const mq = matchMedia("(prefers-color-scheme: dark)");
+        const onChange = () => {
+            theme = paint();
+        };
+        mq.addEventListener?.("change", onChange);
+        cleanups.push(() => mq.removeEventListener?.("change", onChange));
+    }
+    return {
+        get theme() {
+            return theme;
+        },
+        dispose() {
+            for (const c of cleanups)
+                c();
+        },
+    };
+}
+/** Convenience: set only the mode on an already-themed root (zero re-resolve). */
+export function setMode(root, mode) {
+    root.dataset.mode = mode;
+}
+/** Convenience: set only the direction on an already-themed root. */
+export function setDirection(root, dir) {
+    root.setAttribute("dir", dir);
+}
+//# sourceMappingURL=applyTheme.js.map

package/dist/theme/applyTheme.js.map

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

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@neptune.fintech/web-ui",
+  "version": "1.0.0",
+  "description": "Neptune Odyssey web kit — framework-agnostic, CSS-variable-themed custom elements + the applyTheme API (brand id / config / brandprint).",
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "Neptune.Fintech (https://neptune.ly)",
+  "homepage": "https://neptune.ly",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/neptune-ly/neptune_odyssey.git",
+    "directory": "packages/neptune_web_ui"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./dist/register.js",
+    "**/*.css"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./register": {
+      "types": "./dist/register.d.ts",
+      "import": "./dist/register.js"
+    },
+    "./styles.css": "./styles/neptune-odyssey.css",
+    "./styles/themes.css": "./styles/themes.css",
+    "./styles/system.css": "./styles/system.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "styles",
+    "LICENSE",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@neptune.fintech/tokens": "^1.0.0"
+  },
+  "devDependencies": {
+    "jsdom": "^25.0.1",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.8"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "lint": "tsc -p tsconfig.json --noEmit"
+  }
+}

package/styles/neptune-odyssey.css

@@ -0,0 +1,6 @@
+/* Neptune Odyssey — web theme entry · © 2026 Neptune.Fintech (neptune.ly)
+   Load order matters: themes.css (per-brand color/shape/type) → system.css
+   (brand-constant motion/elevation/spacing/type-scale/focus). Import once at the
+   root of your app, then set data-theme / data-mode / dir (or use applyTheme()). */
+@import "./themes.css";
+@import "./system.css";