@yugnex/nexui 2.0.0

package/dist/core/matrix.js

@@ -0,0 +1,180 @@
+// @yugnex/nexui — Layout Matrix
+// Encodes layout intent as a composable 32-bit bitmask.
+// Bits 0-3: padding · Bits 4-7: flex/display · Bits 8-11: border-radius
+// Bits 12-15: gap · Bits 16-19: width · Bits 20-23: overflow
+// Compose with bitwise OR: PAD_MD | FLEX_ROW | ALIGN_CENTER | RAD_MD
+export var LayoutMatrix;
+(function (LayoutMatrix) {
+    // Padding (bits 0-3)
+    LayoutMatrix[LayoutMatrix["PAD_NONE"] = 0] = "PAD_NONE";
+    LayoutMatrix[LayoutMatrix["PAD_XS"] = 1] = "PAD_XS";
+    LayoutMatrix[LayoutMatrix["PAD_SM"] = 2] = "PAD_SM";
+    LayoutMatrix[LayoutMatrix["PAD_MD"] = 3] = "PAD_MD";
+    LayoutMatrix[LayoutMatrix["PAD_LG"] = 4] = "PAD_LG";
+    LayoutMatrix[LayoutMatrix["PAD_XL"] = 5] = "PAD_XL";
+    LayoutMatrix[LayoutMatrix["PAD_2XL"] = 6] = "PAD_2XL";
+    // Display / Flex direction (bits 4-7)
+    LayoutMatrix[LayoutMatrix["FLEX_ROW"] = 16] = "FLEX_ROW";
+    LayoutMatrix[LayoutMatrix["FLEX_COL"] = 32] = "FLEX_COL";
+    LayoutMatrix[LayoutMatrix["GRID_2"] = 48] = "GRID_2";
+    LayoutMatrix[LayoutMatrix["GRID_3"] = 64] = "GRID_3";
+    LayoutMatrix[LayoutMatrix["GRID_4"] = 80] = "GRID_4";
+    // Alignment (bits 5-6 override when used with FLEX_*)
+    LayoutMatrix[LayoutMatrix["ALIGN_START"] = 96] = "ALIGN_START";
+    LayoutMatrix[LayoutMatrix["ALIGN_CENTER"] = 112] = "ALIGN_CENTER";
+    LayoutMatrix[LayoutMatrix["ALIGN_END"] = 128] = "ALIGN_END";
+    LayoutMatrix[LayoutMatrix["ALIGN_STRETCH"] = 144] = "ALIGN_STRETCH";
+    // Justify content (bits 6-7 secondary)
+    LayoutMatrix[LayoutMatrix["JUSTIFY_START"] = 160] = "JUSTIFY_START";
+    LayoutMatrix[LayoutMatrix["JUSTIFY_CENTER"] = 176] = "JUSTIFY_CENTER";
+    LayoutMatrix[LayoutMatrix["JUSTIFY_END"] = 192] = "JUSTIFY_END";
+    LayoutMatrix[LayoutMatrix["JUSTIFY_BET"] = 208] = "JUSTIFY_BET";
+    LayoutMatrix[LayoutMatrix["JUSTIFY_AROUND"] = 224] = "JUSTIFY_AROUND";
+    LayoutMatrix[LayoutMatrix["JUSTIFY_EVEN"] = 240] = "JUSTIFY_EVEN";
+    // Border radius (bits 8-11)
+    LayoutMatrix[LayoutMatrix["RAD_NONE"] = 0] = "RAD_NONE";
+    LayoutMatrix[LayoutMatrix["RAD_XS"] = 256] = "RAD_XS";
+    LayoutMatrix[LayoutMatrix["RAD_SM"] = 512] = "RAD_SM";
+    LayoutMatrix[LayoutMatrix["RAD_MD"] = 768] = "RAD_MD";
+    LayoutMatrix[LayoutMatrix["RAD_LG"] = 1024] = "RAD_LG";
+    LayoutMatrix[LayoutMatrix["RAD_XL"] = 1280] = "RAD_XL";
+    LayoutMatrix[LayoutMatrix["RAD_2XL"] = 1536] = "RAD_2XL";
+    LayoutMatrix[LayoutMatrix["RAD_FULL"] = 1792] = "RAD_FULL";
+    // Gap (bits 12-15)
+    LayoutMatrix[LayoutMatrix["GAP_NONE"] = 0] = "GAP_NONE";
+    LayoutMatrix[LayoutMatrix["GAP_XS"] = 4096] = "GAP_XS";
+    LayoutMatrix[LayoutMatrix["GAP_SM"] = 8192] = "GAP_SM";
+    LayoutMatrix[LayoutMatrix["GAP_MD"] = 12288] = "GAP_MD";
+    LayoutMatrix[LayoutMatrix["GAP_LG"] = 16384] = "GAP_LG";
+    LayoutMatrix[LayoutMatrix["GAP_XL"] = 20480] = "GAP_XL";
+    // Width (bits 16-19)
+    LayoutMatrix[LayoutMatrix["W_AUTO"] = 0] = "W_AUTO";
+    LayoutMatrix[LayoutMatrix["W_FULL"] = 65536] = "W_FULL";
+    LayoutMatrix[LayoutMatrix["W_SCREEN"] = 131072] = "W_SCREEN";
+    LayoutMatrix[LayoutMatrix["W_FIT"] = 196608] = "W_FIT";
+    LayoutMatrix[LayoutMatrix["W_MIN"] = 262144] = "W_MIN";
+    LayoutMatrix[LayoutMatrix["W_MAX"] = 327680] = "W_MAX";
+    // Overflow (bits 20-23)
+    LayoutMatrix[LayoutMatrix["OVERFLOW_VIS"] = 0] = "OVERFLOW_VIS";
+    LayoutMatrix[LayoutMatrix["OVERFLOW_HIDDEN"] = 1048576] = "OVERFLOW_HIDDEN";
+    LayoutMatrix[LayoutMatrix["OVERFLOW_AUTO"] = 2097152] = "OVERFLOW_AUTO";
+    LayoutMatrix[LayoutMatrix["OVERFLOW_SCROLL"] = 3145728] = "OVERFLOW_SCROLL";
+})(LayoutMatrix || (LayoutMatrix = {}));
+// Maps bitmask bits to CSS strings — used by the compiler
+export const MATRIX_PAD_MAP = {
+    0x1: "padding:0.25rem;",
+    0x2: "padding:0.5rem;",
+    0x3: "padding:0.75rem;",
+    0x4: "padding:1rem;",
+    0x5: "padding:1.5rem;",
+    0x6: "padding:2rem;",
+};
+export const MATRIX_DISPLAY_MAP = {
+    0x10: "display:flex;flex-direction:row;",
+    0x20: "display:flex;flex-direction:column;",
+    0x30: "display:grid;grid-template-columns:repeat(2,1fr);",
+    0x40: "display:grid;grid-template-columns:repeat(3,1fr);",
+    0x50: "display:grid;grid-template-columns:repeat(4,1fr);",
+    0x60: "align-items:flex-start;",
+    0x70: "align-items:center;",
+    0x80: "align-items:flex-end;",
+    0x90: "align-items:stretch;",
+    0xA0: "justify-content:flex-start;",
+    0xB0: "justify-content:center;",
+    0xC0: "justify-content:flex-end;",
+    0xD0: "justify-content:space-between;",
+    0xE0: "justify-content:space-around;",
+    0xF0: "justify-content:space-evenly;",
+};
+export const MATRIX_RADIUS_MAP = {
+    0x100: "border-radius:2px;",
+    0x200: "border-radius:4px;",
+    0x300: "border-radius:6px;",
+    0x400: "border-radius:8px;",
+    0x500: "border-radius:12px;",
+    0x600: "border-radius:16px;",
+    0x700: "border-radius:9999px;",
+};
+export const MATRIX_GAP_MAP = {
+    0x1000: "gap:0.25rem;",
+    0x2000: "gap:0.5rem;",
+    0x3000: "gap:1rem;",
+    0x4000: "gap:1.5rem;",
+    0x5000: "gap:2rem;",
+};
+export const MATRIX_WIDTH_MAP = {
+    0x10000: "width:100%;",
+    0x20000: "width:100vw;",
+    0x30000: "width:fit-content;",
+    0x40000: "width:min-content;",
+    0x50000: "width:max-content;",
+};
+export const MATRIX_OVERFLOW_MAP = {
+    0x100000: "overflow:hidden;",
+    0x200000: "overflow:auto;",
+    0x300000: "overflow:scroll;",
+};
+// Theme token maps — CSS custom property to value
+export const NEXUI_THEMES = {
+    void: {
+        "--nx-bg-void": "#05070C",
+        "--nx-bg-base": "#0D1117",
+        "--nx-bg-surface": "#161B22",
+        "--nx-bg-elevated": "#1C2128",
+        "--nx-bg-overlay": "#21262D",
+        "--nx-border": "rgba(255,255,255,0.08)",
+        "--nx-border-strong": "rgba(255,255,255,0.16)",
+        "--nx-border-focus": "rgba(232,144,16,0.60)",
+        "--nx-text": "#E6EDF3",
+        "--nx-text-2": "#8B949E",
+        "--nx-text-3": "#6E7681",
+        "--nx-text-4": "#484F58",
+        "--nx-text-inv": "#05070C",
+        "--nx-accent": "#E89010",
+        "--nx-accent-dim": "rgba(232,144,16,0.09)",
+        "--nx-accent-border": "rgba(232,144,16,0.22)",
+        "--nx-accent-text": "#F5B342",
+        "--nx-live": "#0FD4C6",
+        "--nx-live-dim": "rgba(15,212,198,0.09)",
+        "--nx-live-border": "rgba(15,212,198,0.22)",
+        "--nx-success": "#22C55E",
+        "--nx-success-dim": "rgba(34,197,94,0.10)",
+        "--nx-error": "#EF4444",
+        "--nx-error-dim": "rgba(239,68,68,0.10)",
+        "--nx-warning": "#EAB308",
+        "--nx-warning-dim": "rgba(234,179,8,0.10)",
+        "--nx-font-sans": "'NexuiSans','Inter',system-ui,-apple-system,sans-serif",
+        "--nx-font-mono": "'NexuiMono','JetBrains Mono','Fira Code',ui-monospace,monospace",
+    },
+    terminal: {
+        "--nx-bg-void": "#000000",
+        "--nx-bg-base": "#050505",
+        "--nx-bg-surface": "#0C0E12",
+        "--nx-bg-elevated": "#111418",
+        "--nx-bg-overlay": "#161B22",
+        "--nx-border": "#1E293B",
+        "--nx-border-strong": "#2D3748",
+        "--nx-border-focus": "rgba(16,185,129,0.60)",
+        "--nx-text": "#10B981",
+        "--nx-text-2": "#6EE7B7",
+        "--nx-text-3": "#34D399",
+        "--nx-text-4": "#065F46",
+        "--nx-text-inv": "#000000",
+        "--nx-accent": "#E89010",
+        "--nx-accent-dim": "rgba(232,144,16,0.09)",
+        "--nx-accent-border": "rgba(232,144,16,0.22)",
+        "--nx-accent-text": "#F5B342",
+        "--nx-live": "#10B981",
+        "--nx-live-dim": "rgba(16,185,129,0.09)",
+        "--nx-live-border": "rgba(16,185,129,0.22)",
+        "--nx-success": "#10B981",
+        "--nx-success-dim": "rgba(16,185,129,0.10)",
+        "--nx-error": "#EF4444",
+        "--nx-error-dim": "rgba(239,68,68,0.10)",
+        "--nx-warning": "#EAB308",
+        "--nx-warning-dim": "rgba(234,179,8,0.10)",
+        "--nx-font-sans": "'NexuiMono','JetBrains Mono',ui-monospace,monospace",
+        "--nx-font-mono": "'NexuiMono','JetBrains Mono',ui-monospace,monospace",
+    },
+};
+//# sourceMappingURL=matrix.js.map

