@yugnex/nexui 2.0.0

package/dist/assets/typography.d.ts

@@ -0,0 +1,3 @@
+export declare const NexuiTypographySheet: string;
+export declare function fluidType(minPx: number, maxPx: number, minVp?: number, maxVp?: number): string;
+//# sourceMappingURL=typography.d.ts.map

package/dist/assets/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/assets/typography.ts"],"names":[],"mappings":"AA4KA,eAAO,MAAM,oBAAoB,EAAE,MACkD,CAAC;AAGtF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,SAAM,EAAE,KAAK,SAAO,GAAG,MAAM,CAOzF"}

package/dist/assets/typography.js

@@ -0,0 +1,178 @@
+// @yugnex/nexui — Typography Asset
+// Exports a complete CSS text block ready for injection via <style>.
+// Includes: @font-face stubs, fluid type scale custom properties,
+// and base reset for typographic elements.
+// Inject once per page: document.head.appendChild(<style>NexuiTypographySheet</style>)
+import { NEXUI_FONT_SIZE, NEXUI_FONT_FAMILY, NEXUI_LINE_HEIGHT } from "../tokens/type";
+import { NEXUI_KEYFRAMES } from "../tokens/motion";
+// @font-face declarations pointing to the in-house WOFF2 files in /fonts/.
+// Consumers must serve the /fonts/ directory as static assets.
+// Next.js: copy packages/nexui/fonts/ to public/nexui-fonts/ and update the paths below,
+//   OR use the path helper: import { NEXUI_FONT_PATH } from "@yugnex/nexui/assets/typography"
+// The fonts/ directory is in the @yugnex/nexui package root (published with "files").
+const FONT_FACE_BLOCK = `
+@font-face {
+  font-family: 'NexuiSans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./fonts/NexuiSans-Regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'NexuiSans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./fonts/NexuiSans-Medium.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'NexuiSans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./fonts/NexuiSans-Bold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'NexuiMono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./fonts/NexuiMono-Regular.woff2') format('woff2');
+}
+`.trim();
+// Fluid type custom properties on :root
+const FLUID_VARS_BLOCK = `:root {
+  --nx-fs-2xs:  ${NEXUI_FONT_SIZE["2xs"]};
+  --nx-fs-xs:   ${NEXUI_FONT_SIZE["xs"]};
+  --nx-fs-sm:   ${NEXUI_FONT_SIZE["sm"]};
+  --nx-fs-base: ${NEXUI_FONT_SIZE["base"]};
+  --nx-fs-md:   ${NEXUI_FONT_SIZE["md"]};
+  --nx-fs-lg:   ${NEXUI_FONT_SIZE["lg"]};
+  --nx-fs-xl:   ${NEXUI_FONT_SIZE["xl"]};
+  --nx-fs-2xl:  ${NEXUI_FONT_SIZE["2xl"]};
+  --nx-fs-3xl:  ${NEXUI_FONT_SIZE["3xl"]};
+  --nx-fs-4xl:  ${NEXUI_FONT_SIZE["4xl"]};
+  --nx-fs-5xl:  ${NEXUI_FONT_SIZE["5xl"]};
+  --nx-fs-6xl:  ${NEXUI_FONT_SIZE["6xl"]};
+  --nx-fs-7xl:  ${NEXUI_FONT_SIZE["7xl"]};
+
+  --nx-ff-sans:    ${NEXUI_FONT_FAMILY.sans};
+  --nx-ff-mono:    ${NEXUI_FONT_FAMILY.mono};
+  --nx-ff-display: ${NEXUI_FONT_FAMILY.display};
+
+  --nx-lh-tight:   ${NEXUI_LINE_HEIGHT.tight};
+  --nx-lh-normal:  ${NEXUI_LINE_HEIGHT.normal};
+  --nx-lh-relaxed: ${NEXUI_LINE_HEIGHT.relaxed};
+  --nx-lh-code:    ${NEXUI_LINE_HEIGHT.code};
+}`;
+// Base typographic reset
+const TYPE_RESET_BLOCK = `
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  tab-size: 2;
+  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  font-family: var(--nx-ff-sans, ${NEXUI_FONT_FAMILY.sans});
+  font-size: var(--nx-fs-base);
+  line-height: ${NEXUI_LINE_HEIGHT.relaxed};
+  color: var(--nx-text, #E6EDF3);
+  background-color: var(--nx-bg-base, #0D1117);
+}
+
+code, kbd, samp, pre {
+  font-family: var(--nx-ff-mono, ${NEXUI_FONT_FAMILY.mono});
+  font-size: 0.9em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  font-family: var(--nx-ff-display, ${NEXUI_FONT_FAMILY.display});
+  line-height: ${NEXUI_LINE_HEIGHT.tight};
+  color: var(--nx-text, #E6EDF3);
+}
+
+h1 { font-size: var(--nx-fs-4xl); font-weight: 700; }
+h2 { font-size: var(--nx-fs-3xl); font-weight: 700; }
+h3 { font-size: var(--nx-fs-2xl); font-weight: 600; }
+h4 { font-size: var(--nx-fs-xl);  font-weight: 600; }
+h5 { font-size: var(--nx-fs-lg);  font-weight: 600; }
+h6 { font-size: var(--nx-fs-md);  font-weight: 500; }
+
+p {
+  margin: 0;
+  line-height: ${NEXUI_LINE_HEIGHT.relaxed};
+}
+
+a {
+  color: var(--nx-accent-text, #F5B342);
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+strong, b { font-weight: 600; }
+em, i     { font-style: italic; }
+
+small { font-size: var(--nx-fs-xs); }
+
+pre {
+  margin: 0;
+  overflow-x: auto;
+  tab-size: 2;
+}
+
+/* Scrollbar styling */
+::-webkit-scrollbar        { width: 6px; height: 6px; }
+::-webkit-scrollbar-track  { background: transparent; }
+::-webkit-scrollbar-thumb  { background: rgba(255,255,255,0.12); border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.20); }
+
+/* Focus visible ring (keyboard nav) */
+:focus-visible {
+  outline: 2px solid var(--nx-accent, #E89010);
+  outline-offset: 2px;
+}
+:focus:not(:focus-visible) {
+  outline: none;
+}
+
+/* Selection */
+::selection {
+  background: rgba(232,144,16,0.25);
+  color: var(--nx-text, #E6EDF3);
+}
+
+/* Reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+`.trim();
+// All blocks composed into a single injectable string
+export const NexuiTypographySheet = [FONT_FACE_BLOCK, FLUID_VARS_BLOCK, TYPE_RESET_BLOCK, NEXUI_KEYFRAMES].join("\n\n");
+// Fluid type calculation exposed for custom use
+export function fluidType(minPx, maxPx, minVp = 320, maxVp = 1440) {
+    const slope = (maxPx - minPx) / (maxVp - minVp);
+    const y = minPx - slope * minVp;
+    const yFixed = parseFloat(y.toFixed(4));
+    const slopeFixed = parseFloat((slope * 100).toFixed(4));
+    const sign = yFixed >= 0 ? "+" : "-";
+    return `clamp(${minPx}px, ${Math.abs(yFixed)}px ${sign} ${slopeFixed}vw, ${maxPx}px)`;
+}
+//# sourceMappingURL=typography.js.map

