juxscript 1.1.334 → 1.1.337

package/dist/components/blocks/sidebar.d.ts

@@ -0,0 +1,62 @@
+export interface MenuItem {
+    id?: string;
+    label?: string;
+    path?: string;
+    icon?: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export interface MenuSection {
+    label?: string;
+    items: (string | MenuItem)[];
+}
+export interface MenuOptions {
+    title?: string;
+    logo?: string;
+    footer?: string;
+    width?: string;
+    target?: string;
+    density?: 'dense' | 'normal' | 'inflated';
+}
+export interface SidebarApi {
+    id: string;
+    title(val: string): SidebarApi;
+    logo(val: string): SidebarApi;
+    footer(val: string): SidebarApi;
+    width(val: string): SidebarApi;
+    target(val: string): SidebarApi;
+    density(val: 'dense' | 'normal' | 'inflated'): SidebarApi;
+    section(label: string, items: (string | MenuItem)[]): SidebarApi;
+    items(items: (string | MenuItem)[]): SidebarApi;
+    render(): SidebarApi;
+    addSection(label: string, items: (string | MenuItem)[]): SidebarApi;
+    setTitle(val: string): SidebarApi;
+    setFooter(val: string): SidebarApi;
+    show(): SidebarApi;
+    hide(): SidebarApi;
+    toggle(): SidebarApi;
+    getElement(): HTMLElement | null;
+}
+/**
+ * Create a sidebar menu with fluent API.
+ *
+ * @example
+ * // One-liner
+ * jux.sidebar('m1', ['home', 'about', 'contact'], { title: 'App', target: 'sidebar' });
+ *
+ * // Sectioned
+ * jux.sidebar('m2', [
+ *   { label: 'Main', items: [{ icon: '⌂', label: 'Home', path: '/' }] },
+ *   { label: 'Settings', items: ['/profile', '/security'] },
+ * ], { title: 'App', density: 'inflated' });
+ *
+ * // Fluent chain
+ * jux.sidebar('m3')
+ *   .title('Dashboard').logo('D').target('sidebar')
+ *   .section('Nav', ['/home', '/about'])
+ *   .section('Admin', ['/settings'])
+ *   .footer('v1.0');
+ */
+export declare function sidebar(id: string, sections?: (string | MenuSection | MenuItem)[], options?: MenuOptions): SidebarApi;
+export default sidebar;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/blocks/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../lib/components/blocks/sidebar.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAC/B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1D,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC;IACrB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,IAAI,IAAI,UAAU,CAAC;IACnB,IAAI,IAAI,UAAU,CAAC;IACnB,MAAM,IAAI,UAAU,CAAC;IACrB,UAAU,IAAI,WAAW,GAAG,IAAI,CAAC;CACpC;AAyDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAsErH;AAED,eAAe,OAAO,CAAC"}

package/dist/components/blocks/sidebar.js

@@ -0,0 +1,149 @@
+import { div, span } from '../tag.js';
+import { nav } from '../nav.js';
+import { style } from '../style.js';
+import { pageState } from '../../state/pageState.js';
+const DENSITY_CONFIG = {
+    dense: { headerPad: '10px', itemPad: '4px 10px', labelPad: '6px 10px 2px', footerPad: '8px 12px', gap: '0px', fontSize: '12px', iconSize: '13px' },
+    normal: { headerPad: '16px', itemPad: '8px 12px', labelPad: '8px 12px 4px', footerPad: '12px 16px', gap: '1px', fontSize: '13px', iconSize: '15px' },
+    inflated: { headerPad: '20px', itemPad: '12px 16px', labelPad: '12px 16px 6px', footerPad: '16px 20px', gap: '4px', fontSize: '14px', iconSize: '17px' }
+};
+function normalizeItem(menuId, item) {
+    if (typeof item === 'string') {
+        const path = item.startsWith('/') ? item : '/' + item;
+        const seg = path.split('/').filter(Boolean).pop() || 'Home';
+        return {
+            id: menuId + '-' + seg.toLowerCase().replace(/[^a-z0-9]/g, '-'),
+            label: seg.charAt(0).toUpperCase() + seg.slice(1),
+            path
+        };
+    }
+    return item;
+}
+function normalizeSections(menuId, input) {
+    if (!input || !Array.isArray(input) || input.length === 0)
+        return [];
+    const isFlat = input.every((i) => typeof i === 'string' || (typeof i === 'object' && !i.items));
+    if (isFlat)
+        return [{ items: input.map(i => normalizeItem(menuId, i)) }];
+    return input.map((s) => {
+        if (typeof s === 'string')
+            return { items: [normalizeItem(menuId, s)] };
+        return { label: s.label, items: (s.items || []).map((i) => normalizeItem(menuId, i)) };
+    });
+}
+function injectMenuStyles(density) {
+    const d = DENSITY_CONFIG;
+    const css = `
+body { margin: 0; }
+.jux-sidebar { display:flex; flex-direction:column; min-height:100vh; background:hsl(var(--card)); color:hsl(var(--card-foreground)); border-right:1px solid hsl(var(--border)); font-family:var(--font-sans,system-ui,sans-serif); }
+.jux-sidebar-header { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; border-bottom:1px solid hsl(var(--border)); }
+.jux-sidebar-logo { width:20px; height:20px; border-radius:6px; background:hsl(var(--primary)); display:flex; align-items:center; justify-content:center; color:hsl(var(--primary-foreground)); font-size:11px; font-weight:700; }
+.jux-sidebar-label { font-size:11px; font-weight:500; color:hsl(var(--muted-foreground)); text-transform:uppercase; letter-spacing:0.05em; }
+.jux-sidebar-footer { margin-top:auto; border-top:1px solid hsl(var(--border)); font-size:11px; color:hsl(var(--muted-foreground)); }
+.jux-sidebar-divider { height:1px; background:hsl(var(--border)); margin:4px 8px; }
+.jux-nav-item { display:flex; align-items:center; border-radius:var(--radius,6px); font-weight:500; color:hsl(var(--foreground)); cursor:pointer; transition:background 0.15s; user-select:none; text-decoration:none; }
+.jux-nav-item:hover { background:hsl(var(--accent)); color:hsl(var(--accent-foreground)); }
+.jux-nav-item--active { background:hsl(var(--accent)); color:hsl(var(--accent-foreground)); font-weight:600; }
+.jux-nav-item-icon { text-align:center; flex-shrink:0; }
+` + ['dense', 'normal', 'inflated'].map(k => {
+        const v = d[k];
+        return `.jux-sidebar--${k} .jux-sidebar-header { padding:${v.headerPad}; }
+.jux-sidebar--${k} .jux-sidebar-label { padding:${v.labelPad}; }
+.jux-sidebar--${k} .jux-sidebar-footer { padding:${v.footerPad}; }
+.jux-sidebar--${k} .jux-nav-item { padding:${v.itemPad}; margin:${v.gap} 0; font-size:${v.fontSize}; gap:${k === 'dense' ? '8px' : k === 'normal' ? '10px' : '12px'}; }
+.jux-sidebar--${k} .jux-nav-item-icon { width:${k === 'dense' ? '16px' : k === 'normal' ? '18px' : '20px'}; font-size:${v.iconSize}; }`;
+    }).join('\n');
+    style('sidebar-styles', css);
+}
+/**
+ * Create a sidebar menu with fluent API.
+ *
+ * @example
+ * // One-liner
+ * jux.sidebar('m1', ['home', 'about', 'contact'], { title: 'App', target: 'sidebar' });
+ *
+ * // Sectioned
+ * jux.sidebar('m2', [
+ *   { label: 'Main', items: [{ icon: '⌂', label: 'Home', path: '/' }] },
+ *   { label: 'Settings', items: ['/profile', '/security'] },
+ * ], { title: 'App', density: 'inflated' });
+ *
+ * // Fluent chain
+ * jux.sidebar('m3')
+ *   .title('Dashboard').logo('D').target('sidebar')
+ *   .section('Nav', ['/home', '/about'])
+ *   .section('Admin', ['/settings'])
+ *   .footer('v1.0');
+ */
+export function sidebar(id, sections, options) {
+    const opts = options || {};
+    let _title = opts.title || 'App';
+    let _logo = opts.logo || _title.charAt(0).toUpperCase();
+    let _footer = opts.footer || '';
+    let _width = opts.width || '260px';
+    let _target = opts.target;
+    let _density = opts.density || 'normal';
+    let _sectionCount = 0;
+    let _rendered = false;
+    let _footerRendered = false;
+    function ensureShell() {
+        if (_rendered)
+            return;
+        _rendered = true;
+        injectMenuStyles(_density);
+        div(id, { class: 'jux-sidebar jux-sidebar--' + _density, style: 'width:' + _width, target: _target });
+        div(id + '-header', { class: 'jux-sidebar-header', target: id });
+        div(id + '-logo', { class: 'jux-sidebar-logo', content: _logo, target: id + '-header' });
+        span(id + '-title', { content: _title, target: id + '-header' });
+    }
+    function renderSection(section) {
+        ensureShell();
+        const i = _sectionCount++;
+        if (i > 0)
+            div(id + '-divider-' + i, { class: 'jux-sidebar-divider', target: id });
+        if (section.label)
+            div(id + '-label-' + i, { class: 'jux-sidebar-label', content: section.label, target: id });
+        nav(id + '-nav-' + i, { target: id, items: section.items });
+    }
+    function renderFooter() {
+        if (_footerRendered || !_footer)
+            return;
+        _footerRendered = true;
+        div(id + '-footer', { class: 'jux-sidebar-footer', content: _footer, target: id });
+    }
+    const api = {
+        id,
+        title(val) { _title = val; return api; },
+        logo(val) { _logo = val; return api; },
+        footer(val) { _footer = val; if (_rendered)
+            renderFooter(); return api; },
+        width(val) { _width = val; return api; },
+        target(val) { _target = val; return api; },
+        density(val) { _density = val; return api; },
+        section(label, items) {
+            renderSection({ label, items: (items || []).map(i => normalizeItem(id, i)) });
+            return api;
+        },
+        items(items) {
+            renderSection({ items: (items || []).map(i => normalizeItem(id, i)) });
+            return api;
+        },
+        render() { ensureShell(); renderFooter(); return api; },
+        addSection(label, items) { return api.section(label, items); },
+        setTitle(val) { pageState[id + '-title'].content = val; return api; },
+        setFooter(val) { pageState[id + '-footer'].content = val; return api; },
+        show() { pageState[id].visible = true; return api; },
+        hide() { pageState[id].visible = false; return api; },
+        toggle() { pageState[id].visible = !pageState[id].visible; return api; },
+        getElement() { return document.getElementById(id); }
+    };
+    // Auto-render if sections passed
+    if (sections && Array.isArray(sections) && sections.length > 0) {
+        const normalized = normalizeSections(id, sections);
+        normalized.forEach(renderSection);
+        renderFooter();
+    }
+    return api;
+}
+export default sidebar;
+//# sourceMappingURL=sidebar.js.map

package/dist/components/blocks/sidebar.js.map

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

package/dist/index.d.ts

@@ -1,71 +1,143 @@
-import { tag, div, h1, h2, h3, h4, h5, h6, p, span, pre, code } from "./components/tag.js";
-import { include } from "./components/include.js";
-import { input, email, password, number, tel, url, search, date, time, datetime, color, range, file, hidden } from "./components/input.js";
-import { select } from "./components/select.js";
-import { radio } from "./components/radio.js";
-import { checkbox, checkboxGroup } from "./components/checkbox.js";
+import { Tag, TagOptions } from "./components/tag.js";
+import { Input, InputOptions } from "./components/input.js";
 import { pageState } from "./state/pageState.js";
-import { data } from "./components/data.js";
-import { store } from "./components/store.js";
-import { devtools } from "./devtools/devtools.js";
-import { style } from "./components/style.js";
-import { nav } from "./components/nav.js";
-import { table } from "./components/table.js";
-import { list } from "./components/list.js";
-import { tabs } from "./components/tabs.js";
-import { button, btn } from "./components/button.js";
-import { link, a } from "./components/link.js";
-import { container } from "./components/container.js";
-import { grid } from "./components/grid.js";
-import { menu } from "./components/blocks/menu.js";
-export type { MenuApi, MenuItem, MenuSection, MenuOptions } from "./components/blocks/menu.js";
-export declare const jux: {
-    tag: typeof tag;
-    div: typeof div;
-    h1: typeof h1;
-    h2: typeof h2;
-    h3: typeof h3;
-    h4: typeof h4;
-    h5: typeof h5;
-    h6: typeof h6;
-    p: typeof p;
-    span: typeof span;
-    pre: typeof pre;
-    code: typeof code;
-    include: typeof include;
-    input: typeof input;
-    email: typeof email;
-    password: typeof password;
-    number: typeof number;
-    tel: typeof tel;
-    url: typeof url;
-    search: typeof search;
-    date: typeof date;
-    time: typeof time;
-    datetime: typeof datetime;
-    color: typeof color;
-    range: typeof range;
-    file: typeof file;
-    hidden: typeof hidden;
-    select: typeof select;
-    radio: typeof radio;
-    checkbox: typeof checkbox;
-    checkboxGroup: typeof checkboxGroup;
-    data: typeof data;
-    store: typeof store;
-    devtools: typeof devtools;
-    style: typeof style;
-    nav: typeof nav;
-    table: typeof table;
-    list: typeof list;
-    tabs: typeof tabs;
-    button: typeof button;
-    btn: typeof btn;
-    link: typeof link;
-    a: typeof a;
-    container: typeof container;
-    grid: typeof grid;
-    menu: typeof menu;
-};
+import { Store, StoreOptions } from "./components/store.js";
+import { Style } from "./components/style.js";
+import { Nav, NavOptions } from "./components/nav.js";
+import { Table, TableOptions } from "./components/table.js";
+import { List, ListOptions } from "./components/list.js";
+import { Button, ButtonOptions } from "./components/button.js";
+import { Link, LinkOptions } from "./components/link.js";
+import { Container, ContainerOptions } from "./components/container.js";
+import { Grid, GridOptions } from "./components/grid.js";
+import { SidebarApi, MenuItem, MenuSection, MenuOptions } from "./components/blocks/sidebar.js";
+/**
+ * The main JUX API — create reactive UI components declaratively.
+ */
+export interface Jux {
+    /** Create a raw HTML element. */
+    tag(id: string, tagName: string, options?: TagOptions): Tag;
+    /** Create a `<div>`. */
+    div(id: string, options?: TagOptions): Tag;
+    /** Create an `<h1>`. */
+    h1(id: string, options?: TagOptions): Tag;
+    /** Create an `<h2>`. */
+    h2(id: string, options?: TagOptions): Tag;
+    /** Create an `<h3>`. */
+    h3(id: string, options?: TagOptions): Tag;
+    /** Create an `<h4>`. */
+    h4(id: string, options?: TagOptions): Tag;
+    /** Create an `<h5>`. */
+    h5(id: string, options?: TagOptions): Tag;
+    /** Create an `<h6>`. */
+    h6(id: string, options?: TagOptions): Tag;
+    /** Create a `<p>`. */
+    p(id: string, options?: TagOptions): Tag;
+    /** Create a `<span>`. */
+    span(id: string, options?: TagOptions): Tag;
+    /** Create a `<pre>`. */
+    pre(id: string, options?: TagOptions): Tag;
+    /** Create a syntax-highlighted `<pre><code>` block. */
+    code(id: string, options?: TagOptions): Tag;
+    /** Create a flex/block layout container. */
+    container(id: string, options?: ContainerOptions): Container;
+    /**
+     * Create a CSS grid layout.
+     * @example
+     * // Equal columns
+     * jux.grid('g', { cols: 3 });
+     * // Named columns
+     * jux.grid('g', { cols: [{ name: 'sidebar', width: '260px' }, { name: 'main', width: '1fr' }] });
+     */
+    grid(id: string, options?: GridOptions): Grid;
+    /** Create a text `<input>`. */
+    input(id: string, options?: InputOptions): Input;
+    /** Create an email input with smart defaults. */
+    email(id: string, options?: InputOptions): Input;
+    /** Create a password input. */
+    password(id: string, options?: InputOptions): Input;
+    /** Create a number input. */
+    number(id: string, options?: InputOptions): Input;
+    /** Create a tel input. */
+    tel(id: string, options?: InputOptions): Input;
+    /** Create a url input. */
+    url(id: string, options?: InputOptions): Input;
+    /** Create a search input. */
+    search(id: string, options?: InputOptions): Input;
+    /** Create a date input. */
+    date(id: string, options?: InputOptions): Input;
+    /** Create a time input. */
+    time(id: string, options?: InputOptions): Input;
+    /** Create a datetime-local input. */
+    datetime(id: string, options?: InputOptions): Input;
+    /** Create a color picker input. */
+    color(id: string, options?: InputOptions): Input;
+    /** Create a range slider input. */
+    range(id: string, options?: InputOptions): Input;
+    /** Create a file input. */
+    file(id: string, options?: InputOptions): Input;
+    /** Create a hidden input. */
+    hidden(id: string, options?: InputOptions): Input;
+    /** Create a `<select>` dropdown. */
+    select(id: string, options?: any): any;
+    /** Create a radio group. */
+    radio(id: string, options?: any): any;
+    /** Create a checkbox. */
+    checkbox(id: string, options?: any): any;
+    /** Create a checkbox group. */
+    checkboxGroup(id: string, options?: any): any;
+    /** Create a `<button>`. */
+    button(id: string, options?: ButtonOptions): Button;
+    /** Alias for `button`. */
+    btn(id: string, options?: ButtonOptions): Button;
+    /** Create an `<a>` link with SPA navigation support. */
+    link(id: string, options?: LinkOptions): Link;
+    /** Alias for `link`. */
+    a(id: string, options?: LinkOptions): Link;
+    /** Create a `<nav>` with items. */
+    nav(id: string, options?: NavOptions): Nav;
+    /** Create a `<ul>` or `<ol>` list. */
+    list(id: string, options?: ListOptions): List;
+    /** Create a `<table>` with auto-columns and selection. */
+    table(id: string, options?: TableOptions): Table;
+    /** Create a tabbed interface. */
+    tabs(id: string, options?: any): any;
+    /**
+     * Create a sidebar menu. Supports one-liner, sectioned, and fluent chain patterns.
+     * @example
+     * jux.sidebar('m', ['home', 'about'], { title: 'App', target: 'sidebar' });
+     * jux.sidebar('m').title('App').section('Nav', ['/home']).footer('v1');
+     */
+    sidebar(id: string, sections?: (string | MenuSection | MenuItem)[], options?: MenuOptions): SidebarApi;
+    /** Fetch JSON data from a URL into pageState. */
+    data(id: string, options?: any): any;
+    /**
+     * Create a reactive IndexedDB store.
+     * @example
+     * const todos = await jux.store('todos', { db: 'app', table: 'todos' });
+     */
+    store(id: string, options: StoreOptions): Promise<Store>;
+    /** Include a CSS file in the document head. */
+    include(path: string): void;
+    /** Inject a `<style>` tag with CSS. */
+    style(id: string, css: string): Style;
+    /** Open the JUX devtools panel. */
+    devtools(): void;
+    /** Watch reactive dependencies and re-run on change. */
+    watch(fn: () => void | Promise<void>): void;
+}
+export declare const jux: Jux;
 export { pageState };
+export type { Tag, TagOptions } from "./components/tag.js";
+export type { Input, InputOptions } from "./components/input.js";
+export type { Button, ButtonOptions } from "./components/button.js";
+export type { Link, LinkOptions } from "./components/link.js";
+export type { Nav, NavOptions } from "./components/nav.js";
+export type { List, ListOptions } from "./components/list.js";
+export type { Table, TableOptions } from "./components/table.js";
+export type { Container, ContainerOptions } from "./components/container.js";
+export type { Grid, GridOptions, GridColumn } from "./components/grid.js";
+export type { Store, StoreOptions } from "./components/store.js";
+export type { Style } from "./components/style.js";
+export type { SidebarApi, MenuItem, MenuSection, MenuOptions } from "./components/blocks/sidebar.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3I,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE/F,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Cf,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -17,7 +17,7 @@ import { button, btn } from "./components/button.js";
 import { link, a } from "./components/link.js";
 import { container } from "./components/container.js";
 import { grid } from "./components/grid.js";
-import { menu } from "./components/blocks/menu.js";
+import { sidebar } from "./components/blocks/sidebar.js";
 export const jux = {
     tag,
     div,
@@ -59,8 +59,8 @@ export const jux = {
     a,
     container,
     grid,
-    menu
+    sidebar,
+    watch: pageState.__watch
 };
 export { pageState };
-jux.watch = pageState.__watch;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3I,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAGnD,MAAM,CAAC,MAAM,GAAG,GAAG;IACf,GAAG;IACH,GAAG;IACH,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACtB,CAAC;IACD,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,MAAM;IACN,GAAG;IACH,GAAG;IACH,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,KAAK;IACL,KAAK;IACL,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,QAAQ;IACR,aAAa;IACb,IAAI;IACJ,KAAK;IACL,QAAQ;IACR,KAAK;IACL,GAAG;IACH,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,IAAI;IACJ,CAAC;IACD,SAAS;IACT,IAAI;IACJ,IAAI;CACP,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AAEpB,GAAW,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAmB,MAAM,qBAAqB,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAuB,MAAM,uBAAuB,CAAC;AAChK,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAuB,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAS,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAmB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAuB,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAqB,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAyB,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,CAAC,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,SAAS,EAA+B,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,IAAI,EAAiC,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAkD,MAAM,gCAAgC,CAAC;AA+IzG,MAAM,CAAC,MAAM,GAAG,GAAQ;IACpB,GAAG;IACH,GAAG;IACH,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACtB,CAAC;IACD,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,MAAM;IACN,GAAG;IACH,GAAG;IACH,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,KAAK;IACL,KAAK;IACL,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,QAAQ;IACR,aAAa;IACb,IAAI;IACJ,KAAK;IACL,QAAQ;IACR,KAAK;IACL,GAAG;IACH,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,IAAI;IACJ,CAAC;IACD,SAAS;IACT,IAAI;IACJ,OAAO;IACP,KAAK,EAAE,SAAS,CAAC,OAAO;CAC3B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.334",
+  "version": "1.1.337",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "./dist/lib/index.js",