@lattix/dsl 0.1.0

package/dist/builders/button.d.ts

@@ -0,0 +1,6 @@
+import { LeafBuilder } from "./leaf.js";
+export declare class ButtonBuilder extends LeafBuilder {
+    onPress(actionId: string): this;
+    variant(value: string): this;
+}
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/builders/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,qBAAa,aAAc,SAAQ,WAAW;IAC5C,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAM/B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAK7B"}

package/dist/builders/button.js

@@ -0,0 +1,16 @@
+import { normalizeAction } from "@lattix/core";
+import { pushTrace } from "../internal/trace.js";
+import { LeafBuilder } from "./leaf.js";
+export class ButtonBuilder extends LeafBuilder {
+    onPress(actionId) {
+        this.state.props.onPress = normalizeAction(actionId);
+        this.state.trace = pushTrace(this.state.trace, `onPress(${JSON.stringify(actionId)})`);
+        return this;
+    }
+    variant(value) {
+        this.state.props.variant = value;
+        this.state.trace = pushTrace(this.state.trace, `variant(${JSON.stringify(value)})`);
+        return this;
+    }
+}
+//# sourceMappingURL=button.js.map

package/dist/builders/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/builders/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,OAAO,aAAc,SAAQ,WAAW;IAC5C,OAAO,CAAC,QAAgB;QACtB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CAAC,KAAa;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpF,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/builders/container.d.ts

@@ -0,0 +1,48 @@
+import { type LattixNode } from "@lattix/core";
+import { StyleChain } from "../internal/style.js";
+import type { BuilderState } from "../internal/types.js";
+import { ButtonBuilder } from "./button.js";
+import { TextBuilder } from "./text.js";
+export type ContainerChildCallback<T extends ContainerBuilder> = (builder: T) => void;
+export interface StackOptions {
+    readonly gap?: number | string;
+}
+/** Base container builder — accumulates children, never leaks chain state to nodes. */
+export declare class ContainerBuilder extends StyleChain {
+    readonly state: BuilderState;
+    protected pending: {
+        finalize: () => LattixNode;
+    } | null;
+    constructor(state: BuilderState);
+    debugLabel(label: string): this;
+    /** Finalize any in-progress leaf builder into children. */
+    flushPending(): void;
+    protected nest<T extends ContainerBuilder>(Builder: new (state: BuilderState, parent: ContainerBuilder) => T, kind: BuilderState["kind"], options: StackOptions | undefined, configure: ContainerChildCallback<T> | undefined, op: string): this;
+    stack(options?: StackOptions, configure?: ContainerChildCallback<StackBuilder>): this;
+    stack(configure: ContainerChildCallback<StackBuilder>): this;
+    row(configure?: ContainerChildCallback<RowBuilder>): this;
+    box(configure?: ContainerChildCallback<BoxBuilder>): this;
+    list(configure?: ContainerChildCallback<ListBuilder>): this;
+    protected appendLeaf(kind: BuilderState["kind"], props: Record<string, unknown>, op: string): this;
+    image(source: string): this;
+    input(placeholder?: string): this;
+    badge(label: string): this;
+    divider(): this;
+    spacer(): this;
+    text(content: string): TextBuilder;
+    button(label: string, configure?: (btn: ButtonBuilder) => void): ButtonBuilder;
+    toNode(): LattixNode;
+}
+export declare class StackBuilder extends ContainerBuilder {
+    constructor(state: BuilderState, _parent: ContainerBuilder);
+}
+export declare class RowBuilder extends ContainerBuilder {
+    constructor(state: BuilderState, _parent: ContainerBuilder);
+}
+export declare class BoxBuilder extends ContainerBuilder {
+    constructor(state: BuilderState, _parent: ContainerBuilder);
+}
+export declare class ListBuilder extends ContainerBuilder {
+    constructor(state: BuilderState, _parent: ContainerBuilder);
+}
+//# sourceMappingURL=container.d.ts.map

