juxscript 1.1.13 → 1.1.15

package/lib/components/sidebar.ts

@@ -1,11 +1,20 @@
-import { BaseComponent } from './base/BaseComponent.js';
+import { BaseComponent, BaseState } from './base/BaseComponent.js';
 import { renderIcon } from './icons.js';
-import { Menu, MenuOptions } from './menu.js';
-
+import { req } from './req.js';
 
 // Event definitions
 const TRIGGER_EVENTS = [] as const;
-const CALLBACK_EVENTS = ['toggle'] as const;
+const CALLBACK_EVENTS = ['toggle', 'itemClick'] as const;
+
+export interface SidebarItem {
+  label: string;
+  href?: string;
+  click?: () => void;
+  icon?: string;
+  items?: SidebarItem[];
+  active?: boolean;
+  itemClass?: string;
+}
 
 export interface SidebarOptions {
   position?: 'left' | 'right';
@@ -14,26 +23,27 @@ export interface SidebarOptions {
   showToggle?: boolean;
   expandOnHover?: boolean;
   collapsed?: boolean;
-  menu?: MenuOptions;
+  items?: SidebarItem[];
+  header?: string;
+  footer?: string;
   style?: string;
   class?: string;
 }
 
-type SidebarState = {
+type SidebarState = BaseState & {
   position: 'left' | 'right';
   width: string;
   collapsible: boolean;
   showToggle: boolean;
   expandOnHover: boolean;
   collapsed: boolean;
-  menu: MenuOptions | null;
-  style: string;
-  class: string;
+  items: SidebarItem[];
+  header: string;
+  footer: string;
 };
 
 export class Sidebar extends BaseComponent<SidebarState> {
   private _sidebar: HTMLElement | null = null;
-  private _menu: Menu | null = null;
 
   constructor(id: string, options: SidebarOptions = {}) {
     // Restore collapsed state from localStorage if available
@@ -48,14 +58,18 @@ export class Sidebar extends BaseComponent<SidebarState> {
       showToggle: options.showToggle ?? false,
       expandOnHover: options.expandOnHover ?? false,
       collapsed: initialCollapsed,
-      menu: options.menu ?? null,
+      items: options.items ?? [],
+      header: options.header ?? '',
+      footer: options.footer ?? '',
       style: options.style ?? '',
       class: options.class ?? ''
     });
 
-    // Listen for URL changes to update menu active states
+    this._setActiveStates();
+
+    // Listen for URL changes to update active states
     if (typeof window !== 'undefined') {
-      window.addEventListener('popstate', () => this.refreshMenu());
+      window.addEventListener('popstate', () => this.refreshActiveStates());
     }
   }
 
@@ -68,20 +82,160 @@ export class Sidebar extends BaseComponent<SidebarState> {
   }
 
   /* ═════════════════════════════════════════════════════════════════
-   * FLUENT API
+   * PRIVATE HELPERS
    * ═════════════════════════════════════════════════════════════════ */
 
-  // ✅ Inherited from BaseComponent:
-  // - style(), class()
-  // - bind(), sync(), renderTo()
-  // - addClass(), removeClass(), toggleClass()
-  // - visible(), show(), hide()
-  // - attr(), attrs(), removeAttr()
-  // - disabled(), enable(), disable()
-  // - loading(), focus(), blur(), remove()
+  private _setActiveStates(): void {
+    this.state.items = this.state.items.map(item => ({
+      ...item,
+      active: item.href ? req.isActiveNavItem(item.href) : false,
+      items: item.items?.map(subItem => ({
+        ...subItem,
+        active: subItem.href ? req.isActiveNavItem(subItem.href) : false
+      }))
+    }));
+  }
+
+  private _renderItem(item: SidebarItem): HTMLElement {
+    const itemEl = document.createElement('div');
+    itemEl.className = 'jux-sidebar-item';
+
+    if (item.itemClass) {
+      itemEl.className += ` ${item.itemClass}`;
+    }
+
+    if (item.active) {
+      itemEl.classList.add('jux-sidebar-item-active');
+    }
+
+    if (item.href) {
+      const link = document.createElement('a');
+      link.className = 'jux-sidebar-link';
+      link.href = item.href;
+
+      if (item.active) {
+        link.classList.add('jux-sidebar-link-active');
+      }
+
+      if (item.icon) {
+        const icon = document.createElement('span');
+        icon.className = 'jux-sidebar-icon';
+        icon.appendChild(renderIcon(item.icon));
+        link.appendChild(icon);
+      }
+
+      const label = document.createElement('span');
+      label.className = 'jux-sidebar-label';
+      label.textContent = item.label;
+      link.appendChild(label);
+
+      link.addEventListener('click', (e) => {
+        this._triggerCallback('itemClick', { item, event: e });
+      });
+
+      itemEl.appendChild(link);
+    } else {
+      const button = document.createElement('button');
+      button.className = 'jux-sidebar-button';
+      button.type = 'button';
+
+      if (item.icon) {
+        const icon = document.createElement('span');
+        icon.className = 'jux-sidebar-icon';
+        icon.appendChild(renderIcon(item.icon));
+        button.appendChild(icon);
+      }
+
+      const label = document.createElement('span');
+      label.className = 'jux-sidebar-label';
+      label.textContent = item.label;
+      button.appendChild(label);
+
+      button.addEventListener('click', (e) => {
+        if (item.click) {
+          item.click();
+        }
+        this._triggerCallback('itemClick', { item, event: e });
+      });
+
+      itemEl.appendChild(button);
+    }
+
+    // Handle sub-items
+    if (item.items && item.items.length > 0) {
+      itemEl.classList.add('jux-sidebar-item-has-submenu');
+
+      const submenu = document.createElement('div');
+      submenu.className = 'jux-sidebar-submenu';
+
+      item.items.forEach(subItem => {
+        submenu.appendChild(this._renderItem(subItem));
+      });
+
+      itemEl.appendChild(submenu);
+
+      // Toggle submenu expansion
+      const clickTarget = itemEl.querySelector('a, button');
+      if (clickTarget) {
+        clickTarget.addEventListener('click', (e) => {
+          if (!item.href) {
+            e.preventDefault();
+          }
+          itemEl.classList.toggle('jux-sidebar-item-expanded');
+        });
+      }
+    }
+
+    return itemEl;
+  }
+
+  /* ═════════════════════════════════════════════════════════════════
+   * REACTIVE UPDATE
+   * ═════════════════════════════════════════════════════════════════ */
+
+  update(prop: string, value: any): void {
+
+    if (!this._sidebar) return;
+
+    if (prop === 'collapsed') {
+      this._sidebar.classList.toggle('jux-sidebar-collapsed', value);
+
+      // Update toggle button state
+      const toggleBtn = this._sidebar.querySelector('.jux-sidebar-toggle');
+      if (toggleBtn) {
+        toggleBtn.classList.toggle('jux-sidebar-toggle-collapsed', value);
+      }
+
+      // Save to localStorage
+      const storageKey = `jux-sidebar-${this._id}-collapsed`;
+      localStorage.setItem(storageKey, String(value));
+    } else if (prop === 'items') {
+      this._setActiveStates();
+      const nav = this._sidebar.querySelector('.jux-sidebar-nav');
+      if (nav) {
+        nav.innerHTML = '';
+        this.state.items.forEach(item => {
+          nav.appendChild(this._renderItem(item));
+        });
+      }
+    } else if (prop === 'header') {
+      const header = this._sidebar.querySelector('.jux-sidebar-header');
+      if (header) header.textContent = value;
+    } else if (prop === 'footer') {
+      const footer = this._sidebar.querySelector('.jux-sidebar-footer');
+      if (footer) footer.textContent = value;
+    }
+  }
+
+  /* ═════════════════════════════════════════════════════════════════
+   * FLUENT API
+   * ═════════════════════════════════════════════════════════════════ */
 
   width(value: string): this {
     this.state.width = value;
+    if (this._sidebar) {
+      this._sidebar.style.width = value;
+    }
     return this;
   }
 
@@ -107,42 +261,38 @@ export class Sidebar extends BaseComponent<SidebarState> {
 
   collapsed(value: boolean): this {
     this.state.collapsed = value;
-    this._updateCollapsedState();
     return this;
   }
 
-  menu(value: MenuOptions): this {
-    this.state.menu = value;
+  items(value: SidebarItem[]): this {
+    this.state.items = value;
     return this;
   }
 
-  toggle(): void {
-    this.state.collapsed = !this.state.collapsed;
-    this._updateCollapsedState();
-
-    // Save to localStorage
-    const storageKey = `jux-sidebar-${this._id}-collapsed`;
-    localStorage.setItem(storageKey, String(this.state.collapsed));
+  addItem(item: SidebarItem): this {
+    this.state.items = [...this.state.items, item];
+    return this;
+  }
 
-    // 🎯 Fire the toggle callback event
-    this._triggerCallback('toggle', this.state.collapsed);
+  header(value: string): this {
+    this.state.header = value;
+    return this;
   }
 
-  /**
-   * Refresh menu active states (called automatically on URL changes)
-   */
-  refreshMenu(): this {
-    if (this._menu && this.state.menu) {
-      // Re-evaluate and update menu items with current active states
-      this._menu.items(this.state.menu.items || []);
-    }
+  footer(value: string): this {
+    this.state.footer = value;
     return this;
   }
 
-  private _updateCollapsedState(): void {
-    if (this._sidebar) {
-      this._sidebar.classList.toggle('jux-sidebar-collapsed', this.state.collapsed);
-    }
+  toggle(): void {
+    this.state.collapsed = !this.state.collapsed;
+    this._triggerCallback('toggle', this.state.collapsed);
+  }
+
+  refreshActiveStates(): this {
+    this._setActiveStates();
+    this.state.items = [...this.state.items]; // Trigger update
+    return this;
   }
 
   /* ═════════════════════════════════════════════════════════════════
@@ -152,30 +302,52 @@ export class Sidebar extends BaseComponent<SidebarState> {
   render(targetId?: string): this {
     const container = this._setupContainer(targetId);
 
-    const { position, collapsed, expandOnHover, menu, style, class: className } = this.state;
+    const { position, collapsed, expandOnHover, items, header, footer, width, style, class: className } = this.state;
 
-    // Build sidebar element
     const sidebar = document.createElement('aside');
+    sidebar.className = `jux-sidebar jux-sidebar-${position}`;
     sidebar.id = this._id;
-    if (className) sidebar.className = className;
-    if (style) sidebar.setAttribute('style', style);
 
-    // Apply initial collapsed state
     if (collapsed) {
       sidebar.classList.add('jux-sidebar-collapsed');
     }
 
-    // Menu container (append first so toggle appears at bottom)
-    const menuContainer = document.createElement('div');
-    menuContainer.className = 'jux-sidebar-menu';
-    menuContainer.id = `${this._id}-menu`;
-    sidebar.appendChild(menuContainer);
+    if (className) sidebar.className += ` ${className}`;
+    if (style) sidebar.setAttribute('style', style);
+    if (width) sidebar.style.width = width;
+
+    // Header
+    if (header) {
+      const headerEl = document.createElement('div');
+      headerEl.className = 'jux-sidebar-header';
+      headerEl.textContent = header;
+      sidebar.appendChild(headerEl);
+    }
+
+    // Navigation
+    const nav = document.createElement('nav');
+    nav.className = 'jux-sidebar-nav';
+
+    items.forEach(item => {
+      nav.appendChild(this._renderItem(item));
+    });
+
+    sidebar.appendChild(nav);
+
+    // Footer
+    if (footer) {
+      const footerEl = document.createElement('div');
+      footerEl.className = 'jux-sidebar-footer';
+      footerEl.textContent = footer;
+      sidebar.appendChild(footerEl);
+    }
 
-    // Toggle button (append last so it appears at bottom)
+    // Toggle button
     if (this.state.collapsible || this.state.showToggle) {
       const toggleBtn = document.createElement('button');
       toggleBtn.className = 'jux-sidebar-toggle';
       toggleBtn.type = 'button';
+      toggleBtn.setAttribute('aria-label', 'Toggle sidebar');
 
       const toggleIcon = document.createElement('span');
       toggleIcon.className = 'jux-sidebar-toggle-icon';
@@ -189,13 +361,12 @@ export class Sidebar extends BaseComponent<SidebarState> {
 
       toggleBtn.addEventListener('click', () => {
         this.toggle();
-        toggleBtn.classList.toggle('jux-sidebar-toggle-collapsed', this.state.collapsed);
       });
 
       sidebar.appendChild(toggleBtn);
     }
 
-    // Handle expand on hover
+    // Expand on hover
     if (expandOnHover) {
       sidebar.addEventListener('mouseenter', () => {
         if (this.state.collapsed) {
@@ -210,56 +381,12 @@ export class Sidebar extends BaseComponent<SidebarState> {
       });
     }
 
-    // Wire events using inherited method
     this._wireStandardEvents(sidebar);
-
-    // Wire sync bindings for 'collapsed' property
-    this._syncBindings.forEach(({ property, stateObj, toState, toComponent }) => {
-      if (property === 'collapsed') {
-        const transform = toComponent || ((v: any) => v);
-
-        stateObj.subscribe((val: any) => {
-          const transformed = transform(val);
-          const isCollapsed = Boolean(transformed);
-          this.state.collapsed = isCollapsed;
-          this._updateCollapsedState();
-        });
-      }
-      else if (property === 'menu') {
-        const transform = toComponent || ((v: any) => v);
-
-        stateObj.subscribe((val: any) => {
-          const transformed = transform(val);
-          this.state.menu = transformed;
-
-          // Update menu items if menu instance exists
-          if (this._menu) {
-            this._menu.items(transformed.items || []);
-
-            // Re-render the menu
-            const menuEl = menuContainer.querySelector(`#${this._id}-menu-instance`);
-            if (menuEl) {
-              menuEl.remove();
-            }
-            this._menu.render(`#${menuContainer.id}`);
-          }
-        });
-      }
-    });
+    this._wireAllSyncs();
 
     container.appendChild(sidebar);
     this._sidebar = sidebar;
 
-    // Create and render menu (after sidebar is in DOM)
-    if (menu) {
-      this._menu = new Menu(`${this._id}-menu-instance`, {
-        ...menu,
-        orientation: 'vertical'
-      });
-      this._menu.render(`#${menuContainer.id}`);
-    }
-
-    // Trigger Iconify icon rendering
     requestAnimationFrame(() => {
       if ((window as any).Iconify) {
         (window as any).Iconify.scan();

package/lib/components/table.d.ts

@@ -107,6 +107,7 @@ export declare class Table extends BaseComponent<TableState> {
     deselectRows(indexes: number[]): this;
     getSelectedIndexes(): number[];
     getSelectedRows(): any[];
+    update(prop: string, value: any): void;
     render(targetId?: string): this;
     protected _setupContainer(targetId?: string): HTMLElement;
     private _buildWrapper;

package/lib/components/table.d.ts.map

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

package/lib/components/table.js

@@ -322,6 +322,9 @@ export class Table extends BaseComponent {
      * SECTION 5: RENDER LIFECYCLE
      * Main render method and BUILD phase helpers
      * ═════════════════════════════════════════════════════════════════ */
+    update(prop, value) {
+        // No reactive updates needed
+    }
     render(targetId) {
         const container = this._setupContainer(targetId);
         const wrapper = this._buildWrapper();

package/lib/components/table.ts

@@ -469,10 +469,14 @@ export class Table extends BaseComponent<TableState> {
     return Array.from(this.state.selectedIndexes).map(index => this.state.rows[index]);
   }
 
+
   /* ═════════════════════════════════════════════════════════════════
    * SECTION 5: RENDER LIFECYCLE
    * Main render method and BUILD phase helpers
    * ═════════════════════════════════════════════════════════════════ */
+  update(prop: string, value: any): void {
+    // No reactive updates needed
+  }
 
   render(targetId?: string): this {
     const container = this._setupContainer(targetId);

package/lib/components/tabs.d.ts

@@ -28,6 +28,7 @@ export declare class Tabs extends BaseComponent<TabsState> {
     activeTab(value: string): this;
     variant(value: 'default' | 'pills' | 'underline'): this;
     private _updateActiveTab;
+    update(prop: string, value: any): void;
     render(targetId?: string): this;
     private _switchTab;
 }

package/lib/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,IAAK,SAAQ,aAAa,CAAC,SAAS,CAAC;gBACpC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAUjD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAUhD,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;IAKxB,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI;IAKtB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9B,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,IAAI;IAKvD,OAAO,CAAC,gBAAgB;IAoBxB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAwI/B,OAAO,CAAC,UAAU;CAcnB;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAEhE"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,IAAK,SAAQ,aAAa,CAAC,SAAS,CAAC;gBACpC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAUjD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAUhD,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;IAKxB,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI;IAKtB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9B,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,IAAI;IAKvD,OAAO,CAAC,gBAAgB;IAgBxB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAQtC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAwI/B,OAAO,CAAC,UAAU;CAcnB;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAEhE"}

package/lib/components/tabs.js

@@ -54,6 +54,9 @@ export class Tabs extends BaseComponent {
             panel.style.display = isActive ? 'block' : 'none';
         });
     }
+    update(prop, value) {
+        // No reactive updates needed
+    }
     /* ═════════════════════════════════════════════════════════════════
      * RENDER
      * ═════════════════════════════════════════════════════════════════ */

package/lib/components/tabs.ts

@@ -89,6 +89,10 @@ export class Tabs extends BaseComponent<TabsState> {
     });
   }
 
+  update(prop: string, value: any): void {
+    // No reactive updates needed
+  }
+
   /* ═════════════════════════════════════════════════════════════════
    * RENDER
    * ═════════════════════════════════════════════════════════════════ */

package/lib/components/theme-toggle.d.ts

@@ -38,6 +38,7 @@ export declare class ThemeToggle extends BaseComponent<ThemeToggleState> {
     private cycleTheme;
     private _updateDOM;
     render(targetId?: string): this;
+    update(prop: string, value: any): void;
 }
 export declare function themeToggle(id: string, options?: ThemeToggleOptions): ThemeToggle;
 export {};

package/lib/components/theme-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["theme-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOxD,MAAM,WAAW,KAAK;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,gBAAgB,GAAG;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBAAa,WAAY,SAAQ,aAAa,CAAC,gBAAgB,CAAC;gBAChD,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB;IAoBxD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAQhD,OAAO,CAAC,MAAM,CAAC,WAAW;IAsB1B,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI;IAK5B,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI;IAKrD,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAK/B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAe/B,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAW5B,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,UAAU;IA0ClB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;CAmFlC;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB,GAAG,WAAW,CAErF"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["theme-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOxD,MAAM,WAAW,KAAK;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,gBAAgB,GAAG;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBAAa,WAAY,SAAQ,aAAa,CAAC,gBAAgB,CAAC;gBAChD,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB;IAoBxD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAQhD,OAAO,CAAC,MAAM,CAAC,WAAW;IAsB1B,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI;IAK5B,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI;IAKrD,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAK/B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAe/B,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAW5B,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,UAAU;IA0ClB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAoF/B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;CAGzC;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB,GAAG,WAAW,CAErF"}

package/lib/components/theme-toggle.js

@@ -209,6 +209,9 @@ export class ThemeToggle extends BaseComponent {
         });
         return this;
     }
+    update(prop, value) {
+        // No reactive updates needed - uses manual _updateDOM()
+    }
 }
 export function themeToggle(id, options = {}) {
     return new ThemeToggle(id, options);

package/lib/components/theme-toggle.ts

@@ -286,6 +286,10 @@ export class ThemeToggle extends BaseComponent<ThemeToggleState> {
 
         return this;
     }
+
+    update(prop: string, value: any): void {
+        // No reactive updates needed - uses manual _updateDOM()
+    }
 }
 
 export function themeToggle(id: string, options: ThemeToggleOptions = {}): ThemeToggle {

package/lib/components/tooltip.d.ts

@@ -24,6 +24,7 @@ export declare class Tooltip extends BaseComponent<TooltipState> {
     private _show;
     private _hide;
     render(targetId?: string): this;
+    update(prop: string, value: any): void;
 }
 export declare function tooltip(id: string, options?: TooltipOptions): Tooltip;
 export {};

package/lib/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,WAAW,cAAc;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,YAAY,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBAAa,OAAQ,SAAQ,aAAa,CAAC,YAAY,CAAC;IACpD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,OAAO,CAA4B;gBAE/B,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IASpD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAQhD,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKzB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI;IAK1D,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAY1C,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,KAAK;IAiCb,OAAO,CAAC,KAAK;IAMb,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;CAKlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAEzE"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,WAAW,cAAc;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,YAAY,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBAAa,OAAQ,SAAQ,aAAa,CAAC,YAAY,CAAC;IACpD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,OAAO,CAA4B;gBAE/B,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IASpD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAQhD,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKzB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI;IAK1D,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAY1C,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,KAAK;IAiCb,OAAO,CAAC,KAAK;IAMb,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAM/B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;CAGzC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAEzE"}

package/lib/components/tooltip.js

@@ -103,6 +103,9 @@ export class Tooltip extends BaseComponent {
         console.warn('Tooltip: Use .attachTo(element) instead of .render()');
         return this;
     }
+    update(prop, value) {
+        // No reactive updates needed
+    }
 }
 export function tooltip(id, options = {}) {
     return new Tooltip(id, options);

package/lib/components/tooltip.ts

@@ -137,6 +137,10 @@ export class Tooltip extends BaseComponent<TooltipState> {
         console.warn('Tooltip: Use .attachTo(element) instead of .render()');
         return this;
     }
+
+    update(prop: string, value: any): void {
+        // No reactive updates needed
+    }
 }
 
 export function tooltip(id: string, options: TooltipOptions = {}): Tooltip {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",