juxscript 1.0.119 → 1.0.122

package/index.js

@@ -6,10 +6,10 @@
  */
 
 // Core Components
-export { Element } from './lib/componentsv2/element/component.js';
-export { Grid } from './lib/componentsv2/grid/component.js';
-export { Input } from './lib/componentsv2/input/component.js';
-export { List } from './lib/componentsv2/list/component.js';
+export { Element } from './lib/componentsv2/element/Element.js';
+export { Grid } from './lib/componentsv2/grid/Grid.js';
+export { Input } from './lib/componentsv2/input/Input.js';
+export { List } from './lib/componentsv2/list/List.js';
 
 // Base Classes (for extension)
 // Note: BaseState is a TypeScript interface, not exported at runtime

package/lib/componentsv2/element/{component.d.ts → Element.d.ts}

@@ -1,4 +1,4 @@
-import { ElementEngine, ElementOptions } from './engine.js';
+import { ElementEngine, ElementOptions } from './ElementEngine.js';
 export type ElementComponent = ElementEngine & {
     render: (targetId: string | HTMLElement) => ElementComponent;
     injectCSS: (id: string, cssContent: string) => void;
@@ -26,4 +26,4 @@ export type ElementComponent = ElementEngine & {
  * - .style(css)  → .inlineStyle(css)
  */
 export declare function Element(id: string, options?: ElementOptions): ElementComponent;
-//# sourceMappingURL=component.d.ts.map
+//# sourceMappingURL=Element.d.ts.map

package/lib/componentsv2/element/{component.js → Element.js}

@@ -1,5 +1,5 @@
-import { ElementEngine } from './engine.js';
-import { ElementSkin } from './skin.js';
+import { ElementEngine } from './ElementEngine.js';
+import { ElementSkin } from './ElementSkin.js';
 /**
  * OPTIONS CONTRACT for Element:
  *
@@ -42,4 +42,4 @@ export function Element(id, options = {}) {
     engine.injectCSS = (id, css) => skin.injectCSS(id, css);
     return engine;
 }
-//# sourceMappingURL=component.js.map
+//# sourceMappingURL=Element.js.map

package/lib/componentsv2/element/{engine.d.ts → ElementEngine.d.ts}

@@ -55,4 +55,4 @@ export declare class ElementEngine extends BaseEngine<ElementState, ElementOptio
      */
     handleEvent(eventName: string, content: any): void;
 }
-//# sourceMappingURL=engine.d.ts.map
+//# sourceMappingURL=ElementEngine.d.ts.map

package/lib/componentsv2/element/{engine.js → ElementEngine.js}

@@ -109,4 +109,4 @@ export class ElementEngine extends BaseEngine {
         this.emit(eventName, content);
     }
 }
-//# sourceMappingURL=engine.js.map
+//# sourceMappingURL=ElementEngine.js.map

package/lib/componentsv2/element/{skin.d.ts → ElementSkin.d.ts}

@@ -1,5 +1,5 @@
 import { BaseSkin } from '../base/BaseSkin.js';