package/dist/builders/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/builders/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;AAEtF,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,uFAAuF;AACvF,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;KAAE,GAAG,IAAI,CAAQ;gBAEpD,KAAK,EAAE,YAAY;IAK/B,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM/B,2DAA2D;IAC3D,YAAY,IAAI,IAAI;IAOpB,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,gBAAgB,EACvC,OAAO,EAAE,KAAK,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,gBAAgB,KAAK,CAAC,EACjE,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAC1B,OAAO,EAAE,YAAY,GAAG,SAAS,EACjC,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,SAAS,EAChD,EAAE,EAAE,MAAM,GACT,IAAI;IAoBP,KAAK,CACH,OAAO,CAAC,EAAE,YAAY,EACtB,SAAS,CAAC,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAC/C,IAAI;IACP,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,IAAI;IAY5D,GAAG,CAAC,SAAS,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,IAAI;IAIzD,GAAG,CAAC,SAAS,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,IAAI;IAIzD,IAAI,CAAC,SAAS,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,GAAG,IAAI;IAI3D,SAAS,CAAC,UAAU,CAClB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,EAAE,EAAE,MAAM,GACT,IAAI;IAYP,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI3B,KAAK,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI;IAQjC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI1B,OAAO,IAAI,IAAI;IAIf,MAAM,IAAI,IAAI;IAId,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW;IAgBlC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,GAAG,aAAa;IAiB9E,MAAM,IAAI,UAAU;CAIrB;AAED,qBAAa,YAAa,SAAQ,gBAAgB;gBACpC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB;CAG3D;AAED,qBAAa,UAAW,SAAQ,gBAAgB;gBAClC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB;CAG3D;AAED,qBAAa,UAAW,SAAQ,gBAAgB;gBAClC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB;CAG3D;AAED,qBAAa,WAAY,SAAQ,gBAAgB;gBACnC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB;CAG3D"}

package/dist/builders/container.js

@@ -0,0 +1,134 @@
+import { createNode } from "@lattix/core";
+import { finalizeState } from "../internal/finalize.js";
+import { StyleChain } from "../internal/style.js";
+import { pushTrace } from "../internal/trace.js";
+import { ButtonBuilder } from "./button.js";
+import { TextBuilder } from "./text.js";
+/** Base container builder — accumulates children, never leaks chain state to nodes. */
+export class ContainerBuilder extends StyleChain {
+    state;
+    pending = null;
+    constructor(state) {
+        super();
+        this.state = state;
+    }
+    debugLabel(label) {
+        this.state.debugLabel = label;
+        this.state.trace = pushTrace(this.state.trace, `debugLabel(${label})`);
+        return this;
+    }
+    /** Finalize any in-progress leaf builder into children. */
+    flushPending() {
+        if (this.pending) {
+            this.state.children.push(this.pending.finalize());
+            this.pending = null;
+        }
+    }
+    nest(Builder, kind, options, configure, op) {
+        this.flushPending();
+        const childState = {
+            kind,
+            props: {},
+            style: {},
+            children: [],
+            trace: [...this.state.trace, op],
+        };
+        if (options?.gap !== undefined) {
+            childState.style.gap = options.gap;
+        }
+        const child = new Builder(childState, this);
+        configure?.(child);
+        child.flushPending();
+        this.state.children.push(finalizeState(child.state));
+        this.state.trace = pushTrace(this.state.trace, op);
+        return this;
+    }
+    stack(optionsOrConfigure, maybeConfigure) {
+        const options = typeof optionsOrConfigure === "function" ? undefined : optionsOrConfigure;
+        const configure = typeof optionsOrConfigure === "function" ? optionsOrConfigure : maybeConfigure;
+        return this.nest(StackBuilder, "stack", options, configure, "stack");
+    }
+    row(configure) {
+        return this.nest(RowBuilder, "row", undefined, configure, "row");
+    }
+    box(configure) {
+        return this.nest(BoxBuilder, "box", undefined, configure, "box");
+    }
+    list(configure) {
+        return this.nest(ListBuilder, "list", undefined, configure, "list");
+    }
+    appendLeaf(kind, props, op) {
+        this.flushPending();
+        this.state.children.push(createNode(kind, {
+            props,
+            builderTrace: pushTrace(this.state.trace, op),
+        }));
+        this.state.trace = pushTrace(this.state.trace, op);
+        return this;
+    }
+    image(source) {
+        return this.appendLeaf("image", { source }, `image(${JSON.stringify(source)})`);
+    }
+    input(placeholder) {
+        return this.appendLeaf("input", { ...(placeholder !== undefined ? { placeholder } : {}) }, "input");
+    }
+    badge(label) {
+        return this.appendLeaf("badge", { label }, `badge(${JSON.stringify(label)})`);
+    }
+    divider() {
+        return this.appendLeaf("divider", {}, "divider");
+    }
+    spacer() {
+        return this.appendLeaf("spacer", {}, "spacer");
+    }
+    text(content) {
+        this.flushPending();
+        const builder = new TextBuilder({
+            kind: "text",
+            props: { content },
+            style: {},
+            children: [],
+            trace: [...this.state.trace, `text(${JSON.stringify(content)})`],
+        }, this);
+        this.pending = { finalize: () => builder.toNode() };
+        return builder;
+    }
+    button(label, configure) {
+        this.flushPending();
+        const builder = new ButtonBuilder({
+            kind: "button",
+            props: { label },
+            style: {},
+            children: [],
+            trace: [...this.state.trace, `button(${JSON.stringify(label)})`],
+        }, this);
+        configure?.(builder);
+        this.pending = { finalize: () => builder.toNode() };
+        return builder;
+    }
+    toNode() {
+        this.flushPending();
+        return finalizeState(this.state);
+    }
+}
+export class StackBuilder extends ContainerBuilder {
+    constructor(state, _parent) {
+        super(state);
+    }
+}
+export class RowBuilder extends ContainerBuilder {
+    constructor(state, _parent) {
+        super(state);
+    }
+}
+export class BoxBuilder extends ContainerBuilder {
+    constructor(state, _parent) {
+        super(state);
+    }
+}
+export class ListBuilder extends ContainerBuilder {
+    constructor(state, _parent) {
+        super(state);
+    }
+}
+//# sourceMappingURL=container.js.map

