@neptune.fintech/web-ui 2.1.0 → 2.3.0

package/dist/components/money-movement.js.map

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

package/dist/components/premium.d.ts

@@ -0,0 +1,38 @@
+import { NptElement } from "./base.js";
+/**
+ * <npt-dock> — a floating, glassy bottom navigation that wraps <npt-dock-item>
+ * children. The active item lifts into a filled accent circle that rises above
+ * the bar. Place it fixed at the bottom of your app shell.
+ */
+export declare class NptDock extends NptElement {
+    protected styles(): string;
+    protected render(): string;
+}
+/** <npt-dock-item label="Home" [active]>icon</npt-dock-item> */
+export declare class NptDockItem extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onClick;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-onboarding eyebrow="Welcome" supporting="…" steps="3" active-step="0">
+ *   <div slot="media">…image / illustration…</div>
+ *   <span slot="headline">Bank <b>anywhere</b>.</span>
+ *   <npt-button slot="cta" variant="filled">Get started</npt-button>
+ * </npt-onboarding>
+ *
+ * A full-height get-started hero: a media region on top, then headline,
+ * supporting copy, page dots and a call to action. The headline accepts rich
+ * markup so you can mix weights (regular + bold) like the reference designs.
+ */
+export declare class NptOnboarding extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+//# sourceMappingURL=premium.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"premium.d.ts","sourceRoot":"","sources":["../../src/components/premium.ts"],"names":[],"mappings":"AAMA,OAAO,EAAQ,UAAU,EAAa,MAAM,WAAW,CAAC;AAKxD;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,SAAS,CAAC,MAAM,IAAI,MAAM;IAuB1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAG3B;AAED,gEAAgE;AAChE,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,kBAAkB,WAAmC;IAE5D,wBAAwB,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;IAKlC,oBAAoB,IAAI,IAAI;IAI5B,OAAO,CAAC,OAAO,CASb;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IA2D1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAU3B;AAED;;;;;;;;;;GAUG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,kBAAkB,WAAqD;IAE9E,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IAuG1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAqB3B"}

package/dist/components/premium.js