package/dist/core/matrix.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+export * from "./tokens/colors";
+export * from "./tokens/spacing";
+export * from "./tokens/motion";
+export * from "./tokens/shadows";
+export * from "./tokens/type";
+export * from "./core/matrix";
+export * from "./core/compiler";
+export * from "./core/cx";
+export * from "./assets/typography";
+export * from "./assets/geometry";
+export { NexPanel } from "./primitives/panel";
+export { NexStatusRing } from "./primitives/status-ring";
+export { NexTextStream } from "./primitives/text-stream";
+export { NexButton } from "./primitives/button";
+export { NexBadge } from "./primitives/badge";
+export { NexInput } from "./primitives/input";
+export { NexAvatar } from "./primitives/avatar";
+export { NexProgress } from "./primitives/progress";
+export { NexSwitch } from "./primitives/switch";
+export { NexCheckbox } from "./primitives/checkbox";
+export { NexSkeleton } from "./primitives/skeleton";
+export { NexSeparator } from "./primitives/separator";
+export { NexSpinner } from "./primitives/spinner";
+import type { NexuiTheme } from "./core/matrix";
+export declare function initializeNexuiEngine(defaultTheme?: NexuiTheme): Promise<void>;
+export declare function setNexuiTheme(theme: NexuiTheme): void;
+//# 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":"AAEA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAW,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAU,qBAAqB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAW,oBAAoB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAW,oBAAoB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAU,qBAAqB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAQ,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAU,qBAAqB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAQ,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAQ,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAO,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAS,sBAAsB,CAAC;AAiBrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkBhD,wBAAsB,qBAAqB,CAAC,YAAY,GAAE,UAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAY5F;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGrD"}