package/dist/builders/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/builders/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQxC,uFAAuF;AACvF,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IACrC,KAAK,CAAe;IACnB,OAAO,GAA0C,IAAI,CAAC;IAEhE,YAAY,KAAmB;QAC7B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,KAAK,GAAG,CAAC,CAAC;QACvE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,2DAA2D;IAC3D,YAAY;QACV,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YAClD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAES,IAAI,CACZ,OAAiE,EACjE,IAA0B,EAC1B,OAAiC,EACjC,SAAgD,EAChD,EAAU;QAEV,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,MAAM,UAAU,GAAiB;YAC/B,IAAI;YACJ,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;SACjC,CAAC;QACF,IAAI,OAAO,EAAE,GAAG,KAAK,SAAS,EAAE,CAAC;YAC/B,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACrC,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,KAAK,CAAC,YAAY,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,KAAK,CACH,kBAAwE,EACxE,cAAqD;QAErD,MAAM,OAAO,GACX,OAAO,kBAAkB,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC;QAC5E,MAAM,SAAS,GACb,OAAO,kBAAkB,KAAK,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC;QACjF,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACvE,CAAC;IAED,GAAG,CAAC,SAA8C;QAChD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IACnE,CAAC;IAED,GAAG,CAAC,SAA8C;QAChD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,CAAC,SAA+C;QAClD,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IACtE,CAAC;IAES,UAAU,CAClB,IAA0B,EAC1B,KAA8B,EAC9B,EAAU;QAEV,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CACtB,UAAU,CAAC,IAAI,EAAE;YACf,KAAK;YACL,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;SAC9C,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK,CAAC,MAAc;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAClF,CAAC;IAED,KAAK,CAAC,WAAoB;QACxB,OAAO,IAAI,CAAC,UAAU,CACpB,OAAO,EACP,EAAE,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EACzD,OAAO,CACR,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChF,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;IACnD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,CAAC,OAAe;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,MAAM,OAAO,GAAG,IAAI,WAAW,CAC7B;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE,OAAO,EAAE;YAClB,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC;SACjE,EACD,IAAI,CACL,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;QACpD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,SAAwC;QAC5D,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,MAAM,OAAO,GAAG,IAAI,aAAa,CAC/B;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,EAAE,KAAK,EAAE;YAChB,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;SACjE,EACD,IAAI,CACL,CAAC;QACF,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;QACpD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;CACF;AAED,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAChD,YAAY,KAAmB,EAAE,OAAyB;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;CACF;AAED,MAAM,OAAO,UAAW,SAAQ,gBAAgB;IAC9C,YAAY,KAAmB,EAAE,OAAyB;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;CACF;AAED,MAAM,OAAO,UAAW,SAAQ,gBAAgB;IAC9C,YAAY,KAAmB,EAAE,OAAyB;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;CACF;AAED,MAAM,OAAO,WAAY,SAAQ,gBAAgB;IAC/C,YAAY,KAAmB,EAAE,OAAyB;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;CACF"}