@@ -0,0 +1,275 @@
+// Neptune Odyssey — premium app-shell pieces · © 2026 Neptune.Fintech (neptune.ly)
+//
+// A floating "dock" bottom navigation with a raised active indicator, and a
+// full-screen onboarding / get-started hero. Both are custom-property driven
+// only (no literal colours/radii/fonts), use logical properties so they mirror
+// under RTL, and honour prefers-reduced-motion via the shared A11Y guard.
+import { A11Y, NptElement, css, html } from "./base.js";
+const esc = (v) => (v ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+/**
+ * <npt-dock> — a floating, glassy bottom navigation that wraps <npt-dock-item>
+ * children. The active item lifts into a filled accent circle that rises above
+ * the bar. Place it fixed at the bottom of your app shell.
+ */
+export class NptDock extends NptElement {
+    styles() {
+        return css `
+      :host {
+        display: block;
+      }
+      .dock {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        gap: var(--npt-space-1, 4px);
+        padding: var(--npt-space-3, 12px) var(--npt-space-4, 16px);
+        background: color-mix(in oklab, var(--md-sys-color-surface-container) 86%, transparent);
+        -webkit-backdrop-filter: blur(var(--npt-glass-blur, 14px));
+        backdrop-filter: blur(var(--npt-glass-blur, 14px));
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: var(--npt-corner-2xl, 28px);
+        box-shadow: var(--npt-elev-3, 0 8px 24px rgba(0, 0, 0, 0.18));
+        /* let the active item's raised circle pop above the bar */
+        overflow: visible;
+      }
+    `;
+    }
+    render() {
+        return html `<nav class="dock" part="dock" role="navigation"><slot></slot></nav>`;
+    }
+}
+/** <npt-dock-item label="Home" [active]>icon</npt-dock-item> */
+export class NptDockItem extends NptElement {
+    constructor() {
+        super(...arguments);
+        this.onClick = () => {
+            if (this.hasAttribute("disabled"))
+                return;
+            this.dispatchEvent(new CustomEvent("npt-select", {
+                bubbles: true,
+                composed: true,
+                detail: { label: this.getAttribute("label") ?? "" },
+            }));
+        };
+    }
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("click", this.onClick);
+    }
+    disconnectedCallback() {
+        this.removeEventListener("click", this.onClick);
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: inline-flex;
+        flex: 1 1 0;
+      }
+      .item {
+        flex: 1 1 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: var(--npt-space-1, 4px);
+        min-block-size: 48px;
+        padding: 0;
+        border: none;
+        background: transparent;
+        color: var(--md-sys-color-on-surface-variant);
+        cursor: pointer;
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-caption, 12px);
+        line-height: var(--npt-leading-caption, 1.3);
+      }
+      .ic {
+        inline-size: 44px;
+        block-size: 44px;
+        border-radius: var(--npt-corner-full, 999px);
+        display: grid;
+        place-items: center;
+        transition:
+          transform var(--npt-dur-2, 220ms) var(--npt-ease-emphasized, ease),
+          background-color var(--npt-dur-2, 220ms) var(--npt-ease-emphasized, ease),
+          box-shadow var(--npt-dur-2, 220ms) var(--npt-ease-emphasized, ease);
+      }
+      .lbl {
+        opacity: 0.85;
+        transition: opacity var(--npt-dur-1, 150ms) var(--npt-ease-standard, ease);
+      }
+      :host([active]) .item {
+        color: var(--md-sys-color-primary);
+        font-weight: 700;
+      }
+      :host([active]) .ic {
+        background: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
+        transform: translateY(-14px);
+        box-shadow: var(--npt-glow-primary, 0 6px 16px rgba(0, 0, 0, 0.28));
+      }
+      :host([active]) .lbl {
+        margin-block-start: -10px;
+        opacity: 1;
+      }
+      :host([disabled]) {
+        opacity: 0.4;
+        pointer-events: none;
+      }
+    `;
+    }
+    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="ic" part="indicator"><slot></slot></span>
+        <span class="lbl">${label}</span>
+      </button>
+    `;
+    }
+}
+NptDockItem.observedAttributes = ["label", "active", "disabled"];
+/**
+ * <npt-onboarding eyebrow="Welcome" supporting="…" steps="3" active-step="0">
+ *   <div slot="media">…image / illustration…</div>
+ *   <span slot="headline">Bank <b>anywhere</b>.</span>
+ *   <npt-button slot="cta" variant="filled">Get started</npt-button>
+ * </npt-onboarding>
+ *
+ * A full-height get-started hero: a media region on top, then headline,
+ * supporting copy, page dots and a call to action. The headline accepts rich
+ * markup so you can mix weights (regular + bold) like the reference designs.
+ */
+export class NptOnboarding extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: block;
+        block-size: 100%;
+      }
+      .wrap {
+        display: flex;
+        flex-direction: column;
+        min-block-size: 100%;
+        background: var(--md-sys-color-background);
+        color: var(--md-sys-color-on-background);
+      }
+      .media {
+        position: relative;
+        flex: 1 1 auto;
+        min-block-size: 220px;
+        margin: var(--npt-space-3, 12px);
+        border-radius: var(--npt-corner-xl, 28px);
+        overflow: hidden;
+        background:
+          radial-gradient(120% 90% at 80% 0%, var(--md-sys-color-tertiary) 0%, transparent 55%),
+          linear-gradient(160deg, var(--md-sys-color-primary), var(--md-sys-color-primary-container));
+        display: grid;
+        place-items: center;
+      }
+      .media ::slotted(*) {
+        inline-size: 100%;
+        block-size: 100%;
+        object-fit: cover;
+      }
+      .content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--npt-space-4, 16px);
+        padding: var(--npt-space-6, 24px) var(--npt-space-6, 24px) var(--npt-space-8, 32px);
+        animation: rise var(--npt-dur-4, 500ms) var(--npt-ease-decelerate, ease) both;
+      }
+      @keyframes rise {
+        from {
+          opacity: 0;
+          transform: translateY(12px);
+        }
+        to {
+          opacity: 1;
+          transform: none;
+        }
+      }
+      .eyebrow {
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-caption, 12px);
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        color: var(--md-sys-color-primary);
+        margin: 0;
+      }
+      .headline {
+        font-family: var(--npt-font-display);
+        font-weight: var(--npt-display-weight, 400);
+        letter-spacing: var(--npt-display-tracking, -0.02em);
+        line-height: var(--npt-leading-display-md, 1.1);
+        font-size: clamp(28px, 7vw, 40px);
+        margin: 0;
+      }
+      .headline ::slotted(b),
+      .headline ::slotted(strong) {
+        font-weight: 800;
+      }
+      .supporting {
+        color: var(--md-sys-color-on-surface-variant);
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-body, 15px);
+        line-height: var(--npt-leading-body, 1.5);
+        margin: 0;
+        max-inline-size: 42ch;
+      }
+      .dots {
+        display: flex;
+        gap: var(--npt-space-2, 8px);
+        margin-block: var(--npt-space-1, 4px);
+      }
+      .dot {
+        inline-size: 8px;
+        block-size: 8px;
+        border-radius: var(--npt-corner-full, 999px);
+        background: var(--md-sys-color-outline-variant);
+        transition: inline-size var(--npt-dur-2, 220ms) var(--npt-ease-emphasized, ease);
+      }
+      .dot[data-on] {
+        inline-size: 22px;
+        background: var(--md-sys-color-primary);
+      }
+      .cta {
+        margin-block-start: var(--npt-space-2, 8px);
+      }
+      .cta ::slotted(*) {
+        inline-size: 100%;
+      }
+    `;
+    }
+    render() {
+        const eyebrow = esc(this.getAttribute("eyebrow"));
+        const supporting = esc(this.getAttribute("supporting"));
+        const steps = Math.max(0, Number(this.getAttribute("steps")) || 0);
+        const activeStep = Number(this.getAttribute("active-step")) || 0;
+        const dots = Array.from({ length: steps }, (_, i) => i === activeStep ? `<span class="dot" data-on></span>` : `<span class="dot"></span>`).join("");
+        return html `
+      <section class="wrap" part="wrap">
+        <div class="media" part="media"><slot name="media"></slot></div>
+        <div class="content">
+          ${eyebrow ? `<p class="eyebrow">${eyebrow}</p>` : ""}
+          <h1 class="headline"><slot name="headline">Get started</slot></h1>
+          ${supporting ? `<p class="supporting">${supporting}</p>` : ""}
+          ${steps ? `<div class="dots" role="presentation">${dots}</div>` : ""}
+          <div class="cta"><slot name="cta"></slot></div>
+        </div>
+      </section>
+    `;
+    }
+}
+NptOnboarding.observedAttributes = ["eyebrow", "supporting", "steps", "active-step"];
+//# sourceMappingURL=premium.js.map

package/dist/components/premium.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"premium.js","sourceRoot":"","sources":["../../src/components/premium.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,EAAE;AACF,4EAA4E;AAC5E,6EAA6E;AAC7E,+EAA+E;AAC/E,0EAA0E;AAC1E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAExD,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;;;;GAIG;AACH,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAC3B,MAAM;QACd,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;KAmBT,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,qEAAqE,CAAC;IACnF,CAAC;CACF;AAED,gEAAgE;AAChE,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAgBU,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;gBAAE,OAAO;YAC1C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;gBAC5B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE;aACpD,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IAuEJ,CAAC;IA7FC,wBAAwB;QACtB,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAaS,MAAM;QACd,OAAO,GAAG,CAAA;QACN,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsDP,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;;4BAE1E,KAAK;;KAE5B,CAAC;IACJ,CAAC;;AA9FM,8BAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,AAAlC,CAAmC;AAiG9D;;;;;;;;;;GAUG;AACH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAG3C,wBAAwB;QACtB,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC;IAES,MAAM;QACd,OAAO,GAAG,CAAA;QACN,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGP,CAAC;IACJ,CAAC;IAES,MAAM;QACd,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACnE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC;QACjE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAClD,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,2BAA2B,CACrF,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACX,OAAO,IAAI,CAAA;;;;YAIH,OAAO,CAAC,CAAC,CAAC,sBAAsB,OAAO,MAAM,CAAC,CAAC,CAAC,EAAE;;YAElD,UAAU,CAAC,CAAC,CAAC,yBAAyB,UAAU,MAAM,CAAC,CAAC,CAAC,EAAE;YAC3D,KAAK,CAAC,CAAC,CAAC,yCAAyC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;;;KAIzE,CAAC;IACJ,CAAC;;AAjIM,gCAAkB,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/shell-layout.d.ts

@@ -0,0 +1,103 @@
+import { NptElement } from "./base.js";
+/**
+ * <npt-app-shell [rail]>
+ *   <header slot="header">…</header>
+ *   <npt-side-nav slot="nav">…</npt-side-nav>
+ *   …content…
+ * </npt-app-shell>
+ * The application frame: a sticky `header` row, an inline-start `nav` sidebar
+ * (collapses to a narrow rail via [rail]), and the default content region. The
+ * nav hides under a compact breakpoint so the content takes the full width.
+ */
+export declare class NptAppShell extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-page-header title="Accounts" subtitle="All your balances">
+ *   <npt-breadcrumbs slot="breadcrumb">…</npt-breadcrumbs>
+ *   <npt-button slot="actions">New</npt-button>
+ * </npt-page-header>
+ * The page-level masthead. Display font; optional breadcrumb above, actions
+ * inline-end of the title row, optional supporting subtitle below.
+ */
+export declare class NptPageHeader extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-section title="Recent activity" description="Last 30 days">…</npt-section>
+ * A titled content section with an optional supporting description and a default
+ * slot for the section body.
+ */
+export declare class NptSection extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-side-nav> with <npt-side-nav-item> children — the vertical sidebar nav.
+ * Clicking an item activates it (sets [active] exclusively) and re-emits the
+ * item's `select` event from the container.
+ */
+export declare class NptSideNav extends NptElement {
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onSelect;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-side-nav-item label="Dashboard" [active]>
+ *   <span slot="icon">▦</span><npt-badge slot="leading">3</npt-badge>
+ * </npt-side-nav-item>
+ * One row of <npt-side-nav>. Emits `select` on activation. `icon` slots before
+ * the label; `leading` slots inline-end (counts/badges).
+ */
+export declare class NptSideNavItem extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private activate;
+    private onClick;
+    private onKey;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-search-field placeholder="Search accounts" value=""></npt-search-field>
+ * A search input with a leading magnifier and a clear control. Emits a `search`
+ * event (detail.value) on input, lightly debounced, and on clear.
+ */
+export declare class NptSearchField extends NptElement {
+    static observedAttributes: string[];
+    private timer;
+    attributeChangedCallback(): void;
+    get value(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private emit;
+    private syncClear;
+    private onInput;
+    private onClick;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-toolbar>
+ *   <…slot="start"></…><…slot="center"></…><…slot="end"></…>
+ * </npt-toolbar>
+ * A horizontal toolbar surface with start / center / end regions. `start` and
+ * `end` mirror in RTL via logical layout; `center` stays centred.
+ */
+export declare class NptToolbar extends NptElement {
+    protected styles(): string;
+    protected render(): string;
+}
+//# sourceMappingURL=shell-layout.d.ts.map

package/dist/components/shell-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-layout.d.ts","sourceRoot":"","sources":["../../src/components/shell-layout.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAmB,MAAM,WAAW,CAAC;AAKxD;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,kBAAkB,WAAY;IAErC,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IA4D1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAO3B;AAED;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,kBAAkB,WAAyB;IAElD,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IAiD1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAY3B;AAED;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,kBAAkB,WAA4B;IAErD,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IAkC1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAa3B;AAED;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,UAAU;IAC/B,iBAAiB,IAAI,IAAI;IAKlC,oBAAoB,IAAI,IAAI;IAI5B,OAAO,CAAC,QAAQ,CAMd;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAoB1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAG3B;AAED;;;;;;GAMG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,kBAAkB,WAAmC;IAE5D,wBAAwB,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;IAMlC,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,KAAK,CAKX;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IA4D1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAgB3B;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,kBAAkB,WAAwC;IACjE,OAAO,CAAC,KAAK,CAAK;IAElB,wBAAwB,IAAI,IAAI;IAIhC,IAAI,KAAK,IAAI,MAAM,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IAMlC,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,OAAO,CAMb;IAEF,OAAO,CAAC,OAAO,CAWb;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAuE1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAiB3B;AAED;;;;;;GAMG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,SAAS,CAAC,MAAM,IAAI,MAAM;IAoC1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAO3B"}