package/dist/assets/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/assets/typography.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,qEAAqE;AACrE,kEAAkE;AAClE,2CAA2C;AAC3C,uFAAuF;AAEvF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,2EAA2E;AAC3E,+DAA+D;AAC/D,yFAAyF;AACzF,8FAA8F;AAC9F,sFAAsF;AACtF,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvB,CAAC,IAAI,EAAE,CAAC;AAET,wCAAwC;AACxC,MAAM,gBAAgB,GAAG;kBACP,eAAe,CAAC,KAAK,CAAC;kBACtB,eAAe,CAAC,IAAI,CAAC;kBACrB,eAAe,CAAC,IAAI,CAAC;kBACrB,eAAe,CAAC,MAAM,CAAC;kBACvB,eAAe,CAAC,IAAI,CAAC;kBACrB,eAAe,CAAC,IAAI,CAAC;kBACrB,eAAe,CAAC,IAAI,CAAC;kBACrB,eAAe,CAAC,KAAK,CAAC;kBACtB,eAAe,CAAC,KAAK,CAAC;kBACtB,eAAe,CAAC,KAAK,CAAC;kBACtB,eAAe,CAAC,KAAK,CAAC;kBACtB,eAAe,CAAC,KAAK,CAAC;kBACtB,eAAe,CAAC,KAAK,CAAC;;qBAEnB,iBAAiB,CAAC,IAAI;qBACtB,iBAAiB,CAAC,IAAI;qBACtB,iBAAiB,CAAC,OAAO;;qBAEzB,iBAAiB,CAAC,KAAK;qBACvB,iBAAiB,CAAC,MAAM;qBACxB,iBAAiB,CAAC,OAAO;qBACzB,iBAAiB,CAAC,IAAI;EACzC,CAAC;AAEH,yBAAyB;AACzB,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;mCAiBU,iBAAiB,CAAC,IAAI;;iBAExC,iBAAiB,CAAC,OAAO;;;;;;mCAMP,iBAAiB,CAAC,IAAI;;;;;;sCAMnB,iBAAiB,CAAC,OAAO;iBAC9C,iBAAiB,CAAC,KAAK;;;;;;;;;;;;;iBAavB,iBAAiB,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDzC,CAAC,IAAI,EAAE,CAAC;AAET,sDAAsD;AACtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,CAAC,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAEtF,gDAAgD;AAChD,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,KAAa,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,GAAG,IAAI;IAC/E,MAAM,KAAK,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAChC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACrC,OAAO,SAAS,KAAK,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,UAAU,OAAO,KAAK,KAAK,CAAC;AACxF,CAAC"}