package/dist/builders/leaf.d.ts

@@ -0,0 +1,23 @@
+import type { LattixNode } from "@lattix/core";
+import { StyleChain } from "../internal/style.js";
+import type { BuilderState } from "../internal/types.js";
+import type { ButtonBuilder } from "./button.js";
+import { type BoxBuilder, type ContainerBuilder, type ListBuilder, type RowBuilder, type StackBuilder, type StackOptions } from "./container.js";
+import type { TextBuilder } from "./text.js";
+/** Leaf builders delegate sibling container ops back to the parent after committing. */
+export declare abstract class LeafBuilder extends StyleChain {
+    protected readonly state: BuilderState;
+    protected readonly parent: ContainerBuilder;
+    constructor(state: BuilderState, parent: ContainerBuilder);
+    debugLabel(label: string): this;
+    toNode(): LattixNode;
+    protected returnToParent(): ContainerBuilder;
+    text(content: string): TextBuilder;
+    button(label: string, configure?: (b: ButtonBuilder) => void): ButtonBuilder;
+    stack(options?: StackOptions, configure?: (b: StackBuilder) => void): ContainerBuilder;
+    stack(configure: (b: StackBuilder) => void): ContainerBuilder;
+    row(configure?: (b: RowBuilder) => void): ContainerBuilder;
+    box(configure?: (b: BoxBuilder) => void): ContainerBuilder;
+    list(configure?: (b: ListBuilder) => void): ContainerBuilder;
+}
+//# sourceMappingURL=leaf.d.ts.map

package/dist/builders/leaf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaf.d.ts","sourceRoot":"","sources":["../../src/builders/leaf.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,wFAAwF;AACxF,8BAAsB,WAAY,SAAQ,UAAU;IAClD,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;gBAEhC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,gBAAgB;IAMzD,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM/B,MAAM,IAAI,UAAU;IAIpB,SAAS,CAAC,cAAc,IAAI,gBAAgB;IAK5C,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW;IAIlC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,GAAG,aAAa;IAI5E,KAAK,CACH,OAAO,CAAC,EAAE,YAAY,EACtB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,GACpC,gBAAgB;IACnB,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,GAAG,gBAAgB;IAW7D,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,gBAAgB;IAI1D,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,gBAAgB;IAI1D,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,GAAG,gBAAgB;CAG7D"}

package/dist/builders/leaf.js

@@ -0,0 +1,44 @@
+import { finalizeState } from "../internal/finalize.js";
+import { StyleChain } from "../internal/style.js";
+import { pushTrace } from "../internal/trace.js";
+/** Leaf builders delegate sibling container ops back to the parent after committing. */
+export class LeafBuilder extends StyleChain {
+    state;
+    parent;
+    constructor(state, parent) {
+        super();
+        this.state = state;
+        this.parent = parent;
+    }
+    debugLabel(label) {
+        this.state.debugLabel = label;
+        this.state.trace = pushTrace(this.state.trace, `debugLabel(${label})`);
+        return this;
+    }
+    toNode() {
+        return finalizeState(this.state);
+    }
+    returnToParent() {
+        this.parent.flushPending();
+        return this.parent;
+    }
+    text(content) {
+        return this.returnToParent().text(content);
+    }
+    button(label, configure) {
+        return this.returnToParent().button(label, configure);
+    }
+    stack(optionsOrConfigure, maybeConfigure) {
+        return this.returnToParent().stack(optionsOrConfigure, maybeConfigure);
+    }
+    row(configure) {
+        return this.returnToParent().row(configure);
+    }
+    box(configure) {
+        return this.returnToParent().box(configure);
+    }
+    list(configure) {
+        return this.returnToParent().list(configure);
+    }
+}
+//# sourceMappingURL=leaf.js.map

