juxscript 1.1.412 → 1.1.414

package/dist/components/charts/index.d.ts

@@ -0,0 +1,7 @@
+export { bar } from './barChart.js';
+export { line } from './lineChart.js';
+export { pie } from './pieChart.js';
+export type { BarChart, BarChartOptions, BarDataItem, BarClickDetail, SeriesConfig, RATIOS, TOKENS } from './barChart.js';
+export type { LineChart, LineChartOptions, LineDataItem, LineClickDetail, SeriesConfig as LineSeriesConfig } from './lineChart.js';
+export type { PieChart, PieChartOptions, PieDataItem, PieClickDetail } from './pieChart.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAQ,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAO,gBAAgB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAQ,eAAe,CAAC;AACtC,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC1H,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACnI,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/charts/index.js

@@ -0,0 +1,4 @@
+export { bar } from './barChart.js';
+export { line } from './lineChart.js';
+export { pie } from './pieChart.js';
+//# sourceMappingURL=index.js.map

package/dist/components/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAQ,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAO,gBAAgB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAQ,eAAe,CAAC"}

package/dist/components/columns.d.ts

@@ -0,0 +1,86 @@
+export interface ColumnDef {
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    gap?: string;
+    class?: string;
+    style?: string;
+}
+export interface ColumnsOptions {
+    gap?: string;
+    padding?: string;
+    class?: string;
+    style?: string;
+    align?: string;
+    width?: string;
+    height?: string;
+    target?: string;
+}
+export interface ColumnSlot {
+    element: HTMLElement;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): ColumnSlot;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): ColumnSlot;
+    append(...children: (HTMLElement | {
+        element: HTMLElement;
+    })[]): ColumnSlot;
+}
+export type ColumnsResult = {
+    [key: string]: any;
+    element: HTMLElement;
+    render(target?: any): ColumnsResult;
+    into(target?: any): ColumnsResult;
+    gap(val: string): ColumnsResult;
+    padding(val: string): ColumnsResult;
+    align(val: string): ColumnsResult;
+    width(val: string): ColumnsResult;
+    height(val: string): ColumnsResult;
+    class(val: string): ColumnsResult;
+    style(css: string): ColumnsResult;
+};
+export declare class Columns {
+    id: string;
+    private _opts;
+    private _defs;
+    private _element;
+    private _slots;
+    constructor(id: string, def: number | ColumnDef[], options?: ColumnsOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    gap(val: string): this;
+    padding(val: string): this;
+    align(val: string): this;
+    width(val: string): this;
+    height(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    getGap(): string;
+    getPadding(): string;
+    getAlign(): string;
+    getWidth(): string;
+    getHeight(): string;
+    getClass(): string;
+    getStyle(): string;
+    setGap(val: string): this;
+    setPadding(val: string): this;
+    setAlign(val: string): this;
+    setWidth(val: string): this;
+    setHeight(val: string): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    private _injectStyles;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    getColumns(): ColumnsResult;
+}
+export declare function columns(id: string, def: number | ColumnDef[], options?: ColumnsOptions): ColumnsResult;
+export default columns;
+//# sourceMappingURL=columns.d.ts.map

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

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

package/dist/components/columns.js

@@ -0,0 +1,176 @@
+import generateId from "../utils/idgen.js";
+import { pageState } from "../state/pageState.js";
+let columnsStylesInjected = false;
+export class Columns {
+    constructor(id, def, options = {}) {
+        this.id = id || generateId('columns');
+        this._opts = { ...options };
+        this._injectStyles();
+        // Normalize defs
+        if (typeof def === 'number') {
+            this._defs = Array.from({ length: def }, () => ({ width: '1fr' }));
+        }
+        else {
+            this._defs = def.map(d => ({ width: '1fr', ...d }));
+        }
+        // Build outer grid wrapper
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.display = 'grid';
+        this._element.style.boxSizing = 'border-box';
+        this._element.style.width = this._opts.width || '100%';
+        const templateCols = this._defs.map(d => {
+            if (d.minWidth || d.maxWidth) {
+                return `minmax(${d.minWidth || '0'}, ${d.maxWidth || d.width || '1fr'})`;
+            }
+            return d.width || '1fr';
+        }).join(' ');
+        this._element.style.gridTemplateColumns = templateCols;
+        if (this._opts.gap)
+            this._element.style.gap = this._opts.gap;
+        if (this._opts.padding)
+            this._element.style.padding = this._opts.padding;
+        if (this._opts.align)
+            this._element.style.alignItems = this._opts.align;
+        if (this._opts.height)
+            this._element.style.height = this._opts.height;
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        // Build column slot divs
+        this._slots = this._defs.map((colDef, i) => {
+            const col = document.createElement('div');
+            col.id = `${this.id}-col${i + 1}`;
+            col.style.boxSizing = 'border-box';
+            if (colDef.gap)
+                col.style.padding = colDef.gap;
+            if (colDef.class)
+                col.className = colDef.class;
+            if (colDef.style)
+                col.setAttribute('style', (col.getAttribute('style') || '') + ';' + colDef.style);
+            this._element.appendChild(col);
+            const slot = {
+                element: col,
+                render(target) {
+                    let parent = null;
+                    if (target instanceof HTMLElement)
+                        parent = target;
+                    else if (typeof target === 'string')
+                        parent = document.getElementById(target) || document.querySelector(target);
+                    else if (target && typeof target === 'object' && 'element' in target)
+                        parent = target.element;
+                    else
+                        parent = document.getElementById('app');
+                    parent?.appendChild(col);
+                    return slot;
+                },
+                into(target) {
+                    return slot.render(target);
+                },
+                append(...children) {
+                    for (const child of children) {
+                        const node = child instanceof HTMLElement
+                            ? child
+                            : child.element;
+                        col.appendChild(node);
+                    }
+                    return slot;
+                },
+            };
+            return slot;
+        });
+        // Auto-render if target option provided
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    // ── Element access ───────────────────────────────────────────────────
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    // ── Fluent API ───────────────────────────────────────────────────────
+    gap(val) { this._opts.gap = val; this._element.style.gap = val; return this; }
+    padding(val) { this._opts.padding = val; this._element.style.padding = val; return this; }
+    align(val) { this._opts.align = val; this._element.style.alignItems = val; return this; }
+    width(val) { this._opts.width = val; this._element.style.width = val; return this; }
+    height(val) { this._opts.height = val; this._element.style.height = val; return this; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    // ── get*/set* delegation ─────────────────────────────────────────────
+    getGap() { return this._opts.gap || ''; }
+    getPadding() { return this._opts.padding || ''; }
+    getAlign() { return this._opts.align || ''; }
+    getWidth() { return this._opts.width || '100%'; }
+    getHeight() { return this._opts.height || ''; }
+    getClass() { return this._opts.class || ''; }
+    getStyle() { return this._opts.style || ''; }
+    setGap(val) { return this.gap(val); }
+    setPadding(val) { return this.padding(val); }
+    setAlign(val) { return this.align(val); }
+    setWidth(val) { return this.width(val); }
+    setHeight(val) { return this.height(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    // ── Style injection ──────────────────────────────────────────────────
+    _injectStyles() {
+        if (columnsStylesInjected)
+            return;
+        columnsStylesInjected = true;
+        const s = document.createElement('style');
+        s.id = 'jux-columns-styles';
+        s.textContent = `.jux-columns{display:grid;box-sizing:border-box;width:100%}.jux-columns>div{box-sizing:border-box}`;
+        document.head.appendChild(s);
+    }
+    // ── Render ───────────────────────────────────────────────────────────
+    render(target) {
+        let parent = null;
+        if (target instanceof HTMLElement)
+            parent = target;
+        else if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target && typeof target === 'object' && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+    // ── Column slots accessor ────────────────────────────────────────────
+    getColumns() {
+        const self = this;
+        const result = {
+            element: this._element,
+            render(target) { self.render(target); return result; },
+            into(target) { self.into(target); return result; },
+            gap(val) { self.gap(val); return result; },
+            padding(val) { self.padding(val); return result; },
+            align(val) { self.align(val); return result; },
+            width(val) { self.width(val); return result; },
+            height(val) { self.height(val); return result; },
+            class(val) { self.class(val); return result; },
+            style(css) { self.style(css); return result; },
+        };
+        for (let i = 0; i < this._slots.length; i++) {
+            result[`column${i + 1}`] = this._slots[i];
+        }
+        return result;
+    }
+}
+// ── Factory ──────────────────────────────────────────────────────────────────
+export function columns(id, def, options) {
+    const inst = new Columns(id, def, options);
+    pageState.__register(inst);
+    return inst.getColumns();
+}
+export default columns;
+//# sourceMappingURL=columns.js.map

package/dist/components/columns.js.map

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

package/dist/components/layout/cols.d.ts

@@ -0,0 +1,34 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface ColsOptions {
+    gap?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Cols {
+    id: string;
+    private _opts;
+    private _element;
+    private _n;
+    constructor(id: string, n: number, gap?: string, options?: ColsOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    gap(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    append(...children: AnyChild[]): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function cols(id?: string, n?: number, gap?: string, options?: ColsOptions): Cols;
+export { Cols, ColsOptions };
+export default cols;
+//# sourceMappingURL=cols.d.ts.map

package/dist/components/layout/cols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cols.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/cols.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,WAAW;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,IAAI;IACN,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,EAAE,CAAS;gBAEP,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,GAAE,MAAe,EAAE,OAAO,GAAE,WAAgB;IAqBlF,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACtB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQrC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAE,MAAU,EAAE,GAAG,GAAE,MAAe,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAItG;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7B,eAAe,IAAI,CAAC"}

package/dist/components/layout/cols.js

@@ -0,0 +1,65 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Cols {
+    constructor(id, n, gap = '16px', options = {}) {
+        this.id = id || generateId('cols');
+        this._n = n;
+        this._opts = { gap, ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.display = 'grid';
+        this._element.style.gridTemplateColumns = `repeat(${n}, 1fr)`;
+        this._element.style.gap = gap;
+        this._element.style.boxSizing = 'border-box';
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    gap(val) { this._opts.gap = val; this._element.style.gap = val; return this; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    append(...children) {
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function cols(id, n = 2, gap = '16px', options = {}) {
+    const inst = new Cols(id || generateId('cols'), n, gap, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Cols };
+export default cols;
+//# sourceMappingURL=cols.js.map

package/dist/components/layout/cols.js.map

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

package/dist/components/layout/container.d.ts

@@ -0,0 +1,49 @@
+interface ContainerOptions {
+    width?: string;
+    height?: string;
+    padding?: string;
+    radius?: string;
+    margin?: string;
+    border?: string;
+    overflow?: string;
+    bg?: string;
+    shadow?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+declare class Container {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, options?: ContainerOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    width(val: string): this;
+    height(val: string): this;
+    padding(val: string): this;
+    radius(val: string): this;
+    margin(val: string): this;
+    border(val: string): this;
+    overflow(val: string): this;
+    bg(val: string): this;
+    shadow(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    append(...children: AnyChild[]): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function container(id?: string, options?: ContainerOptions): Container;
+export { Container, ContainerOptions };
+export default container;
+//# sourceMappingURL=container.d.ts.map

package/dist/components/layout/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/container.ts"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,cAAM,SAAS;IACX,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,gBAAqB;IA0BtD,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC1B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACrB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQrC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,gBAAqB,GAAG,SAAS,CAIhF;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACvC,eAAe,SAAS,CAAC"}

package/dist/components/layout/container.js

@@ -0,0 +1,87 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Container {
+    constructor(id, options = {}) {
+        this.id = id || generateId('container');
+        this._opts = { ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.boxSizing = 'border-box';
+        if (this._opts.width)
+            this._element.style.width = this._opts.width;
+        if (this._opts.height)
+            this._element.style.height = this._opts.height;
+        if (this._opts.padding)
+            this._element.style.padding = this._opts.padding;
+        if (this._opts.radius)
+            this._element.style.borderRadius = this._opts.radius;
+        if (this._opts.margin)
+            this._element.style.margin = this._opts.margin;
+        if (this._opts.border)
+            this._element.style.border = this._opts.border;
+        if (this._opts.overflow)
+            this._element.style.overflow = this._opts.overflow;
+        if (this._opts.bg)
+            this._element.style.background = this._opts.bg;
+        if (this._opts.shadow)
+            this._element.style.boxShadow = this._opts.shadow;
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    width(val) { this._opts.width = val; this._element.style.width = val; return this; }
+    height(val) { this._opts.height = val; this._element.style.height = val; return this; }
+    padding(val) { this._opts.padding = val; this._element.style.padding = val; return this; }
+    radius(val) { this._opts.radius = val; this._element.style.borderRadius = val; return this; }
+    margin(val) { this._opts.margin = val; this._element.style.margin = val; return this; }
+    border(val) { this._opts.border = val; this._element.style.border = val; return this; }
+    overflow(val) { this._opts.overflow = val; this._element.style.overflow = val; return this; }
+    bg(val) { this._opts.bg = val; this._element.style.background = val; return this; }
+    shadow(val) { this._opts.shadow = val; this._element.style.boxShadow = val; return this; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    append(...children) {
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function container(id, options = {}) {
+    const inst = new Container(id || generateId('container'), options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Container };
+export default container;
+//# sourceMappingURL=container.js.map

package/dist/components/layout/container.js.map

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

package/dist/components/layout/group.d.ts

@@ -0,0 +1,31 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface GroupOptions {
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Group {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, children?: AnyChild[], options?: GroupOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    class(val: string): this;
+    style(css: string): this;
+    append(...children: AnyChild[]): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function group(id?: string, children?: AnyChild[], options?: GroupOptions): Group;
+export { Group, GroupOptions };
+export default group;
+//# sourceMappingURL=group.d.ts.map

package/dist/components/layout/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/group.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAE,QAAQ,EAAO,EAAE,OAAO,GAAE,YAAiB;IAsB7E,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQrC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAE,QAAQ,EAAO,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAI/F;AAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAC/B,eAAe,KAAK,CAAC"}