package/dist/core/compiler.d.ts

@@ -0,0 +1,30 @@
+import { type NexuiTheme } from "./matrix";
+export declare class NexuiStyleCompiler {
+    private sheet;
+    private cache;
+    private currentTheme;
+    private getSheet;
+    /** Inject a bitmask class into the global document stylesheet.
+     *  Returns the class name. Safe for light-DOM components only.
+     *  For shadow DOM components, use compileBitmaskToString(). */
+    compileBitmask(mask: number): string;
+    /** Returns a complete `<style>` text block for use inside a shadow root.
+     *  Shadow DOM cannot see global document styles, so call this inside
+     *  connectedCallback() and inject the result into shadowRoot. */
+    compileBitmaskToString(mask: number): string;
+    /** Returns CSS text for all currently compiled bitmask rules.
+     *  Useful for SSR, test snapshots, or shadow root bulk-injection. */
+    dumpCompiledCSS(): string;
+    /** Returns a CSS custom property block for the given theme.
+     *  Inject into :root for global use, or into :host for shadow DOM. */
+    getThemeCSS(theme: NexuiTheme, selector?: string): string;
+    /** Mounts theme custom properties on :root and stores active theme.
+     *  Safe to call multiple times — replaces the previous theme block. */
+    mountGlobalTheme(theme?: NexuiTheme): void;
+    switchTheme(theme: NexuiTheme): void;
+    getActiveTheme(): NexuiTheme;
+    /** Returns the full CSS needed for a shadow root: theme vars + compiled bitmasks. */
+    getShadowRootCSS(masks: number[], theme?: NexuiTheme): string;
+}
+export declare const nexui_compiler: NexuiStyleCompiler;
+//# sourceMappingURL=compiler.d.ts.map

