juxscript 1.1.393 → 1.1.395

package/dist/primitives/radio.d.ts

@@ -0,0 +1,58 @@
+interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface RadioGroupOptions {
+    label?: string;
+    name?: string;
+    options?: RadioOption[];
+    value?: string;
+    direction?: 'vertical' | 'horizontal';
+    required?: boolean;
+    disabled?: boolean;
+    class?: string;
+    style?: string;
+    onChange?: (value: string, event: Event) => void;
+}
+declare class RadioGroup {
+    id: string;
+    opts: RadioGroupOptions;
+    private _wrapper;
+    private _inputs;
+    private _onChange;
+    constructor(id: string, options?: RadioGroupOptions);
+    label(value: string): this;
+    direction(value: 'vertical' | 'horizontal'): this;
+    required(value?: boolean): this;
+    disabled(value?: boolean): this;
+    style(value: string): this;
+    class(value: string): this;
+    options(opts: RadioOption[]): this;
+    value(val: string): this;
+    onChange(fn: (value: string, event: Event) => void): this;
+    /** Returns the reactive pageState proxy for this component */
+    get state(): any;
+    getValue(): string;
+    getOptions(): RadioOption[];
+    getLabel(): string;
+    getDirection(): string;
+    getDisabled(): boolean;
+    getRequired(): boolean;
+    getClass(): string;
+    getStyle(): string;
+    setValue(val: string): this;
+    setOptions(opts: RadioOption[]): this;
+    setLabel(val: string): this;
+    setDirection(val: 'vertical' | 'horizontal'): this;
+    setDisabled(val: boolean): this;
+    setRequired(val: boolean): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    private _rebuild;
+    private _buildOptions;
+    render(target?: string | HTMLElement): this;
+}
+export declare function radio(id: string, options?: RadioGroupOptions): RadioGroup;
+export { RadioGroup, RadioOption, RadioGroupOptions };
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../lib/primitives/radio.ts"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpD;AAED,cAAM,UAAU;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,SAAS,CAAwD;gBAE7D,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB;IAWvD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC1B,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,IAAI;IACjD,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC1B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAE1B,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI;IAMlC,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMxB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAKzD,8DAA8D;IAC9D,IAAI,KAAK,IAAI,GAAG,CAEf;IAED,QAAQ,IAAI,MAAM;IAKlB,UAAU,IAAI,WAAW,EAAE;IAC3B,QAAQ,IAAI,MAAM;IAClB,YAAY,IAAI,MAAM;IACtB,WAAW,IAAI,OAAO;IACtB,WAAW,IAAI,OAAO;IACtB,QAAQ,IAAI,MAAM;IAClB,QAAQ,IAAI,MAAM;IAElB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,YAAY,CAAC,GAAG,EAAE,UAAU,GAAG,YAAY,GAAG,IAAI;IAClD,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;IAC/B,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;IAC/B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAE3B,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,aAAa;IA6BrB,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;CA+B9C;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,UAAU,CAK7E;AAED,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/primitives/radio.js