package/dist/builders/leaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaf.js","sourceRoot":"","sources":["../../src/builders/leaf.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAajD,wFAAwF;AACxF,MAAM,OAAgB,WAAY,SAAQ,UAAU;IAC/B,KAAK,CAAe;IACpB,MAAM,CAAmB;IAE5C,YAAY,KAAmB,EAAE,MAAwB;QACvD,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,KAAK,GAAG,CAAC,CAAC;QACvE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAES,cAAc;QACtB,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,CAAC,OAAe;QAClB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,SAAsC;QAC1D,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACxD,CAAC;IAOD,KAAK,CACH,kBAA+D,EAC/D,cAA0C;QAE1C,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK,CAChC,kBAAkC,EAClC,cAA2C,CAC5C,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,SAAmC;QACrC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED,GAAG,CAAC,SAAmC;QACrC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,CAAC,SAAoC;QACvC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF"}

package/dist/builders/screen.d.ts

@@ -0,0 +1,25 @@
+import type { LattixNode } from "@lattix/core";
+import { explainNode, type CreateTreeOptions, type LattixValidatedTree } from "@lattix/diagnostics";
+import { ContainerBuilder } from "./container.js";
+export type ScreenCallback = (screen: ScreenBuilder) => void;
+/** @deprecated Use tree.validation — validation is always attached on toTree(). */
+export type LattixDebugInfo = LattixValidatedTree & {
+    readonly printed: string;
+};
+/** Root screen builder — entry point for fluent UI definitions. */
+export declare class ScreenBuilder extends ContainerBuilder {
+    constructor(id: string, configure?: ScreenCallback);
+    toNode(): LattixNode;
+    /**
+     * Build the semantic tree. Validation and per-node diagnostics are automatic.
+     * Throws in strict mode when the tree is invalid (default).
+     */
+    toTree(options?: CreateTreeOptions): LattixValidatedTree;
+    /**
+     * Explain a node at a semantic path using diagnostics already on the tree.
+     */
+    explain(path: string, options?: CreateTreeOptions): ReturnType<typeof explainNode>;
+    /** Pretty-print the tree with builder traces and validation summary. */
+    debug(options?: CreateTreeOptions): LattixDebugInfo;
+}
+//# sourceMappingURL=screen.d.ts.map

package/dist/builders/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/builders/screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEL,WAAW,EAEX,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;AAE7D,mFAAmF;AACnF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,mEAAmE;AACnE,qBAAa,aAAc,SAAQ,gBAAgB;gBACrC,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,cAAc;IAczC,MAAM,IAAI,UAAU;IAI7B;;;OAGG;IACH,MAAM,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,mBAAmB;IAIxD;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC;IAKlF,wEAAwE;IACxE,KAAK,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,eAAe;CAOpD"}

package/dist/builders/screen.js

@@ -0,0 +1,44 @@
+import { createTree, explainNode, printTree, } from "@lattix/diagnostics";
+import { ContainerBuilder } from "./container.js";
+/** Root screen builder — entry point for fluent UI definitions. */
+export class ScreenBuilder extends ContainerBuilder {
+    constructor(id, configure) {
+        const state = {
+            kind: "screen",
+            id,
+            props: {},
+            style: {},
+            children: [],
+            trace: [`Screen(${JSON.stringify(id)})`],
+        };
+        super(state);
+        configure?.(this);
+        this.flushPending();
+    }
+    toNode() {
+        return super.toNode();
+    }
+    /**
+     * Build the semantic tree. Validation and per-node diagnostics are automatic.
+     * Throws in strict mode when the tree is invalid (default).
+     */
+    toTree(options) {
+        return createTree(this.toNode(), options);
+    }
+    /**
+     * Explain a node at a semantic path using diagnostics already on the tree.
+     */
+    explain(path, options) {
+        const tree = this.toTree(options);
+        return explainNode(tree, path, { diagnostics: tree.validation.diagnostics });
+    }
+    /** Pretty-print the tree with builder traces and validation summary. */
+    debug(options) {
+        const tree = this.toTree(options);
+        return {
+            ...tree,
+            printed: printTree(tree, { showBuilderTrace: true }),
+        };
+    }
+}
+//# sourceMappingURL=screen.js.map