package/dist/core/compiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../src/core/compiler.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,UAAU,EAOhB,MAAM,UAAU,CAAC;AA+BlB,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,KAAK,CAA6B;IAC1C,OAAO,CAAC,YAAY,CAAsB;IAI1C,OAAO,CAAC,QAAQ;IAShB;;mEAE+D;IACxD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAgB3C;;qEAEiE;IAC1D,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAMnD;yEACqE;IAC9D,eAAe,IAAI,MAAM;IAUhC;0EACsE;IAC/D,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,SAAU,GAAG,MAAM;IAQjE;2EACuE;IAChE,gBAAgB,CAAC,KAAK,GAAE,UAAmB,GAAG,IAAI;IASlD,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIpC,cAAc,IAAI,UAAU;IAInC,qFAAqF;IAC9E,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM;CAMrE;AAED,eAAO,MAAM,cAAc,oBAA2B,CAAC"}

package/dist/core/compiler.js

@@ -0,0 +1,124 @@
+// @yugnex/nexui — Style Compiler
+// Converts LayoutMatrix bitmasks to CSS, manages theme injection,
+// and provides shadow-DOM-safe CSS text output.
+import { NEXUI_THEMES, MATRIX_PAD_MAP, MATRIX_DISPLAY_MAP, MATRIX_RADIUS_MAP, MATRIX_GAP_MAP, MATRIX_WIDTH_MAP, MATRIX_OVERFLOW_MAP, } from "./matrix";
+const SELECTOR_PREFIX = "nx-m-";
+// Bitmask masks for each field
+const MASK_PAD = 0x00000F;
+const MASK_DISPLAY = 0x0000F0;
+const MASK_RADIUS = 0x000F00;
+const MASK_GAP = 0x00F000;
+const MASK_WIDTH = 0x0F0000;
+const MASK_OVERFLOW = 0xF00000;
+function bitmaskToCSSBody(mask) {
+    let css = "";
+    const pad = mask & MASK_PAD;
+    const display = mask & MASK_DISPLAY;
+    const radius = mask & MASK_RADIUS;
+    const gap = mask & MASK_GAP;
+    const width = mask & MASK_WIDTH;
+    const overflow = mask & MASK_OVERFLOW;
+    if (MATRIX_PAD_MAP[pad])
+        css += MATRIX_PAD_MAP[pad];
+    if (MATRIX_DISPLAY_MAP[display])
+        css += MATRIX_DISPLAY_MAP[display];
+    if (MATRIX_RADIUS_MAP[radius])
+        css += MATRIX_RADIUS_MAP[radius];
+    if (MATRIX_GAP_MAP[gap])
+        css += MATRIX_GAP_MAP[gap];
+    if (MATRIX_WIDTH_MAP[width])
+        css += MATRIX_WIDTH_MAP[width];
+    if (MATRIX_OVERFLOW_MAP[overflow])
+        css += MATRIX_OVERFLOW_MAP[overflow];
+    return css;
+}
+export class NexuiStyleCompiler {
+    constructor() {
+        this.sheet = null;
+        this.cache = new Map(); // mask → className
+        this.currentTheme = "void";
+    }
+    // ─── Global document stylesheet ───────────────────────────────────────────
+    getSheet() {
+        if (this.sheet)
+            return this.sheet;
+        const style = document.createElement("style");
+        style.id = "yugnex-nexui-engine";
+        document.head.appendChild(style);
+        this.sheet = style.sheet;
+        return this.sheet;
+    }
+    /** Inject a bitmask class into the global document stylesheet.
+     *  Returns the class name. Safe for light-DOM components only.
+     *  For shadow DOM components, use compileBitmaskToString(). */
+    compileBitmask(mask) {
+        if (this.cache.has(mask))
+            return this.cache.get(mask);
+        const selector = `${SELECTOR_PREFIX}${mask.toString(16).toUpperCase()}`;
+        const body = bitmaskToCSSBody(mask);
+        if (body) {
+            try {
+                const sheet = this.getSheet();
+                sheet.insertRule(`.${selector}{${body}}`, sheet.cssRules.length);
+            }
+            catch {
+                // CSSOM insertRule can fail in sandboxed frames — ignore silently
+            }
+        }
+        this.cache.set(mask, selector);
+        return selector;
+    }
+    /** Returns a complete `<style>` text block for use inside a shadow root.
+     *  Shadow DOM cannot see global document styles, so call this inside
+     *  connectedCallback() and inject the result into shadowRoot. */
+    compileBitmaskToString(mask) {
+        const selector = `${SELECTOR_PREFIX}${mask.toString(16).toUpperCase()}`;
+        const body = bitmaskToCSSBody(mask);
+        return body ? `.${selector}{${body}}` : "";
+    }
+    /** Returns CSS text for all currently compiled bitmask rules.
+     *  Useful for SSR, test snapshots, or shadow root bulk-injection. */
+    dumpCompiledCSS() {
+        let out = "";
+        for (const [mask] of this.cache) {
+            out += this.compileBitmaskToString(mask) + "\n";
+        }
+        return out;
+    }
+    // ─── Theme management ──────────────────────────────────────────────────────
+    /** Returns a CSS custom property block for the given theme.
+     *  Inject into :root for global use, or into :host for shadow DOM. */
+    getThemeCSS(theme, selector = ":root") {
+        const tokens = NEXUI_THEMES[theme];
+        const rules = Object.entries(tokens)
+            .map(([k, v]) => `  ${k}:${v};`)
+            .join("\n");
+        return `${selector}{\n${rules}\n}`;
+    }
+    /** Mounts theme custom properties on :root and stores active theme.
+     *  Safe to call multiple times — replaces the previous theme block. */
+    mountGlobalTheme(theme = "void") {
+        this.currentTheme = theme;
+        const existing = document.getElementById("yugnex-nexui-theme");
+        const style = existing ?? document.createElement("style");
+        style.id = "yugnex-nexui-theme";
+        style.textContent = this.getThemeCSS(theme, ":root");
+        if (!existing)
+            document.head.appendChild(style);
+    }
+    switchTheme(theme) {
+        this.mountGlobalTheme(theme);
+    }
+    getActiveTheme() {
+        return this.currentTheme;
+    }
+    /** Returns the full CSS needed for a shadow root: theme vars + compiled bitmasks. */
+    getShadowRootCSS(masks, theme) {
+        const t = theme ?? this.currentTheme;
+        const themeBlock = this.getThemeCSS(t, ":host");
+        const matrixBlock = masks.map(m => this.compileBitmaskToString(m)).join("\n");
+        return themeBlock + "\n" + matrixBlock;
+    }
+}
+export const nexui_compiler = new NexuiStyleCompiler();
+//# sourceMappingURL=compiler.js.map