-import { ElementEngine, ElementState } from './engine.js';
+import { ElementEngine, ElementState } from './ElementEngine.js';
 export declare class ElementSkin extends BaseSkin<ElementState, ElementEngine> {
     constructor(engine: ElementEngine);
     protected get structureCss(): string;
@@ -7,4 +7,4 @@ export declare class ElementSkin extends BaseSkin<ElementState, ElementEngine> {
     protected bindEvents(root: HTMLElement): void;
     protected updateSkin(state: ElementState): void;
 }
-//# sourceMappingURL=skin.d.ts.map
+//# sourceMappingURL=ElementSkin.d.ts.map

package/lib/componentsv2/element/{skin.js → ElementSkin.js}

@@ -24,8 +24,10 @@ export class ElementSkin extends BaseSkin {
     }
     updateSkin(state) {
         // 1. Tag Replacement Logic (uses state.tag)
-        if (this.root) {
-            const newRoot = document.createElement(state.tag.toLowerCase());
+        const currentTag = this.root ? this.root.tagName.toLowerCase() : '';
+        const desiredTag = (state.tag || 'div').toLowerCase();
+        if (this.root && currentTag !== desiredTag) {
+            const newRoot = document.createElement(desiredTag);
             if (this.root.parentNode) {
                 this.root.parentNode.replaceChild(newRoot, this.root);
             }
@@ -50,4 +52,4 @@ export class ElementSkin extends BaseSkin {
         }
     }
 }
-//# sourceMappingURL=skin.js.map
+//# sourceMappingURL=ElementSkin.js.map

package/lib/componentsv2/grid/{component.d.ts → Grid.d.ts}

@@ -1,4 +1,4 @@
-import { GridEngine, GridOptions, GridInput } from './engine.js';
+import { GridEngine, GridOptions, GridInput } from './GridEngine.js';
 export type GridComponent = GridEngine & {
     render: (targetId: string | HTMLElement) => GridComponent;
     injectCSS: (id: string, cssContent: string) => void;
@@ -11,4 +11,4 @@ export type GridComponent = GridEngine & {
     getCellId: (row: number, col: number) => string;
 };
 export declare function Grid(id: string, options?: GridOptions): GridComponent;
-//# sourceMappingURL=component.d.ts.map
+//# sourceMappingURL=Grid.d.ts.map

package/lib/componentsv2/grid/{component.js → Grid.js}

@@ -1,5 +1,5 @@
-import { GridEngine } from './engine.js';
-import { GridSkin } from './skin.js';
+import { GridEngine } from './GridEngine.js';
+import { GridSkin } from './GridSkin.js';
 export function Grid(id, options = {}) {
     const engine = new GridEngine(id, options);
     if (typeof window !== 'undefined') {
@@ -24,4 +24,4 @@ export function Grid(id, options = {}) {
     engine.getCellId = (row, col) => `${id}-${row}-${col}`;
     return engine;
 }
-//# sourceMappingURL=component.js.map
+//# sourceMappingURL=Grid.js.map

package/lib/componentsv2/grid/{engine.d.ts → GridEngine.d.ts}

@@ -72,4 +72,4 @@ export declare class GridEngine extends BaseEngine<GridState, GridOptions> {
      */
     toggleGridder(active?: boolean): this;
 }
-//# sourceMappingURL=engine.d.ts.map
+//# sourceMappingURL=GridEngine.d.ts.map

package/lib/componentsv2/grid/{engine.js → GridEngine.js}

@@ -144,4 +144,4 @@ export class GridEngine extends BaseEngine {
         return this.gridder(next);
     }
 }
-//# sourceMappingURL=engine.js.map
+//# sourceMappingURL=GridEngine.js.map

package/lib/componentsv2/grid/{skin.d.ts → GridSkin.d.ts}

@@ -1,5 +1,5 @@
 import { BaseSkin } from '../base/BaseSkin.js';
-import { GridEngine, GridState } from './engine.js';
+import { GridEngine, GridState } from './GridEngine.js';
 export declare class GridSkin extends BaseSkin<GridState, GridEngine> {
     #private;
     constructor(engine: GridEngine);
@@ -8,4 +8,4 @@ export declare class GridSkin extends BaseSkin<GridState, GridEngine> {
     protected updateSkin(state: GridState): void;
     protected createRoot(): HTMLElement;
 }
-//# sourceMappingURL=skin.d.ts.map
+//# sourceMappingURL=GridSkin.d.ts.map

package/lib/componentsv2/grid/{skin.js → GridSkin.js}

@@ -92,4 +92,4 @@ export class GridSkin extends BaseSkin {
     }
 }
 _GridSkin_cells = new WeakMap();
-//# sourceMappingURL=skin.js.map
+//# sourceMappingURL=GridSkin.js.map

package/lib/componentsv2/input/{component.d.ts → Input.d.ts}

@@ -1,6 +1,6 @@
-import { InputEngine, InputOptions } from './engine.js';
+import { InputEngine, InputOptions } from './InputEngine.js';
 export type InputComponent = InputEngine & {
     render: (targetId: string | HTMLElement) => InputComponent;
 };
 export declare function Input(id: string, options?: InputOptions): InputComponent;
-//# sourceMappingURL=component.d.ts.map
+//# sourceMappingURL=Input.d.ts.map

package/lib/componentsv2/input/{component.js → Input.js}

@@ -1,5 +1,5 @@
-import { InputEngine } from './engine.js';
-import { InputSkin } from './skin.js';
+import { InputEngine } from './InputEngine.js';
+import { InputSkin } from './InputSkin.js';
 export function Input(id, options = {}) {
     const engine = new InputEngine(id, options);
     if (typeof window !== 'undefined') {
@@ -18,4 +18,4 @@ export function Input(id, options = {}) {
     };
     return engine;
 }
-//# sourceMappingURL=component.js.map
+//# sourceMappingURL=Input.js.map

package/lib/componentsv2/input/{engine.d.ts → InputEngine.d.ts}

@@ -67,4 +67,4 @@ export declare class InputEngine extends BaseEngine<InputState, InputOptions> {
     /** @alias for readonly() */
     setReadonly(isReadonly: boolean): this;
 }
-//# sourceMappingURL=engine.d.ts.map
+//# sourceMappingURL=InputEngine.d.ts.map

package/lib/componentsv2/input/{engine.js → InputEngine.js}

@@ -140,4 +140,4 @@ export class InputEngine extends BaseEngine {
         return this.readonly(isReadonly);
     }
 }
-//# sourceMappingURL=engine.js.map
+//# sourceMappingURL=InputEngine.js.map

package/lib/componentsv2/input/{skin.d.ts → InputSkin.d.ts}

@@ -1,5 +1,5 @@
 import { BaseSkin } from '../base/BaseSkin.js';
-import { InputEngine, InputState } from './engine.js';
+import { InputEngine, InputState } from './InputEngine.js';
 export declare class InputSkin extends BaseSkin<InputState, InputEngine> {
     #private;
     constructor(engine: InputEngine);
@@ -8,4 +8,4 @@ export declare class InputSkin extends BaseSkin<InputState, InputEngine> {
     protected bindEvents(root: HTMLElement): void;
     protected updateSkin(state: InputState): void;
 }
-//# sourceMappingURL=skin.d.ts.map
+//# sourceMappingURL=InputSkin.d.ts.map

package/lib/componentsv2/input/{skin.js → InputSkin.js}

@@ -86,4 +86,4 @@ export class InputSkin extends BaseSkin {
     }
 }
 _InputSkin_labelEl = new WeakMap(), _InputSkin_inputEl = new WeakMap(), _InputSkin_errorEl = new WeakMap();
-//# sourceMappingURL=skin.js.map
+//# sourceMappingURL=InputSkin.js.map

package/lib/componentsv2/list/{component.d.ts → List.d.ts}

@@ -1,4 +1,4 @@
-import { ListEngine, ListOptions } from './engine.js';
+import { ListEngine, ListOptions } from './ListEngine.js';
 import { JuxServiceContract } from '../base/BaseEngine.js';
 export type ListKnob = 'add' | 'edit' | 'move' | 'search' | 'delete' | 'sort';
 export type ListComponent = ListEngine & {
@@ -46,4 +46,4 @@ export type ListComponent = ListEngine & {
  * - .toggleListType()       → toggles listType state
  */
 export declare function List(id: string, options?: ListOptions): ListComponent;
-//# sourceMappingURL=component.d.ts.map
+//# sourceMappingURL=List.d.ts.map

package/lib/componentsv2/list/{component.js → List.js}

@@ -1,5 +1,5 @@
-import { ListEngine } from './engine.js';
-import { ListSkin } from './skin.js';
+import { ListEngine } from './ListEngine.js';
+import { ListSkin } from './ListSkin.js';
 /**
  * OPTIONS CONTRACT for List:
  *
@@ -102,4 +102,4 @@ export function List(id, options = {}) {
     };
     return engine;
 }
-//# sourceMappingURL=component.js.map
+//# sourceMappingURL=List.js.map

package/lib/componentsv2/list/{engine.d.ts → ListEngine.d.ts}

@@ -118,4 +118,4 @@ export declare class ListEngine extends BaseEngine<ListState, ListOptions> {
     moveItem(fromIndex: number, toIndex: number): this;
     toggleSelection(index: number): this;
 }
-//# sourceMappingURL=engine.d.ts.map
+//# sourceMappingURL=ListEngine.d.ts.map

package/lib/componentsv2/list/{engine.js → ListEngine.js}

@@ -319,4 +319,4 @@ export class ListEngine extends BaseEngine {
         return this;
     }
 }
-//# sourceMappingURL=engine.js.map
+//# sourceMappingURL=ListEngine.js.map

package/lib/componentsv2/list/{skin.d.ts → ListSkin.d.ts}

@@ -1,5 +1,5 @@
 import { BaseSkin } from '../base/BaseSkin.js';
-import { ListEngine, ListState } from './engine.js';
+import { ListEngine, ListState } from './ListEngine.js';
 export declare class ListSkin extends BaseSkin<ListState, ListEngine> {
     #private;
     constructor(engine: ListEngine);
@@ -17,4 +17,4 @@ export declare class ListSkin extends BaseSkin<ListState, ListEngine> {
      */
     protected updateSkin(state: ListState): void;
 }
-//# sourceMappingURL=skin.d.ts.map
+//# sourceMappingURL=ListSkin.d.ts.map

package/lib/componentsv2/list/{skin.js → ListSkin.js}

@@ -342,4 +342,4 @@ _ListSkin_showSearch = new WeakMap(), _ListSkin_showAdd = new WeakMap(), _ListSk
                 </div>
             </li>`;
 };
-//# sourceMappingURL=skin.js.map
+//# sourceMappingURL=ListSkin.js.map

package/package.json

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