package/dist/builders/screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../src/builders/screen.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,WAAW,EACX,SAAS,GAGV,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAUlD,mEAAmE;AACnE,MAAM,OAAO,aAAc,SAAQ,gBAAgB;IACjD,YAAY,EAAU,EAAE,SAA0B;QAChD,MAAM,KAAK,GAAiB;YAC1B,IAAI,EAAE,QAAQ;YACd,EAAE;YACF,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC;SACzC,CAAC;QACF,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEQ,MAAM;QACb,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,OAA2B;QAChC,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,IAAY,EAAE,OAA2B;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAClC,OAAO,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;IAC/E,CAAC;IAED,wEAAwE;IACxE,KAAK,CAAC,OAA2B;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAClC,OAAO;YACL,GAAG,IAAI;YACP,OAAO,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;SACrD,CAAC;IACJ,CAAC;CACF"}

package/dist/builders/text.d.ts

@@ -0,0 +1,4 @@
+import { LeafBuilder } from "./leaf.js";
+export declare class TextBuilder extends LeafBuilder {
+}
+//# sourceMappingURL=text.d.ts.map

package/dist/builders/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/builders/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,qBAAa,WAAY,SAAQ,WAAW;CAAG"}

package/dist/builders/text.js

@@ -0,0 +1,4 @@
+import { LeafBuilder } from "./leaf.js";
+export class TextBuilder extends LeafBuilder {
+}
+//# sourceMappingURL=text.js.map

package/dist/builders/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/builders/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,OAAO,WAAY,SAAQ,WAAW;CAAG"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { Screen, screen } from "./screen.js";
+export { ScreenBuilder, type ScreenCallback, type LattixDebugInfo } from "./builders/screen.js";
+export { ContainerBuilder, type StackOptions } from "./builders/container.js";
+export { TextBuilder } from "./builders/text.js";
+export { ButtonBuilder } from "./builders/button.js";
+export { StackBuilder, RowBuilder, BoxBuilder, ListBuilder, } from "./builders/container.js";
+//# 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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,WAAW,GACZ,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { Screen, screen } from "./screen.js";
+export { ScreenBuilder } from "./builders/screen.js";
+export { ContainerBuilder } from "./builders/container.js";
+export { TextBuilder } from "./builders/text.js";
+export { ButtonBuilder } from "./builders/button.js";
+export { StackBuilder, RowBuilder, BoxBuilder, ListBuilder, } from "./builders/container.js";
+//# 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,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAA6C,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAqB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,WAAW,GACZ,MAAM,yBAAyB,CAAC"}

package/dist/internal/finalize.d.ts

@@ -0,0 +1,5 @@
+import type { LattixNode } from "@lattix/core";
+import type { BuilderState } from "./types.js";
+/** Convert builder state into a normalized semantic node with built-in validation and styles. */
+export declare const finalizeState: (state: BuilderState) => LattixNode;
+//# sourceMappingURL=finalize.d.ts.map

package/dist/internal/finalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalize.d.ts","sourceRoot":"","sources":["../../src/internal/finalize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,iGAAiG;AACjG,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,KAAG,UAkBnD,CAAC"}

package/dist/internal/finalize.js

@@ -0,0 +1,20 @@
+import { createNode, validateNodeShallow } from "@lattix/core";
+import { validateNodeStyle } from "@lattix/tokens";
+/** Convert builder state into a normalized semantic node with built-in validation and styles. */
+export const finalizeState = (state) => {
+    const style = Object.keys(state.style).length > 0
+        ? state.style
+        : undefined;
+    const node = createNode(state.kind, {
+        id: state.id,
+        debugLabel: state.debugLabel,
+        props: { ...state.props },
+        style,
+        animation: state.animation,
+        children: state.children.length > 0 ? [...state.children] : undefined,
+        builderTrace: state.trace.length > 0 ? [...state.trace] : undefined,
+    });
+    const withStyle = validateNodeStyle(node);
+    return validateNodeShallow(withStyle.node).node;
+};
+//# sourceMappingURL=finalize.js.map