package/dist/core/compiler.js.map

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

package/dist/core/cx.d.ts

@@ -0,0 +1,7 @@
+type CxArg = string | number | boolean | null | undefined | CxArg[] | Record<string, boolean | undefined | null>;
+export declare function cx(...args: CxArg[]): string;
+/** Variant helper — picks one class from a map based on a key.
+ *  Useful for component variant props without template literals. */
+export declare function cv<T extends string>(map: Record<T, string>, variant: T, fallback?: string): string;
+export {};
+//# sourceMappingURL=cx.d.ts.map

package/dist/core/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/core/cx.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,KAAK,EAAE,GACP,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAE/C,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAyB3C;AAED;oEACoE;AACpE,wBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,EACjC,GAAG,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EACtB,OAAO,EAAE,CAAC,EACV,QAAQ,SAAK,GACZ,MAAM,CAER"}

package/dist/core/cx.js

@@ -0,0 +1,34 @@
+// @yugnex/nexui — Class Name Utility
+// Zero dependencies. Replaces clsx / classnames.
+// cx("a", false && "b", undefined, "c") → "a c"
+// cx({ active: true, disabled: false }) → "active"
+export function cx(...args) {
+    const classes = [];
+    for (const arg of args) {
+        if (!arg)
+            continue;
+        if (typeof arg === "string" || typeof arg === "number") {
+            classes.push(String(arg));
+            continue;
+        }
+        if (Array.isArray(arg)) {
+            const inner = cx(...arg);
+            if (inner)
+                classes.push(inner);
+            continue;
+        }
+        if (typeof arg === "object") {
+            for (const [key, value] of Object.entries(arg)) {
+                if (value)
+                    classes.push(key);
+            }
+        }
+    }
+    return classes.join(" ");
+}
+/** Variant helper — picks one class from a map based on a key.
+ *  Useful for component variant props without template literals. */
+export function cv(map, variant, fallback = "") {
+    return map[variant] ?? fallback;
+}
+//# sourceMappingURL=cx.js.map