@@ -0,0 +1,135 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+class RadioGroup {
+    constructor(id, options = {}) {
+        this._wrapper = null;
+        this._inputs = [];
+        this._onChange = null;
+        this.id = id || generateId();
+        this.opts = {
+            options: [],
+            direction: 'vertical',
+            name: id,
+            ...options
+        };
+    }
+    // Fluent API
+    label(value) { this.opts.label = value; return this; }
+    direction(value) { this.opts.direction = value; return this; }
+    required(value = true) { this.opts.required = value; return this; }
+    disabled(value = true) { this.opts.disabled = value; return this; }
+    style(value) { this.opts.style = value; return this; }
+    class(value) { this.opts.class = value; return this; }
+    options(opts) {
+        this.opts.options = opts;
+        if (this._wrapper)
+            this._rebuild();
+        return this;
+    }
+    value(val) {
+        this.opts.value = val;
+        this._inputs.forEach(inp => { inp.checked = inp.value === val; });
+        return this;
+    }
+    onChange(fn) {
+        this._onChange = fn;
+        return this;
+    }
+    /** Returns the reactive pageState proxy for this component */
+    get state() {
+        return pageState[this.id];
+    }
+    getValue() {
+        const checked = this._inputs.find(i => i.checked);
+        return checked?.value ?? this.opts.value ?? '';
+    }
+    getOptions() { return this.opts.options ?? []; }
+    getLabel() { return this.opts.label ?? ''; }
+    getDirection() { return this.opts.direction ?? 'vertical'; }
+    getDisabled() { return this.opts.disabled ?? false; }
+    getRequired() { return this.opts.required ?? false; }
+    getClass() { return this.opts.class ?? ''; }
+    getStyle() { return this.opts.style ?? ''; }
+    setValue(val) { return this.value(val); }
+    setOptions(opts) { return this.options(opts); }
+    setLabel(val) { return this.label(val); }
+    setDirection(val) { return this.direction(val); }
+    setDisabled(val) { return this.disabled(val); }
+    setRequired(val) { return this.required(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    _rebuild() {
+        if (!this._wrapper)
+            return;
+        const group = this._wrapper.querySelector('.jux-radio-options');
+        if (!group)
+            return;
+        group.innerHTML = '';
+        this._inputs = [];
+        this._buildOptions(group);
+    }
+    _buildOptions(container) {
+        for (const opt of this.opts.options || []) {
+            const item = document.createElement('label');
+            item.className = 'jux-radio-item';
+            const inp = document.createElement('input');
+            inp.type = 'radio';
+            inp.name = this.opts.name || this.id;
+            inp.value = opt.value;
+            inp.className = 'jux-radio-input';
+            if (opt.value === this.opts.value)
+                inp.checked = true;
+            if (opt.disabled || this.opts.disabled)
+                inp.disabled = true;
+            if (this.opts.required)
+                inp.required = true;
+            inp.addEventListener('change', (e) => {
+                if (this._onChange)
+                    this._onChange(inp.value, e);
+            });
+            const text = document.createElement('span');
+            text.className = 'jux-radio-label';
+            text.textContent = opt.label;
+            item.appendChild(inp);
+            item.appendChild(text);
+            container.appendChild(item);
+            this._inputs.push(inp);
+        }
+    }
+    render(target) {
+        const wrapper = document.createElement('fieldset');
+        wrapper.className = 'jux-radio-group';
+        wrapper.id = this.id;
+        if (this.opts.class)
+            wrapper.className += ` ${this.opts.class}`;
+        if (this.opts.style)
+            wrapper.setAttribute('style', this.opts.style);
+        if (this.opts.label) {
+            const legend = document.createElement('legend');
+            legend.textContent = this.opts.label;
+            legend.className = 'jux-radio-group-label';
+            wrapper.appendChild(legend);
+        }
+        const optionsDiv = document.createElement('div');
+        optionsDiv.className = `jux-radio-options jux-radio-${this.opts.direction}`;
+        this._buildOptions(optionsDiv);
+        wrapper.appendChild(optionsDiv);
+        this._wrapper = wrapper;
+        // Wire up option-based handler
+        if (this.opts.onChange)
+            this._onChange = this.opts.onChange;
+        const container = target
+            ? (typeof target === 'string' ? document.getElementById(target) || document.querySelector(target) : target)
+            : document.getElementById('app');
+        container?.appendChild(wrapper);
+        return this;
+    }
+}
+export function radio(id, options = {}) {
+    const r = new RadioGroup(id, options);
+    r.render();
+    pageState.__register(r);
+    return r;
+}
+export { RadioGroup };
+//# sourceMappingURL=radio.js.map

package/dist/primitives/radio.js.map

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

package/dist/primitives/routes.d.ts

@@ -0,0 +1,15 @@
+export interface RouteInfo {
+    path: string;
+    name: string;
+    file: string;
+}
+export declare const routes: {
+    all(): RouteInfo[];
+    paths(): string[];
+    current(): string;
+    isActive(path: string): boolean;
+    navigate(path: string): void;
+    onNavigate(callback: (path: string) => void): () => void;
+};
+export default routes;
+//# sourceMappingURL=routes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../lib/primitives/routes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,MAAM;WACR,SAAS,EAAE;aAGT,MAAM,EAAE;eAGN,MAAM;mBAGF,MAAM,GAAG,OAAO;mBAGhB,MAAM,GAAG,IAAI;yBAIP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;CAM3D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/primitives/routes.js

@@ -0,0 +1,34 @@
+function _getData() {
+    const w = typeof window !== 'undefined' ? window : null;
+    if (!w?.__juxRouteIndex)
+        return [];
+    return w.__juxRouteIndex;
+}
+export const routes = {
+    all() {
+        return _getData();
+    },
+    paths() {
+        return _getData().map(r => r.path);
+    },
+    current() {
+        return typeof window !== 'undefined' ? window.location.pathname : '/';
+    },
+    isActive(path) {
+        return routes.current() === path;
+    },
+    navigate(path) {
+        const w = typeof window !== 'undefined' ? window : null;
+        if (w?.navigateTo)
+            w.navigateTo(path);
+    },
+    onNavigate(callback) {
+        if (typeof window === 'undefined')
+            return () => { };
+        const handler = () => callback(window.location.pathname);
+        window.addEventListener('popstate', handler);
+        return () => window.removeEventListener('popstate', handler);
+    }
+};
+export default routes;
+//# sourceMappingURL=routes.js.map

package/dist/primitives/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../lib/primitives/routes.ts"],"names":[],"mappings":"AAMA,SAAS,QAAQ;IACb,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAE,MAAc,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,IAAI,CAAC,CAAC,EAAE,eAAe;QAAE,OAAO,EAAE,CAAC;IACnC,OAAO,CAAC,CAAC,eAAe,CAAC;AAC7B,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,GAAG;QACC,OAAO,QAAQ,EAAE,CAAC;IACtB,CAAC;IACD,KAAK;QACD,OAAO,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IACD,OAAO;QACH,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1E,CAAC;IACD,QAAQ,CAAC,IAAY;QACjB,OAAO,MAAM,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,CAAC;IACD,QAAQ,CAAC,IAAY;QACjB,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAE,MAAc,CAAC,CAAC,CAAC,IAAI,CAAC;QACjE,IAAI,CAAC,EAAE,UAAU;YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,UAAU,CAAC,QAAgC;QACvC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;CACJ,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/primitives/select.d.ts

@@ -0,0 +1,67 @@
+interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface SelectOptions {
+    label?: string;
+    placeholder?: string;
+    options?: SelectOption[];
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    class?: string;
+    style?: string;
+    onChange?: (value: string, event: Event) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+}
+declare class Select {
+    id: string;
+    opts: SelectOptions;
+    private _element;
+    private _wrapper;
+    private _onChange;
+    private _onFocus;
+    private _onBlur;
+    constructor(id: string, options?: SelectOptions);
+    label(value: string): this;
+    placeholder(value: string): this;
+    required(value?: boolean): this;
+    disabled(value?: boolean): this;
+    multiple(value?: boolean): this;
+    style(value: string): this;
+    class(value: string): this;
+    options(opts: SelectOption[]): this;
+    value(val: string): this;
+    onChange(fn: (value: string, event: Event) => void): this;
+    onFocus(fn: (event: FocusEvent) => void): this;
+    onBlur(fn: (event: FocusEvent) => void): this;
+    /** Returns the reactive pageState proxy for this component */
+    get state(): any;
+    getValue(): string;
+    getOptions(): SelectOption[];
+    getMultiple(): boolean;
+    getLabel(): string;
+    getPlaceholder(): string;
+    getDisabled(): boolean;
+    getRequired(): boolean;
+    getClass(): string;
+    getStyle(): string;
+    getSelectedValues(): string[];
+    setValue(val: string): this;
+    setOptions(opts: SelectOption[]): this;
+    setMultiple(val: boolean): this;
+    setLabel(val: string): this;
+    setPlaceholder(val: string): this;
+    setDisabled(val: boolean): this;
+    setRequired(val: boolean): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    private _rebuildOptions;
+    render(target?: string | HTMLElement): this;
+}
+export declare function select(id: string, options?: SelectOptions): Select;
+export { Select, SelectOption, SelectOptions };
+//# sourceMappingURL=select.d.ts.map

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

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

package/dist/primitives/select.js

@@ -0,0 +1,160 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+class Select {
+    constructor(id, options = {}) {
+        this._element = null;
+        this._wrapper = null;
+        this._onChange = null;
+        this._onFocus = null;
+        this._onBlur = null;
+        this.id = id || generateId();
+        this.opts = { options: [], ...options };
+    }
+    // Fluent API
+    label(value) { this.opts.label = value; return this; }
+    placeholder(value) { this.opts.placeholder = value; return this; }
+    required(value = true) { this.opts.required = value; return this; }
+    disabled(value = true) { this.opts.disabled = value; return this; }
+    multiple(value = true) { this.opts.multiple = value; return this; }
+    style(value) { this.opts.style = value; return this; }
+    class(value) { this.opts.class = value; return this; }
+    options(opts) {
+        this.opts.options = opts;
+        if (this._element)
+            this._rebuildOptions();
+        return this;
+    }
+    value(val) {
+        this.opts.value = val;
+        if (this._element)
+            this._element.value = val;
+        return this;
+    }
+    onChange(fn) {
+        this._onChange = fn;
+        return this;
+    }
+    onFocus(fn) {
+        this._element?.addEventListener('focus', fn);
+        this._onFocus = fn;
+        return this;
+    }
+    onBlur(fn) {
+        this._element?.addEventListener('blur', fn);
+        this._onBlur = fn;
+        return this;
+    }
+    /** Returns the reactive pageState proxy for this component */
+    get state() {
+        return pageState[this.id];
+    }
+    getValue() {
+        return this._element?.value ?? this.opts.value ?? '';
+    }
+    getOptions() { return this.opts.options ?? []; }
+    getMultiple() { return this.opts.multiple ?? false; }
+    getLabel() { return this.opts.label ?? ''; }
+    getPlaceholder() { return this.opts.placeholder ?? ''; }
+    getDisabled() { return this.opts.disabled ?? false; }
+    getRequired() { return this.opts.required ?? false; }
+    getClass() { return this.opts.class ?? ''; }
+    getStyle() { return this.opts.style ?? ''; }
+    getSelectedValues() {
+        if (!this._element)
+            return [];
+        return Array.from(this._element.selectedOptions).map(o => o.value);
+    }
+    setValue(val) { return this.value(val); }
+    setOptions(opts) { return this.options(opts); }
+    setMultiple(val) { return this.multiple(val); }
+    setLabel(val) { return this.label(val); }
+    setPlaceholder(val) { return this.placeholder(val); }
+    setDisabled(val) { return this.disabled(val); }
+    setRequired(val) { return this.required(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    _rebuildOptions() {
+        if (!this._element)
+            return;
+        this._element.innerHTML = '';
+        if (this.opts.placeholder) {
+            const ph = document.createElement('option');
+            ph.value = '';
+            ph.textContent = this.opts.placeholder;
+            ph.disabled = true;
+            ph.selected = !this.opts.value;
+            this._element.appendChild(ph);
+        }
+        for (const opt of this.opts.options || []) {
+            const o = document.createElement('option');
+            o.value = opt.value;
+            o.textContent = opt.label;
+            if (opt.disabled)
+                o.disabled = true;
+            if (opt.value === this.opts.value)
+                o.selected = true;
+            this._element.appendChild(o);
+        }
+    }
+    render(target) {
+        const wrapper = document.createElement('div');
+        wrapper.className = 'jux-select';
+        wrapper.id = `${this.id}-wrapper`;
+        if (this.opts.class)
+            wrapper.className += ` ${this.opts.class}`;
+        if (this.opts.style)
+            wrapper.setAttribute('style', this.opts.style);
+        if (this.opts.label) {
+            const labelEl = document.createElement('label');
+            labelEl.htmlFor = this.id;
+            labelEl.textContent = this.opts.label;
+            labelEl.className = 'jux-select-label';
+            wrapper.appendChild(labelEl);
+        }
+        const sel = document.createElement('select');
+        sel.id = this.id;
+        sel.className = 'jux-select-element';
+        if (this.opts.required)
+            sel.required = true;
+        if (this.opts.disabled)
+            sel.disabled = true;
+        if (this.opts.multiple)
+            sel.multiple = true;
+        this._element = sel;
+        this._rebuildOptions();
+        sel.addEventListener('change', (e) => {
+            if (this._onChange)
+                this._onChange(sel.value, e);
+        });
+        sel.addEventListener('focus', (e) => {
+            if (this._onFocus)
+                this._onFocus(e);
+        });
+        sel.addEventListener('blur', (e) => {
+            if (this._onBlur)
+                this._onBlur(e);
+        });
+        wrapper.appendChild(sel);
+        this._wrapper = wrapper;
+        // Wire up option-based handlers
+        if (this.opts.onChange)
+            this._onChange = this.opts.onChange;
+        if (this.opts.onFocus)
+            this._onFocus = this.opts.onFocus;
+        if (this.opts.onBlur)
+            this._onBlur = this.opts.onBlur;
+        const container = target
+            ? (typeof target === 'string' ? document.getElementById(target) || document.querySelector(target) : target)
+            : document.getElementById('app');
+        container?.appendChild(wrapper);
+        return this;
+    }
+}
+export function select(id, options = {}) {
+    const s = new Select(id, options);
+    s.render();
+    pageState.__register(s);
+    return s;
+}
+export { Select };
+//# sourceMappingURL=select.js.map

package/dist/primitives/select.js.map

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

package/dist/primitives/style.d.ts

@@ -0,0 +1,27 @@
+declare class Style {
+    id: string;
+    private _element;
+    constructor(id: string, css: string);
+    /** Replace the entire stylesheet content */
+    setContent(css: string): this;
+    /** Append additional CSS rules */
+    append(css: string): this;
+    /** Get current CSS content */
+    getContent(): string;
+    /** Remove the style tag from the document */
+    remove(): void;
+    getElement(): HTMLStyleElement;
+}
+/**
+ * Inject a CSS string into the document head.
+ *
+ * @example
+ * jux.style('my-styles', `
+ *   .sidebar { background: hsl(var(--card)); }
+ *   .nav-item:hover { background: hsl(var(--accent)); }
+ * `);
+ */
+export declare function style(id: string, css: string): Style;
+export { Style };
+export default style;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../lib/primitives/style.ts"],"names":[],"mappings":"AAEA,cAAM,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IASnC,4CAA4C;IAC5C,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK7B,kCAAkC;IAClC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKzB,8BAA8B;IAC9B,UAAU,IAAI,MAAM;IAIpB,6CAA6C;IAC7C,MAAM,IAAI,IAAI;IAId,UAAU,IAAI,gBAAgB;CAGjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAQpD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,eAAe,KAAK,CAAC"}

package/dist/primitives/style.js

@@ -0,0 +1,53 @@
+import generateId from '../utils/idgen.js';
+class Style {
+    constructor(id, css) {
+        this.id = id || generateId();
+        this._element = document.createElement('style');
+        this._element.id = this.id;
+        this._element.setAttribute('data-jux-style', '');
+        this._element.textContent = css;
+        document.head.appendChild(this._element);
+    }
+    /** Replace the entire stylesheet content */
+    setContent(css) {
+        this._element.textContent = css;
+        return this;
+    }
+    /** Append additional CSS rules */
+    append(css) {
+        this._element.textContent += '\n' + css;
+        return this;
+    }
+    /** Get current CSS content */
+    getContent() {
+        return this._element.textContent ?? '';
+    }
+    /** Remove the style tag from the document */
+    remove() {
+        this._element.remove();
+    }
+    getElement() {
+        return this._element;
+    }
+}
+/**
+ * Inject a CSS string into the document head.
+ *
+ * @example
+ * jux.style('my-styles', `
+ *   .sidebar { background: hsl(var(--card)); }
+ *   .nav-item:hover { background: hsl(var(--accent)); }
+ * `);
+ */
+export function style(id, css) {
+    // If a style with this id already exists, update it
+    const existing = document.getElementById(id);
+    if (existing && existing instanceof HTMLStyleElement) {
+        existing.textContent = css;
+        return Object.assign(new Style('__skip__', ''), { _element: existing, id });
+    }
+    return new Style(id, css);
+}
+export { Style };
+export default style;
+//# sourceMappingURL=style.js.map

package/dist/primitives/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../lib/primitives/style.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,MAAM,KAAK;IAIP,YAAY,EAAU,EAAE,GAAW;QAC/B,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,UAAU,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;QAChC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED,4CAA4C;IAC5C,UAAU,CAAC,GAAW;QAClB,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;QAChC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,kCAAkC;IAClC,MAAM,CAAC,GAAW;QACd,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,GAAG,GAAG,CAAC;QACxC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,8BAA8B;IAC9B,UAAU;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC;IAC3C,CAAC;IAED,6CAA6C;IAC7C,MAAM;QACF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;CACJ;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,EAAU,EAAE,GAAW;IACzC,oDAAoD;IACpD,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC7C,IAAI,QAAQ,IAAI,QAAQ,YAAY,gBAAgB,EAAE,CAAC;QACnD,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;QAC3B,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAChF,CAAC;IACD,OAAO,IAAI,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;AAC9B,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,eAAe,KAAK,CAAC"}