package/dist/internal/finalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalize.js","sourceRoot":"","sources":["../../src/internal/finalize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,iGAAiG;AACjG,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAc,EAAE;IAC/D,MAAM,KAAK,GACT,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;QACjC,CAAC,CAAE,KAAK,CAAC,KAA6B;QACtC,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE;QAClC,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;QACzB,KAAK;QACL,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS;QACrE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;KACpE,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC,CAAC"}

package/dist/internal/style.d.ts

@@ -0,0 +1,21 @@
+import type { LattixAnimation, LattixAnimationPreset } from "@lattix/core";
+import type { BuilderState, StyleInput } from "./types.js";
+/** Shared style chaining for container and leaf builders. */
+export declare abstract class StyleChain {
+    protected abstract readonly state: BuilderState;
+    protected setStyle(key: string, value: StyleInput, op: string): this;
+    animate(preset: LattixAnimationPreset, options?: Omit<LattixAnimation, "preset">): this;
+    padding(value: StyleInput): this;
+    margin(value: StyleInput): this;
+    marginTop(value: StyleInput): this;
+    background(value: StyleInput): this;
+    color(value: StyleInput): this;
+    gap(value: StyleInput): this;
+    radius(value: StyleInput): this;
+    fontSize(value: StyleInput): this;
+    weight(value: StyleInput): this;
+    size(value: StyleInput): this;
+    width(value: StyleInput): this;
+    height(value: StyleInput): this;
+}
+//# sourceMappingURL=style.d.ts.map

package/dist/internal/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/internal/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3D,6DAA6D;AAC7D,8BAAsB,UAAU;IAC9B,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAEhD,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAMpE,OAAO,CACL,MAAM,EAAE,qBAAqB,EAC7B,OAAO,GAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAM,GAC5C,IAAI;IAMP,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIhC,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI/B,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIlC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAInC,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI9B,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI5B,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI/B,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIjC,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI/B,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI7B,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI9B,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAGhC"}

package/dist/internal/style.js

@@ -0,0 +1,51 @@
+import { pushTrace } from "./trace.js";
+/** Shared style chaining for container and leaf builders. */
+export class StyleChain {
+    setStyle(key, value, op) {
+        this.state.style[key] = value;
+        this.state.trace = pushTrace(this.state.trace, op);
+        return this;
+    }
+    animate(preset, options = {}) {
+        this.state.animation = { preset, ...options };
+        this.state.trace = pushTrace(this.state.trace, `animate(${preset})`);
+        return this;
+    }
+    padding(value) {
+        return this.setStyle("padding", value, "padding");
+    }
+    margin(value) {
+        return this.setStyle("margin", value, "margin");
+    }
+    marginTop(value) {
+        return this.setStyle("marginTop", value, "marginTop");
+    }
+    background(value) {
+        return this.setStyle("background", value, "background");
+    }
+    color(value) {
+        return this.setStyle("color", value, "color");
+    }
+    gap(value) {
+        return this.setStyle("gap", value, "gap");
+    }
+    radius(value) {
+        return this.setStyle("borderRadius", value, "radius");
+    }
+    fontSize(value) {
+        return this.setStyle("fontSize", value, "fontSize");
+    }
+    weight(value) {
+        return this.setStyle("fontWeight", value, "weight");
+    }
+    size(value) {
+        return this.fontSize(value);
+    }
+    width(value) {
+        return this.setStyle("width", value, "width");
+    }
+    height(value) {
+        return this.setStyle("height", value, "height");
+    }
+}
+//# sourceMappingURL=style.js.map

package/dist/internal/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/internal/style.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,6DAA6D;AAC7D,MAAM,OAAgB,UAAU;IAGpB,QAAQ,CAAC,GAAW,EAAE,KAAiB,EAAE,EAAU;QAC3D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAA6B,EAC7B,UAA2C,EAAE;QAE7C,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;QAC9C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,MAAM,GAAG,CAAC,CAAC;QACrE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CAAC,KAAiB;QACvB,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,KAAiB;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,SAAS,CAAC,KAAiB;QACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACxD,CAAC;IAED,UAAU,CAAC,KAAiB;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC1D,CAAC;IAED,KAAK,CAAC,KAAiB;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,GAAG,CAAC,KAAiB;QACnB,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,CAAC,KAAiB;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IACxD,CAAC;IAED,QAAQ,CAAC,KAAiB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IACtD,CAAC;IAED,MAAM,CAAC,KAAiB;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,CAAC,KAAiB;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,KAAiB;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,MAAM,CAAC,KAAiB;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC;CACF"}