package/dist/core/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","sourceRoot":"","sources":["../../src/core/cx.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,iDAAiD;AACjD,gDAAgD;AAChD,mDAAmD;AAWnD,MAAM,UAAU,EAAE,CAAC,GAAG,IAAa;IACjC,MAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG;YAAE,SAAS;QAEnB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvD,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YAC1B,SAAS;QACX,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACvB,MAAM,KAAK,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;YACzB,IAAI,KAAK;gBAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,SAAS;QACX,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC/C,IAAI,KAAK;oBAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAED;oEACoE;AACpE,MAAM,UAAU,EAAE,CAChB,GAAsB,EACtB,OAAU,EACV,QAAQ,GAAG,EAAE;IAEb,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC;AAClC,CAAC"}

package/dist/core/matrix.d.ts

@@ -0,0 +1,118 @@
+export declare const enum LayoutMatrix {
+    PAD_NONE = 0,
+    PAD_XS = 1,// 0.25rem / 4px
+    PAD_SM = 2,// 0.5rem  / 8px
+    PAD_MD = 3,// 0.75rem / 12px
+    PAD_LG = 4,// 1rem    / 16px
+    PAD_XL = 5,// 1.5rem  / 24px
+    PAD_2XL = 6,// 2rem    / 32px
+    FLEX_ROW = 16,// display:flex; flex-direction:row
+    FLEX_COL = 32,// display:flex; flex-direction:column
+    GRID_2 = 48,// display:grid; grid-template-columns:repeat(2,1fr)
+    GRID_3 = 64,// display:grid; grid-template-columns:repeat(3,1fr)
+    GRID_4 = 80,// display:grid; grid-template-columns:repeat(4,1fr)
+    ALIGN_START = 96,// align-items:flex-start
+    ALIGN_CENTER = 112,// align-items:center
+    ALIGN_END = 128,// align-items:flex-end
+    ALIGN_STRETCH = 144,// align-items:stretch
+    JUSTIFY_START = 160,// justify-content:flex-start
+    JUSTIFY_CENTER = 176,// justify-content:center
+    JUSTIFY_END = 192,// justify-content:flex-end
+    JUSTIFY_BET = 208,// justify-content:space-between
+    JUSTIFY_AROUND = 224,// justify-content:space-around
+    JUSTIFY_EVEN = 240,// justify-content:space-evenly
+    RAD_NONE = 0,
+    RAD_XS = 256,// 2px
+    RAD_SM = 512,// 4px
+    RAD_MD = 768,// 6px
+    RAD_LG = 1024,// 8px
+    RAD_XL = 1280,// 12px
+    RAD_2XL = 1536,// 16px
+    RAD_FULL = 1792,// 9999px
+    GAP_NONE = 0,
+    GAP_XS = 4096,// 0.25rem / 4px
+    GAP_SM = 8192,// 0.5rem  / 8px
+    GAP_MD = 12288,// 1rem    / 16px
+    GAP_LG = 16384,// 1.5rem  / 24px
+    GAP_XL = 20480,// 2rem    / 32px
+    W_AUTO = 0,
+    W_FULL = 65536,// width:100%
+    W_SCREEN = 131072,// width:100vw
+    W_FIT = 196608,// width:fit-content
+    W_MIN = 262144,// width:min-content
+    W_MAX = 327680,// width:max-content
+    OVERFLOW_VIS = 0,// overflow:visible (default)
+    OVERFLOW_HIDDEN = 1048576,// overflow:hidden
+    OVERFLOW_AUTO = 2097152,// overflow:auto
+    OVERFLOW_SCROLL = 3145728
+}
+export declare const MATRIX_PAD_MAP: Record<number, string>;
+export declare const MATRIX_DISPLAY_MAP: Record<number, string>;
+export declare const MATRIX_RADIUS_MAP: Record<number, string>;
+export declare const MATRIX_GAP_MAP: Record<number, string>;
+export declare const MATRIX_WIDTH_MAP: Record<number, string>;
+export declare const MATRIX_OVERFLOW_MAP: Record<number, string>;
+export declare const NEXUI_THEMES: {
+    readonly void: {
+        readonly "--nx-bg-void": "#05070C";
+        readonly "--nx-bg-base": "#0D1117";
+        readonly "--nx-bg-surface": "#161B22";
+        readonly "--nx-bg-elevated": "#1C2128";
+        readonly "--nx-bg-overlay": "#21262D";
+        readonly "--nx-border": "rgba(255,255,255,0.08)";
+        readonly "--nx-border-strong": "rgba(255,255,255,0.16)";
+        readonly "--nx-border-focus": "rgba(232,144,16,0.60)";
+        readonly "--nx-text": "#E6EDF3";
+        readonly "--nx-text-2": "#8B949E";
+        readonly "--nx-text-3": "#6E7681";
+        readonly "--nx-text-4": "#484F58";
+        readonly "--nx-text-inv": "#05070C";
+        readonly "--nx-accent": "#E89010";
+        readonly "--nx-accent-dim": "rgba(232,144,16,0.09)";
+        readonly "--nx-accent-border": "rgba(232,144,16,0.22)";
+        readonly "--nx-accent-text": "#F5B342";
+        readonly "--nx-live": "#0FD4C6";
+        readonly "--nx-live-dim": "rgba(15,212,198,0.09)";
+        readonly "--nx-live-border": "rgba(15,212,198,0.22)";
+        readonly "--nx-success": "#22C55E";
+        readonly "--nx-success-dim": "rgba(34,197,94,0.10)";
+        readonly "--nx-error": "#EF4444";
+        readonly "--nx-error-dim": "rgba(239,68,68,0.10)";
+        readonly "--nx-warning": "#EAB308";
+        readonly "--nx-warning-dim": "rgba(234,179,8,0.10)";
+        readonly "--nx-font-sans": "'NexuiSans','Inter',system-ui,-apple-system,sans-serif";
+        readonly "--nx-font-mono": "'NexuiMono','JetBrains Mono','Fira Code',ui-monospace,monospace";
+    };
+    readonly terminal: {
+        readonly "--nx-bg-void": "#000000";
+        readonly "--nx-bg-base": "#050505";
+        readonly "--nx-bg-surface": "#0C0E12";
+        readonly "--nx-bg-elevated": "#111418";
+        readonly "--nx-bg-overlay": "#161B22";
+        readonly "--nx-border": "#1E293B";
+        readonly "--nx-border-strong": "#2D3748";
+        readonly "--nx-border-focus": "rgba(16,185,129,0.60)";
+        readonly "--nx-text": "#10B981";
+        readonly "--nx-text-2": "#6EE7B7";
+        readonly "--nx-text-3": "#34D399";
+        readonly "--nx-text-4": "#065F46";
+        readonly "--nx-text-inv": "#000000";
+        readonly "--nx-accent": "#E89010";
+        readonly "--nx-accent-dim": "rgba(232,144,16,0.09)";
+        readonly "--nx-accent-border": "rgba(232,144,16,0.22)";
+        readonly "--nx-accent-text": "#F5B342";
+        readonly "--nx-live": "#10B981";
+        readonly "--nx-live-dim": "rgba(16,185,129,0.09)";
+        readonly "--nx-live-border": "rgba(16,185,129,0.22)";
+        readonly "--nx-success": "#10B981";
+        readonly "--nx-success-dim": "rgba(16,185,129,0.10)";
+        readonly "--nx-error": "#EF4444";
+        readonly "--nx-error-dim": "rgba(239,68,68,0.10)";
+        readonly "--nx-warning": "#EAB308";
+        readonly "--nx-warning-dim": "rgba(234,179,8,0.10)";
+        readonly "--nx-font-sans": "'NexuiMono','JetBrains Mono',ui-monospace,monospace";
+        readonly "--nx-font-mono": "'NexuiMono','JetBrains Mono',ui-monospace,monospace";
+    };
+};
+export type NexuiTheme = keyof typeof NEXUI_THEMES;
+//# sourceMappingURL=matrix.d.ts.map