package/dist/index.js

@@ -0,0 +1,74 @@
+// @yugnex/nexui — Main Entry Point v2.0
+export * from "./tokens/colors";
+export * from "./tokens/spacing";
+export * from "./tokens/motion";
+export * from "./tokens/shadows";
+export * from "./tokens/type";
+export * from "./core/matrix";
+export * from "./core/compiler";
+export * from "./core/cx";
+export * from "./assets/typography";
+export * from "./assets/geometry";
+export { NexPanel } from "./primitives/panel";
+export { NexStatusRing } from "./primitives/status-ring";
+export { NexTextStream } from "./primitives/text-stream";
+export { NexButton } from "./primitives/button";
+export { NexBadge } from "./primitives/badge";
+export { NexInput } from "./primitives/input";
+export { NexAvatar } from "./primitives/avatar";
+export { NexProgress } from "./primitives/progress";
+export { NexSwitch } from "./primitives/switch";
+export { NexCheckbox } from "./primitives/checkbox";
+export { NexSkeleton } from "./primitives/skeleton";
+export { NexSeparator } from "./primitives/separator";
+export { NexSpinner } from "./primitives/spinner";
+import { nexui_compiler } from "./core/compiler";
+import { NexuiTypographySheet } from "./assets/typography";
+import { NexPanel } from "./primitives/panel";
+import { NexStatusRing } from "./primitives/status-ring";
+import { NexTextStream } from "./primitives/text-stream";
+import { NexButton } from "./primitives/button";
+import { NexBadge } from "./primitives/badge";
+import { NexInput } from "./primitives/input";
+import { NexAvatar } from "./primitives/avatar";
+import { NexProgress } from "./primitives/progress";
+import { NexSwitch } from "./primitives/switch";
+import { NexCheckbox } from "./primitives/checkbox";
+import { NexSkeleton } from "./primitives/skeleton";
+import { NexSeparator } from "./primitives/separator";
+import { NexSpinner } from "./primitives/spinner";
+const ELEMENTS = [
+    ["nex-panel", NexPanel],
+    ["nex-status-ring", NexStatusRing],
+    ["nex-text-stream", NexTextStream],
+    ["nex-button", NexButton],
+    ["nex-badge", NexBadge],
+    ["nex-input", NexInput],
+    ["nex-avatar", NexAvatar],
+    ["nex-progress", NexProgress],
+    ["nex-switch", NexSwitch],
+    ["nex-checkbox", NexCheckbox],
+    ["nex-skeleton", NexSkeleton],
+    ["nex-separator", NexSeparator],
+    ["nex-spinner", NexSpinner],
+];
+export async function initializeNexuiEngine(defaultTheme = "void") {
+    if (typeof window === "undefined")
+        return;
+    if (!document.getElementById("yugnex-nexui-typography")) {
+        const s = document.createElement("style");
+        s.id = "yugnex-nexui-typography";
+        s.textContent = NexuiTypographySheet;
+        document.head.appendChild(s);
+    }
+    nexui_compiler.mountGlobalTheme(defaultTheme);
+    for (const [tag, ctor] of ELEMENTS) {
+        if (!customElements.get(tag))
+            customElements.define(tag, ctor);
+    }
+}
+export function setNexuiTheme(theme) {
+    nexui_compiler.switchTheme(theme);
+    window.dispatchEvent(new CustomEvent("nexui:theme-change", { detail: { theme } }));
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/primitives/avatar.d.ts

@@ -0,0 +1,8 @@
+export declare class NexAvatar extends HTMLElement {
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+//# sourceMappingURL=avatar.d.ts.map

package/dist/primitives/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/primitives/avatar.ts"],"names":[],"mappings":"AA2BA,qBAAa,SAAU,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;;IAOD,iBAAiB;IAIjB,wBAAwB;IAIxB,OAAO,CAAC,MAAM;CAiHf"}

package/dist/primitives/avatar.js

@@ -0,0 +1,146 @@
+// @yugnex/nexui — NexAvatar Web Component
+// User avatar: image with initials fallback + optional status indicator.
+// Attributes:
+//   src:     image URL
+//   name:    full name — used for initials and alt text
+//   size:    xs | sm | md | lg | xl (default: md)
+//   status:  online | away | busy | offline (optional)
+//   shape:   circle | square (default: circle)
+import { nexui_compiler } from "../core/compiler";
+function getInitials(name) {
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    if (parts.length === 0)
+        return "?";
+    if (parts.length === 1)
+        return parts[0].slice(0, 2).toUpperCase();
+    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+// Deterministic hue from name string for initials background
+function nameToHue(name) {
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+        hash = (hash * 31 + name.charCodeAt(i)) >>> 0;
+    }
+    return hash % 360;
+}
+export class NexAvatar extends HTMLElement {
+    static get observedAttributes() {
+        return ["src", "name", "size", "status", "shape"];
+    }
+    constructor() {
+        super();
+        this.attachShadow({ mode: "open" });
+    }
+    connectedCallback() {
+        this.render();
+    }
+    attributeChangedCallback() {
+        this.render();
+    }
+    render() {
+        if (!this.shadowRoot)
+            return;
+        const src = this.getAttribute("src") ?? "";
+        const name = this.getAttribute("name") ?? "";
+        const size = this.getAttribute("size") ?? "md";
+        const status = this.getAttribute("status") ?? "";
+        const shape = this.getAttribute("shape") ?? "circle";
+        const themeCSS = nexui_compiler.getThemeCSS(nexui_compiler.getActiveTheme(), ":host");
+        const sizeMap = {
+            xs: { px: 20, fs: 8, dot: 5 },
+            sm: { px: 28, fs: 11, dot: 7 },
+            md: { px: 36, fs: 14, dot: 9 },
+            lg: { px: 48, fs: 18, dot: 11 },
+            xl: { px: 64, fs: 24, dot: 13 },
+        };
+        const s = sizeMap[size] ?? sizeMap.md;
+        const borderRadius = shape === "square"
+            ? `${Math.round(s.px * 0.2)}px`
+            : "50%";
+        const initials = name ? getInitials(name) : "?";
+        const hue = nameToHue(name || "?");
+        const fallbackBg = `hsl(${hue}, 35%, 22%)`;
+        const fallbackFg = `hsl(${hue}, 70%, 72%)`;
+        const statusColor = {
+            online: "#22C55E",
+            away: "#EAB308",
+            busy: "#EF4444",
+            offline: "#484F58",
+        };
+        const dotColor = statusColor[status] ?? "";
+        const dotBorder = size === "xs" ? "1px" : "2px";
+        const imgContent = src
+            ? `<img src="${src}" alt="${name ? `Avatar of ${name}` : "User avatar"}" loading="lazy" />`
+            : `<span class="initials" aria-hidden="true">${initials}</span>`;
+        this.shadowRoot.innerHTML = `
+      <style>
+        ${themeCSS}
+        :host {
+          display: inline-block;
+          position: relative;
+          width: ${s.px}px;
+          height: ${s.px}px;
+          flex-shrink: 0;
+        }
+        .avatar {
+          width: ${s.px}px;
+          height: ${s.px}px;
+          border-radius: ${borderRadius};
+          background: ${fallbackBg};
+          border: 1px solid var(--nx-border, rgba(255,255,255,0.08));
+          overflow: hidden;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          user-select: none;
+        }
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          display: block;
+        }
+        .initials {
+          font-family: var(--nx-font-sans, system-ui, sans-serif);
+          font-size: ${s.fs}px;
+          font-weight: 600;
+          color: ${fallbackFg};
+          line-height: 1;
+          letter-spacing: 0.02em;
+        }
+        ${status ? `.dot {
+          position: absolute;
+          bottom: 0;
+          right: 0;
+          width: ${s.dot}px;
+          height: ${s.dot}px;
+          border-radius: 50%;
+          background: ${dotColor};
+          border: ${dotBorder} solid var(--nx-bg-base, #0D1117);
+        }` : ""}
+      </style>
+      <div class="avatar" role="img" aria-label="${name ? `Avatar of ${name}` : "User avatar"}" part="avatar">
+        ${imgContent}
+      </div>
+      ${status ? `<span class="dot" aria-label="${status}" title="${status}"></span>` : ""}
+    `;
+        // Hide initials when image loads successfully
+        if (src) {
+            const img = this.shadowRoot.querySelector("img");
+            const initialsEl = this.shadowRoot.querySelector(".initials");
+            if (img && initialsEl) {
+                img.addEventListener("error", () => {
+                    img.style.display = "none";
+                    // Create and append initials span if image fails
+                    const span = document.createElement("span");
+                    span.className = "initials";
+                    span.setAttribute("aria-hidden", "true");
+                    span.textContent = initials;
+                    span.style.cssText = `font-family:var(--nx-font-sans,system-ui,sans-serif);font-size:${s.fs}px;font-weight:600;color:${fallbackFg};line-height:1;letter-spacing:0.02em;`;
+                    img.parentElement?.appendChild(span);
+                });
+            }
+        }
+    }
+}
+//# sourceMappingURL=avatar.js.map

package/dist/primitives/avatar.js.map

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

package/dist/primitives/badge.d.ts

@@ -0,0 +1,8 @@
+export declare class NexBadge extends HTMLElement {
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+//# sourceMappingURL=badge.d.ts.map

package/dist/primitives/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/primitives/badge.ts"],"names":[],"mappings":"AASA,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,KAAK,kBAAkB,aAE5B;;IAOD,iBAAiB;IAIjB,wBAAwB;IAIxB,OAAO,CAAC,MAAM;CAsEf"}

package/dist/primitives/badge.js

@@ -0,0 +1,88 @@
+// @yugnex/nexui — NexBadge Web Component
+// Inline status chip for labels, counts, and state indicators.
+// Attributes:
+//   variant: default | accent | live | success | error | warning | muted
+//   size:    sm | md
+//   dot:     boolean — shows a pulsing presence dot before the text
+import { nexui_compiler } from "../core/compiler";
+export class NexBadge extends HTMLElement {
+    static get observedAttributes() {
+        return ["variant", "size", "dot"];
+    }
+    constructor() {
+        super();
+        this.attachShadow({ mode: "open" });
+    }
+    connectedCallback() {
+        this.render();
+    }
+    attributeChangedCallback() {
+        this.render();
+    }
+    render() {
+        if (!this.shadowRoot)
+            return;
+        const variant = this.getAttribute("variant") ?? "default";
+        const size = this.getAttribute("size") ?? "md";
+        const showDot = this.getAttribute("dot") === "true";
+        const themeCSS = nexui_compiler.getThemeCSS(nexui_compiler.getActiveTheme(), ":host");
+        const variantCSS = {
+            default: `background:var(--nx-bg-elevated,#1C2128); color:var(--nx-text-2,#8B949E); border:1px solid var(--nx-border,rgba(255,255,255,0.08));`,
+            accent: `background:var(--nx-accent-dim,rgba(232,144,16,0.09)); color:var(--nx-accent-text,#F5B342); border:1px solid var(--nx-accent-border,rgba(232,144,16,0.22));`,
+            live: `background:var(--nx-live-dim,rgba(15,212,198,0.09)); color:var(--nx-live,#0FD4C6); border:1px solid var(--nx-live-border,rgba(15,212,198,0.22));`,
+            success: `background:var(--nx-success-dim,rgba(34,197,94,0.10)); color:var(--nx-success,#22C55E); border:1px solid rgba(34,197,94,0.25);`,
+            error: `background:var(--nx-error-dim,rgba(239,68,68,0.10)); color:var(--nx-error,#EF4444); border:1px solid rgba(239,68,68,0.25);`,
+            warning: `background:var(--nx-warning-dim,rgba(234,179,8,0.10)); color:var(--nx-warning,#EAB308); border:1px solid rgba(234,179,8,0.25);`,
+            muted: `background:rgba(255,255,255,0.04); color:var(--nx-text-3,#6E7681); border:1px solid transparent;`,
+        };
+        const dotColor = {
+            default: "var(--nx-text-4,#484F58)",
+            accent: "var(--nx-accent,#E89010)",
+            live: "var(--nx-live,#0FD4C6)",
+            success: "var(--nx-success,#22C55E)",
+            error: "var(--nx-error,#EF4444)",
+            warning: "var(--nx-warning,#EAB308)",
+            muted: "var(--nx-text-4,#484F58)",
+        };
+        const sizeCSS = size === "sm"
+            ? `font-size:10px; padding:2px 6px; border-radius:4px; gap:4px;`
+            : `font-size:11px; padding:3px 8px; border-radius:5px; gap:5px;`;
+        const dotSize = size === "sm" ? 5 : 6;
+        this.shadowRoot.innerHTML = `
+      <style>
+        ${themeCSS}
+        :host {
+          display: inline-flex;
+        }
+        .badge {
+          display: inline-flex;
+          align-items: center;
+          font-family: var(--nx-font-mono, ui-monospace, monospace);
+          font-weight: 500;
+          letter-spacing: 0.04em;
+          white-space: nowrap;
+          line-height: 1;
+          ${sizeCSS}
+          ${variantCSS[variant] ?? variantCSS.default}
+        }
+        .dot {
+          width: ${dotSize}px;
+          height: ${dotSize}px;
+          border-radius: 50%;
+          background: ${dotColor[variant] ?? dotColor.default};
+          flex-shrink: 0;
+          animation: ${variant === "live" ? "nx-pulse 2s ease-in-out infinite" : "none"};
+        }
+        @keyframes nx-pulse {
+          0%, 100% { opacity: 1; }
+          50%       { opacity: 0.35; }
+        }
+      </style>
+      <span class="badge" part="badge">
+        ${showDot ? '<span class="dot" aria-hidden="true"></span>' : ""}
+        <slot></slot>
+      </span>
+    `;
+    }
+}
+//# sourceMappingURL=badge.js.map

package/dist/primitives/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/primitives/badge.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,+DAA+D;AAC/D,cAAc;AACd,yEAAyE;AACzE,qBAAqB;AACrB,oEAAoE;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,OAAO,QAAS,SAAQ,WAAW;IACvC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,wBAAwB;QACtB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,MAAM,OAAO,GAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;QAC3D,MAAM,IAAI,GAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC;QACnD,MAAM,OAAO,GAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;QACrD,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,OAAO,CAAC,CAAC;QAEtF,MAAM,UAAU,GAA2B;YACzC,OAAO,EAAE,qIAAqI;YAC9I,MAAM,EAAG,6JAA6J;YACtK,IAAI,EAAK,kJAAkJ;YAC3J,OAAO,EAAE,gIAAgI;YACzI,KAAK,EAAI,4HAA4H;YACrI,OAAO,EAAE,gIAAgI;YACzI,KAAK,EAAI,kGAAkG;SAC5G,CAAC;QAEF,MAAM,QAAQ,GAA2B;YACvC,OAAO,EAAE,0BAA0B;YACnC,MAAM,EAAG,0BAA0B;YACnC,IAAI,EAAK,wBAAwB;YACjC,OAAO,EAAE,2BAA2B;YACpC,KAAK,EAAI,yBAAyB;YAClC,OAAO,EAAE,2BAA2B;YACpC,KAAK,EAAI,0BAA0B;SACpC,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;YAC3B,CAAC,CAAC,8DAA8D;YAChE,CAAC,CAAC,8DAA8D,CAAC;QAEnE,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;UAEtB,QAAQ;;;;;;;;;;;;YAYN,OAAO;YACP,UAAU,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,OAAO;;;mBAGlC,OAAO;oBACN,OAAO;;wBAEH,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO;;uBAEtC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,MAAM;;;;;;;;UAQ7E,OAAO,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,EAAE;;;KAGlE,CAAC;IACJ,CAAC;CACF"}

package/dist/primitives/button.d.ts

@@ -0,0 +1,10 @@
+export declare class NexButton extends HTMLElement {
+    private btn;
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private setupDelegation;
+    private render;
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/primitives/button.ts"],"names":[],"mappings":"AAUA,qBAAa,SAAU,SAAQ,WAAW;IACxC,OAAO,CAAC,GAAG,CAAkC;IAE7C,MAAM,KAAK,kBAAkB,aAE5B;;IAOD,iBAAiB;IAKjB,wBAAwB;IAMxB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,MAAM;CA0Gf"}