package/dist/internal/trace.d.ts

@@ -0,0 +1,3 @@
+/** Append an operation name to the builder trace (dev diagnostics). */
+export declare const pushTrace: (trace: readonly string[], operation: string) => readonly string[];
+//# sourceMappingURL=trace.d.ts.map

package/dist/internal/trace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace.d.ts","sourceRoot":"","sources":["../../src/internal/trace.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,eAAO,MAAM,SAAS,GACpB,OAAO,SAAS,MAAM,EAAE,EACxB,WAAW,MAAM,KAChB,SAAS,MAAM,EAA2B,CAAC"}

package/dist/internal/trace.js

@@ -0,0 +1,3 @@
+/** Append an operation name to the builder trace (dev diagnostics). */
+export const pushTrace = (trace, operation) => [...trace, operation];
+//# sourceMappingURL=trace.js.map

package/dist/internal/trace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace.js","sourceRoot":"","sources":["../../src/internal/trace.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAwB,EACxB,SAAiB,EACE,EAAE,CAAC,CAAC,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC"}

package/dist/internal/types.d.ts

@@ -0,0 +1,15 @@
+import type { LattixAnimation, LattixNode, LattixNodeKind } from "@lattix/core";
+import type { LattixStyleValue } from "@lattix/core";
+/** Mutable state while authoring — never stored on semantic nodes. */
+export interface BuilderState {
+    kind: LattixNodeKind | (string & {});
+    id?: string;
+    debugLabel?: string;
+    props: Record<string, unknown>;
+    style: Record<string, LattixStyleValue>;
+    animation?: LattixAnimation | readonly LattixAnimation[];
+    children: LattixNode[];
+    trace: readonly string[];
+}
+export type StyleInput = LattixStyleValue;
+//# sourceMappingURL=types.d.ts.map

package/dist/internal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,cAAc,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAElE,sEAAsE;AACtE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,eAAe,EAAE,CAAC;IACzD,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC"}

package/dist/internal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/internal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":""}

package/dist/screen.d.ts

@@ -0,0 +1,6 @@
+import { ScreenBuilder, type ScreenCallback } from "./builders/screen.js";
+/** Create a screen using PascalCase entry (matches component naming). */
+export declare const Screen: (id: string, configure?: ScreenCallback) => ScreenBuilder;
+/** Create a screen using lowercase entry. */
+export declare const screen: (id: string, configure?: ScreenCallback) => ScreenBuilder;
+//# sourceMappingURL=screen.d.ts.map

package/dist/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../src/screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,yEAAyE;AACzE,eAAO,MAAM,MAAM,GAAI,IAAI,MAAM,EAAE,YAAY,cAAc,KAAG,aAC9B,CAAC;AAEnC,6CAA6C;AAC7C,eAAO,MAAM,MAAM,OAJQ,MAAM,cAAc,cAAc,KAAG,aAIpC,CAAC"}

package/dist/screen.js

@@ -0,0 +1,6 @@
+import { ScreenBuilder } from "./builders/screen.js";
+/** Create a screen using PascalCase entry (matches component naming). */
+export const Screen = (id, configure) => new ScreenBuilder(id, configure);
+/** Create a screen using lowercase entry. */
+export const screen = Screen;
+//# sourceMappingURL=screen.js.map

package/dist/screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.js","sourceRoot":"","sources":["../src/screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,sBAAsB,CAAC;AAE1E,yEAAyE;AACzE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,SAA0B,EAAiB,EAAE,CAC9E,IAAI,aAAa,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;AAEnC,6CAA6C;AAC7C,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC"}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@lattix/dsl",
+  "version": "0.1.0",
+  "description": "Fluent authoring DSL that compiles to Lattix semantic trees",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist *.tsbuildinfo",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@lattix/core": "0.1.0",
+    "@lattix/diagnostics": "0.1.0",
+    "@lattix/tokens": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.5"
+  }
+}