package/dist/core/matrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.d.ts","sourceRoot":"","sources":["../../src/core/matrix.ts"],"names":[],"mappings":"AAMA,0BAAkB,YAAY;IAE5B,QAAQ,IAAQ;IAChB,MAAM,IAAU,CAAI,gBAAgB;IACpC,MAAM,IAAU,CAAI,gBAAgB;IACpC,MAAM,IAAU,CAAI,iBAAiB;IACrC,MAAM,IAAU,CAAI,iBAAiB;IACrC,MAAM,IAAU,CAAI,iBAAiB;IACrC,OAAO,IAAS,CAAI,iBAAiB;IAGrC,QAAQ,KAAS,CAAG,mCAAmC;IACvD,QAAQ,KAAS,CAAG,sCAAsC;IAC1D,MAAM,KAAW,CAAG,oDAAoD;IACxE,MAAM,KAAW,CAAG,oDAAoD;IACxE,MAAM,KAAW,CAAG,oDAAoD;IAGxE,WAAW,KAAS,CAAG,yBAAyB;IAChD,YAAY,MAAQ,CAAG,qBAAqB;IAC5C,SAAS,MAAW,CAAG,uBAAuB;IAC9C,aAAa,MAAO,CAAG,sBAAsB;IAG7C,aAAa,MAAQ,CAAG,6BAA6B;IACrD,cAAc,MAAO,CAAG,yBAAyB;IACjD,WAAW,MAAU,CAAG,2BAA2B;IACnD,WAAW,MAAU,CAAG,gCAAgC;IACxD,cAAc,MAAO,CAAG,+BAA+B;IACvD,YAAY,MAAS,CAAG,+BAA+B;IAGvD,QAAQ,IAAU;IAClB,MAAM,MAAY,CAAG,MAAM;IAC3B,MAAM,MAAY,CAAG,MAAM;IAC3B,MAAM,MAAY,CAAG,MAAM;IAC3B,MAAM,OAAY,CAAG,MAAM;IAC3B,MAAM,OAAY,CAAG,OAAO;IAC5B,OAAO,OAAW,CAAG,OAAO;IAC5B,QAAQ,OAAU,CAAG,SAAS;IAG9B,QAAQ,IAAW;IACnB,MAAM,OAAa,CAAG,gBAAgB;IACtC,MAAM,OAAa,CAAG,gBAAgB;IACtC,MAAM,QAAa,CAAG,iBAAiB;IACvC,MAAM,QAAa,CAAG,iBAAiB;IACvC,MAAM,QAAa,CAAG,iBAAiB;IAGvC,MAAM,IAAc;IACpB,MAAM,QAAc,CAAG,aAAa;IACpC,QAAQ,SAAY,CAAG,cAAc;IACrC,KAAK,SAAe,CAAG,oBAAoB;IAC3C,KAAK,SAAe,CAAG,oBAAoB;IAC3C,KAAK,SAAe,CAAG,oBAAoB;IAG3C,YAAY,IAAc,CAAG,6BAA6B;IAC1D,eAAe,UAAW,CAAG,kBAAkB;IAC/C,aAAa,UAAa,CAAG,gBAAgB;IAC7C,eAAe,UAAW;CAC3B;AAGD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgBrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQpD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAItD,CAAC;AAGF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Df,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC"}