elit 3.3.0 → 3.3.2

package/dist/build.d.mts

@@ -1,4 +1,4 @@
-import { B as BuildOptions, a as BuildResult } from './server-U0JYnJFs.mjs';
+import { B as BuildOptions, a as BuildResult } from './server-Cz3z-5ls.mjs';
 import './http.mjs';
 import 'node:events';
 import './ws.mjs';

package/dist/cli.js

@@ -1435,7 +1435,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "elit",
-      version: "3.3.0",
+      version: "3.3.2",
       description: "Optimized lightweight library for creating DOM elements with reactive state",
       main: "dist/index.js",
       module: "dist/index.mjs",
@@ -2473,7 +2473,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {

package/dist/config.d.mts

@@ -1,4 +1,4 @@
-import { D as DevServerOptions, B as BuildOptions, P as PreviewOptions } from './server-U0JYnJFs.mjs';
+import { D as DevServerOptions, B as BuildOptions, P as PreviewOptions } from './server-Cz3z-5ls.mjs';
 import './http.mjs';
 import 'node:events';
 import './ws.mjs';

package/dist/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmC9H,qBAAa,OAAO;IAChB,OAAO,CAAC,YAAY,CAAmC;IAEvD,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,KAAU,EAAE,QAAQ,GAAE,QAAa,GAAG,KAAK;IAIjF,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,GAAG,UAAU,GAAG,gBAAgB,GAAG,IAAI;IAqHpF,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,WAAW;IAgBpE,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW;IAmC5E,aAAa,CACT,WAAW,EAAE,MAAM,GAAG,WAAW,EACjC,MAAM,EAAE,KAAK,EAAE,EACf,SAAS,SAAO,EAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GACtD,WAAW;IA4Bd,YAAY,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,EAAE,CAAC,GAAG,eAAe,GAAG,IAAI;IAUvE,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,gBAAgB;IAM3C,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,eAAe;IAMvD,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,eAAe;IAMvD,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAK9B,WAAW,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAAC,CAAC,CAAC;IAyCrE,QAAQ,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE;SAAG,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAAE,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAc/G,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAKjC,iBAAiB,CAAC,CAAC,EACf,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,CAAC,EAAE,EACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,EAC7C,UAAU,SAAK,EACf,UAAU,SAAI,GACf,qBAAqB;IA6CxB,IAAI,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IAetG,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM;IAgBhD,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAO,GAAG,MAAM;IAyFzF,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,iBAAiB;IA4CzB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,aAAa,CAA6E;IAElG,OAAO,CAAC,mBAAmB;IAkB3B,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK;IAiD9F,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK;IAgCrD,UAAU,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAG,WAAW;IAQ1E,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,WAAW;IAQ5E,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAO,GAAG,MAAM;IAK/F,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAO,GAAG,MAAM;IAOjG,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE;QACxC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;QACrC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;QACtC,OAAO,CAAC,EAAE,KAAK,CAAC;YAAE,GAAG,CAAC,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACrG,MAAM,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,CAAC,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACnC,MAAM,CAAC,EAAE,OAAO,CAAC;KACf,GAAG,MAAM;IAsDf,eAAe,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC;CAG/C;AAED,eAAO,MAAM,GAAG,SAAgB,CAAC;AAGjC,eAAO,MAAM,MAAM,gBAzqBK,MAAM,GAAG,WAAW,SAAS,KAAK,KAAG,WAyqBnB,CAAC;AAC3C,eAAO,MAAM,cAAc,UAvaD,KAAK,YAAW;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAQ,MAua7B,CAAC;AAC3D,eAAO,MAAM,KAAK,gBA3qBM,MAAM,GAAG,WAAW,SAAS,KAAK,KAAG,WA2qBlC,CAAC"}

package/dist/dom.js

@@ -56,7 +56,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {

package/dist/dom.mjs

@@ -28,7 +28,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {

package/dist/el.d.mts

@@ -190,6 +190,7 @@ declare const mathMsup: ElementFactory;
 declare const varElement: ElementFactory;
 declare const el: Partial<Elements>;
 
+declare const frag: ElementFactory;
 declare const doc: any;
 declare const getEl: any;
 declare const getEls: any;
@@ -204,4 +205,4 @@ declare const getElClass: any;
 declare const getElTag: any;
 declare const getElName: any;
 
-export { a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, commentNode, createEl, createElementFactory, createMathEl, createSvgEl, data, datalist, dd, del, details, dfn, dialog, div, dl, doc, dt, el, elements, em, embed, fieldset, figcaption, figure, footer, form, fragment, getEl, getElClass, getElId, getElName, getElTag, getEls, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, mathMath, mathMfrac, mathMi, mathMn, mathMo, mathMroot, mathMrow, mathMs, mathMsqrt, mathMsub, mathMsup, mathMtext, menu, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, portal, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, slot, small, source, span, strong, style, sub, summary, sup, svgAnimate, svgAnimateMotion, svgAnimateTransform, svgCircle, svgClipPath, svgDefs, svgEllipse, svgFeBlend, svgFeColorMatrix, svgFeComponentTransfer, svgFeComposite, svgFeConvolveMatrix, svgFeDiffuseLighting, svgFeDisplacementMap, svgFeFlood, svgFeGaussianBlur, svgFeMorphology, svgFeOffset, svgFeSpecularLighting, svgFeTile, svgFeTurbulence, svgFilter, svgForeignObject, svgG, svgImage, svgLine, svgLinearGradient, svgMarker, svgMask, svgPath, svgPattern, svgPolygon, svgPolyline, svgRadialGradient, svgRect, svgSet, svgStop, svgSvg, svgSymbol, svgText, svgTspan, svgUse, table, tbody, td, template, textNode, textarea, tfoot, th, thead, time, title, tr, track, u, ul, varElement, video, wbr };
+export { a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, commentNode, createEl, createElementFactory, createMathEl, createSvgEl, data, datalist, dd, del, details, dfn, dialog, div, dl, doc, dt, el, elements, em, embed, fieldset, figcaption, figure, footer, form, frag, fragment, getEl, getElClass, getElId, getElName, getElTag, getEls, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, mathMath, mathMfrac, mathMi, mathMn, mathMo, mathMroot, mathMrow, mathMs, mathMsqrt, mathMsub, mathMsup, mathMtext, menu, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, portal, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, slot, small, source, span, strong, style, sub, summary, sup, svgAnimate, svgAnimateMotion, svgAnimateTransform, svgCircle, svgClipPath, svgDefs, svgEllipse, svgFeBlend, svgFeColorMatrix, svgFeComponentTransfer, svgFeComposite, svgFeConvolveMatrix, svgFeDiffuseLighting, svgFeDisplacementMap, svgFeFlood, svgFeGaussianBlur, svgFeMorphology, svgFeOffset, svgFeSpecularLighting, svgFeTile, svgFeTurbulence, svgFilter, svgForeignObject, svgG, svgImage, svgLine, svgLinearGradient, svgMarker, svgMask, svgPath, svgPattern, svgPolygon, svgPolyline, svgRadialGradient, svgRect, svgSet, svgStop, svgSvg, svgSymbol, svgText, svgTspan, svgUse, table, tbody, td, template, textNode, textarea, tfoot, th, thead, time, title, tr, track, u, ul, varElement, video, wbr };

package/dist/el.d.ts

@@ -19,6 +19,7 @@ declare const elements: Partial<Elements>;
 export declare const html: ElementFactory, head: ElementFactory, body: ElementFactory, title: ElementFactory, base: ElementFactory, link: ElementFactory, meta: ElementFactory, style: ElementFactory, address: ElementFactory, article: ElementFactory, aside: ElementFactory, footer: ElementFactory, header: ElementFactory, h1: ElementFactory, h2: ElementFactory, h3: ElementFactory, h4: ElementFactory, h5: ElementFactory, h6: ElementFactory, main: ElementFactory, nav: ElementFactory, section: ElementFactory, blockquote: ElementFactory, dd: ElementFactory, div: ElementFactory, dl: ElementFactory, dt: ElementFactory, figcaption: ElementFactory, figure: ElementFactory, hr: ElementFactory, li: ElementFactory, ol: ElementFactory, p: ElementFactory, pre: ElementFactory, ul: ElementFactory, a: ElementFactory, abbr: ElementFactory, b: ElementFactory, bdi: ElementFactory, bdo: ElementFactory, br: ElementFactory, cite: ElementFactory, code: ElementFactory, data: ElementFactory, dfn: ElementFactory, em: ElementFactory, i: ElementFactory, kbd: ElementFactory, mark: ElementFactory, q: ElementFactory, rp: ElementFactory, rt: ElementFactory, ruby: ElementFactory, s: ElementFactory, samp: ElementFactory, small: ElementFactory, span: ElementFactory, strong: ElementFactory, sub: ElementFactory, sup: ElementFactory, time: ElementFactory, u: ElementFactory, wbr: ElementFactory, area: ElementFactory, audio: ElementFactory, img: ElementFactory, map: ElementFactory, track: ElementFactory, video: ElementFactory, embed: ElementFactory, iframe: ElementFactory, object: ElementFactory, param: ElementFactory, picture: ElementFactory, portal: ElementFactory, source: ElementFactory, canvas: ElementFactory, noscript: ElementFactory, script: ElementFactory, del: ElementFactory, ins: ElementFactory, caption: ElementFactory, col: ElementFactory, colgroup: ElementFactory, table: ElementFactory, tbody: ElementFactory, td: ElementFactory, tfoot: ElementFactory, th: ElementFactory, thead: ElementFactory, tr: ElementFactory, button: ElementFactory, datalist: ElementFactory, fieldset: ElementFactory, form: ElementFactory, input: ElementFactory, label: ElementFactory, legend: ElementFactory, meter: ElementFactory, optgroup: ElementFactory, option: ElementFactory, output: ElementFactory, progress: ElementFactory, select: ElementFactory, textarea: ElementFactory, details: ElementFactory, dialog: ElementFactory, menu: ElementFactory, summary: ElementFactory, slot: ElementFactory, template: ElementFactory, svgSvg: ElementFactory, svgCircle: ElementFactory, svgRect: ElementFactory, svgPath: ElementFactory, svgLine: ElementFactory, svgPolyline: ElementFactory, svgPolygon: ElementFactory, svgEllipse: ElementFactory, svgG: ElementFactory, svgText: ElementFactory, svgTspan: ElementFactory, svgDefs: ElementFactory, svgLinearGradient: ElementFactory, svgRadialGradient: ElementFactory, svgStop: ElementFactory, svgPattern: ElementFactory, svgMask: ElementFactory, svgClipPath: ElementFactory, svgUse: ElementFactory, svgSymbol: ElementFactory, svgMarker: ElementFactory, svgImage: ElementFactory, svgForeignObject: ElementFactory, svgAnimate: ElementFactory, svgAnimateTransform: ElementFactory, svgAnimateMotion: ElementFactory, svgSet: ElementFactory, svgFilter: ElementFactory, svgFeBlend: ElementFactory, svgFeColorMatrix: ElementFactory, svgFeComponentTransfer: ElementFactory, svgFeComposite: ElementFactory, svgFeConvolveMatrix: ElementFactory, svgFeDiffuseLighting: ElementFactory, svgFeDisplacementMap: ElementFactory, svgFeFlood: ElementFactory, svgFeGaussianBlur: ElementFactory, svgFeMorphology: ElementFactory, svgFeOffset: ElementFactory, svgFeSpecularLighting: ElementFactory, svgFeTile: ElementFactory, svgFeTurbulence: ElementFactory, mathMath: ElementFactory, mathMi: ElementFactory, mathMn: ElementFactory, mathMo: ElementFactory, mathMs: ElementFactory, mathMtext: ElementFactory, mathMrow: ElementFactory, mathMfrac: ElementFactory, mathMsqrt: ElementFactory, mathMroot: ElementFactory, mathMsub: ElementFactory, mathMsup: ElementFactory, varElement: ElementFactory;
 export declare const el: Partial<Elements>;
 export { elements };
+export declare const frag: ElementFactory;
 export declare const doc: any;
 export declare const getEl: any;
 export declare const getEls: any;

package/dist/el.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"el.d.ts","sourceRoot":"","sources":["../src/el.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAuB,cAAc,EAAE,MAAM,SAAS,CAAC;AA+BnE,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM,KAAG,cA8BlD,CAAC;AAGF,QAAA,MAAM,IAAI,w6BAeA,CAAC;AAGX,QAAA,MAAM,OAAO,8hBAOH,CAAC;AAGX,QAAA,MAAM,QAAQ,uGAEJ,CAAC;AAEX,KAAK,QAAQ,GAAG;KACX,CAAC,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,cAAc;CAC7C,GAAG;KACC,CAAC,IAAI,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,cAAc;CACzE,GAAG;KACC,CAAC,IAAI,OAAO,QAAQ,CAAC,MAAM,CAAC,IAAI,OAAO,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,cAAc;CAC3E,GAAG;IACA,UAAU,EAAE,cAAc,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAM,CAAC;AAYvC,eAAO,MACH,IAAI,kBAAE,IAAI,kBAAE,IAAI,kBAAE,KAAK,kBAAE,IAAI,kBAAE,IAAI,kBAAE,IAAI,kBAAE,KAAK,kBAChD,OAAO,kBAAE,OAAO,kBAAE,KAAK,kBAAE,MAAM,kBAAE,MAAM,kBAAE,EAAE,kBAAE,EAAE,kBAAE,EAAE,kBAAE,EAAE,kBAAE,EAAE,kBAAE,EAAE,kBAAE,IAAI,kBAAE,GAAG,kBAAE,OAAO,kBACnF,UAAU,kBAAE,EAAE,kBAAE,GAAG,kBAAE,EAAE,kBAAE,EAAE,kBAAE,UAAU,kBAAE,MAAM,kBAAE,EAAE,kBAAE,EAAE,kBAAE,EAAE,kBAAE,CAAC,kBAAE,GAAG,kBAAE,EAAE,kBACvE,CAAC,kBAAE,IAAI,kBAAE,CAAC,kBAAE,GAAG,kBAAE,GAAG,kBAAE,EAAE,kBAAE,IAAI,kBAAE,IAAI,kBAAE,IAAI,kBAAE,GAAG,kBAAE,EAAE,kBAAE,CAAC,kBAAE,GAAG,kBAAE,IAAI,kBAAE,CAAC,kBACpE,EAAE,kBAAE,EAAE,kBAAE,IAAI,kBAAE,CAAC,kBAAE,IAAI,kBAAE,KAAK,kBAAE,IAAI,kBAAE,MAAM,kBAAE,GAAG,kBAAE,GAAG,kBAAE,IAAI,kBAAE,CAAC,kBAAE,GAAG,kBAClE,IAAI,kBAAE,KAAK,kBAAE,GAAG,kBAAE,GAAG,kBAAE,KAAK,kBAAE,KAAK,kBACnC,KAAK,kBAAE,MAAM,kBAAE,MAAM,kBAAE,KAAK,kBAAE,OAAO,kBAAE,MAAM,kBAAE,MAAM,kBACrD,MAAM,kBAAE,QAAQ,kBAAE,MAAM,kBACxB,GAAG,kBAAE,GAAG,kBACR,OAAO,kBAAE,GAAG,kBAAE,QAAQ,kBAAE,KAAK,kBAAE,KAAK,kBAAE,EAAE,kBAAE,KAAK,kBAAE,EAAE,kBAAE,KAAK,kBAAE,EAAE,kBAC9D,MAAM,kBAAE,QAAQ,kBAAE,QAAQ,kBAAE,IAAI,kBAAE,KAAK,kBAAE,KAAK,kBAAE,MAAM,kBAAE,KAAK,kBAC7D,QAAQ,kBAAE,MAAM,kBAAE,MAAM,kBAAE,QAAQ,kBAAE,MAAM,kBAAE,QAAQ,kBACpD,OAAO,kBAAE,MAAM,kBAAE,IAAI,kBAAE,OAAO,kBAC9B,IAAI,kBAAE,QAAQ,kBACd,MAAM,kBAAE,SAAS,kBAAE,OAAO,kBAAE,OAAO,kBAAE,OAAO,kBAAE,WAAW,kBAAE,UAAU,kBAAE,UAAU,kBAAE,IAAI,kBAAE,OAAO,kBAAE,QAAQ,kBAC1G,OAAO,kBAAE,iBAAiB,kBAAE,iBAAiB,kBAAE,OAAO,kBAAE,UAAU,kBAAE,OAAO,kBAAE,WAAW,kBAAE,MAAM,kBAAE,SAAS,kBAC3G,SAAS,kBAAE,QAAQ,kBAAE,gBAAgB,kBAAE,UAAU,kBAAE,mBAAmB,kBAAE,gBAAgB,kBAAE,MAAM,kBAAE,SAAS,kBAC3G,UAAU,kBAAE,gBAAgB,kBAAE,sBAAsB,kBAAE,cAAc,kBAAE,mBAAmB,kBAAE,oBAAoB,kBAC/G,oBAAoB,kBAAE,UAAU,kBAAE,iBAAiB,kBAAE,eAAe,kBAAE,WAAW,kBAAE,qBAAqB,kBACxG,SAAS,kBAAE,eAAe,kBAC1B,QAAQ,kBAAE,MAAM,kBAAE,MAAM,kBAAE,MAAM,kBAAE,MAAM,kBAAE,SAAS,kBAAE,QAAQ,kBAAE,SAAS,kBAAE,SAAS,kBAAE,SAAS,kBAAE,QAAQ,kBAAE,QAAQ,kBAClH,UAAU,gBACU,CAAC;AACzB,eAAO,MAAM,EAAE,mBAAW,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,CAAC;AAGpB,eAAO,MAAM,GAAG,KAA4C,CAAC;AAC7D,eAAO,MAAM,KAAK,KAAoC,CAAC;AACvD,eAAO,MAAM,MAAM,KAAuC,CAAC;AAC3D,eAAO,MAAM,QAAQ,KAAoC,CAAC;AAC1D,eAAO,MAAM,WAAW,KAA+F,CAAC;AACxH,eAAO,MAAM,YAAY,KAAuG,CAAC;AACjI,eAAO,MAAM,QAAQ,KAA6C,CAAC;AACnE,eAAO,MAAM,QAAQ,KAAqC,CAAC;AAC3D,eAAO,MAAM,WAAW,KAAoC,CAAC;AAC7D,eAAO,MAAM,OAAO,KAAqC,CAAC;AAC1D,eAAO,MAAM,UAAU,KAA6C,CAAC;AACrE,eAAO,MAAM,QAAQ,KAA2C,CAAC;AACjE,eAAO,MAAM,SAAS,KAAwC,CAAC"}
+{"version":3,"file":"el.d.ts","sourceRoot":"","sources":["../src/el.ts"],"names":[],"mappings":"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"}

package/dist/el.js

@@ -66,6 +66,7 @@ __export(el_exports, {
   figure: () => figure,
   footer: () => footer,
   form: () => form,
+  frag: () => frag,
   fragment: () => fragment,
   getEl: () => getEl,
   getElClass: () => getElClass,
@@ -589,6 +590,22 @@ var {
   varElement
 } = elements;
 var el = elements;
+var frag = function(...children) {
+  const flatChildren = [];
+  for (let i2 = 0, len = children.length; i2 < len; i2++) {
+    const child = children[i2];
+    if (child == null || child === false) continue;
+    if (Array.isArray(child)) {
+      for (let j = 0, cLen = child.length; j < cLen; j++) {
+        const c = child[j];
+        c != null && c !== false && flatChildren.push(c);
+      }
+    } else {
+      flatChildren.push(child);
+    }
+  }
+  return { tagName: "", props: {}, children: flatChildren };
+};
 var doc = hasDocument ? document : void 0;
 var getEl = bindDocMethod(doc?.querySelector);
 var getEls = bindDocMethod(doc?.querySelectorAll);
@@ -650,6 +667,7 @@ var getElName = bindDocMethod(doc?.getElementsByName);
   figure,
   footer,
   form,
+  frag,
   fragment,
   getEl,
   getElClass,

package/dist/el.mjs

@@ -384,6 +384,22 @@ var {
   varElement
 } = elements;
 var el = elements;
+var frag = function(...children) {
+  const flatChildren = [];
+  for (let i2 = 0, len = children.length; i2 < len; i2++) {
+    const child = children[i2];
+    if (child == null || child === false) continue;
+    if (Array.isArray(child)) {
+      for (let j = 0, cLen = child.length; j < cLen; j++) {
+        const c = child[j];
+        c != null && c !== false && flatChildren.push(c);
+      }
+    } else {
+      flatChildren.push(child);
+    }
+  }
+  return { tagName: "", props: {}, children: flatChildren };
+};
 var doc = hasDocument ? document : void 0;
 var getEl = bindDocMethod(doc?.querySelector);
 var getEls = bindDocMethod(doc?.querySelectorAll);
@@ -444,6 +460,7 @@ export {
   figure,
   footer,
   form,
+  frag,
   fragment,
   getEl,
   getElClass,

package/dist/index.d.mts

@@ -2,7 +2,7 @@ export { BuildOptions, BuildResult, Child, Children, ClientConfig, DevServer, De
 export { DomNode, dom, mount, render, renderToString } from './dom.mjs';
 export { SharedState, batchRender, bindChecked, bindValue, cleanupUnused, computed, createSharedState, createState, createVirtualList, debounce, effect, lazy, reactive, reactiveAs, renderChunked, sharedStateManager, text, throttle } from './state.mjs';
 export { CSSRule, CSSVariable, ContainerRule, CreateStyle, FontFace, KeyframeStep, Keyframes, LayerRule, MediaRule, SupportsRule, addAttribute, addClass, addContainer, addId, addName, addPseudoClass, addPseudoElement, addStyle, addTag, addVar, adjacentSibling, attrContains, attrContainsWord, attrEndsWith, attrEquals, attrStartsWith, childStyle, clearStyle, container, descendant, fontFace, generalSibling, getVar, importStyle, important, injectStyle, keyframe, keyframeFromTo, layer, layerOrder, mediaDark, mediaLight, mediaMaxWidth, mediaMinWidth, mediaPrint, mediaReducedMotion, mediaScreen, mediaStyle, multipleStyle, nesting, renderStyle, default as styles, supportsStyle } from './style.mjs';
-export { a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, commentNode, createEl, createElementFactory, createMathEl, createSvgEl, data, datalist, dd, del, details, dfn, dialog, div, dl, doc, dt, el, elements, em, embed, fieldset, figcaption, figure, footer, form, fragment, getEl, getElClass, getElId, getElName, getElTag, getEls, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, mathMath, mathMfrac, mathMi, mathMn, mathMo, mathMroot, mathMrow, mathMs, mathMsqrt, mathMsub, mathMsup, mathMtext, menu, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, portal, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, slot, small, source, span, strong, style, sub, summary, sup, svgAnimate, svgAnimateMotion, svgAnimateTransform, svgCircle, svgClipPath, svgDefs, svgEllipse, svgFeBlend, svgFeColorMatrix, svgFeComponentTransfer, svgFeComposite, svgFeConvolveMatrix, svgFeDiffuseLighting, svgFeDisplacementMap, svgFeFlood, svgFeGaussianBlur, svgFeMorphology, svgFeOffset, svgFeSpecularLighting, svgFeTile, svgFeTurbulence, svgFilter, svgForeignObject, svgG, svgImage, svgLine, svgLinearGradient, svgMarker, svgMask, svgPath, svgPattern, svgPolygon, svgPolyline, svgRadialGradient, svgRect, svgSet, svgStop, svgSvg, svgSymbol, svgText, svgTspan, svgUse, table, tbody, td, template, textNode, textarea, tfoot, th, thead, time, title, tr, track, u, ul, varElement, video, wbr } from './el.mjs';
+export { a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, commentNode, createEl, createElementFactory, createMathEl, createSvgEl, data, datalist, dd, del, details, dfn, dialog, div, dl, doc, dt, el, elements, em, embed, fieldset, figcaption, figure, footer, form, frag, fragment, getEl, getElClass, getElId, getElName, getElTag, getEls, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, mathMath, mathMfrac, mathMi, mathMn, mathMo, mathMroot, mathMrow, mathMs, mathMsqrt, mathMsub, mathMsup, mathMtext, menu, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, portal, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, slot, small, source, span, strong, style, sub, summary, sup, svgAnimate, svgAnimateMotion, svgAnimateTransform, svgCircle, svgClipPath, svgDefs, svgEllipse, svgFeBlend, svgFeColorMatrix, svgFeComponentTransfer, svgFeComposite, svgFeConvolveMatrix, svgFeDiffuseLighting, svgFeDisplacementMap, svgFeFlood, svgFeGaussianBlur, svgFeMorphology, svgFeOffset, svgFeSpecularLighting, svgFeTile, svgFeTurbulence, svgFilter, svgForeignObject, svgG, svgImage, svgLine, svgLinearGradient, svgMarker, svgMask, svgPath, svgPattern, svgPolygon, svgPolyline, svgRadialGradient, svgRect, svgSet, svgStop, svgSvg, svgSymbol, svgText, svgTspan, svgUse, table, tbody, td, template, textNode, textarea, tfoot, th, thead, time, title, tr, track, u, ul, varElement, video, wbr } from './el.mjs';
 export { Route, RouteLocation, RouteParams, Router, RouterOptions, createRouter, createRouterView, routerLink } from './router.mjs';
 export { HMRClient, default as hmr } from './hmr.mjs';
 import 'node:events';

package/dist/index.js

@@ -103,6 +103,7 @@ __export(src_exports, {
   fontFace: () => fontFace,
   footer: () => footer,
   form: () => form,
+  frag: () => frag,
   fragment: () => fragment,
   generalSibling: () => generalSibling,
   getEl: () => getEl,
@@ -306,7 +307,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el2 = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {
@@ -1121,7 +1141,11 @@ var scheduleRAFUpdate = (rafId, updateFn) => {
 };
 var renderToFragment = (content, isVNode) => {
   const fragment2 = document.createDocumentFragment();
-  if (isVNode && content && typeof content === "object" && "tagName" in content) {
+  if (Array.isArray(content)) {
+    for (const child of content) {
+      dom.renderToDOM(child, fragment2);
+    }
+  } else if (isVNode && content && typeof content === "object" && "tagName" in content) {
     const { children } = content;
     for (const child of children) {
       dom.renderToDOM(child, fragment2);
@@ -1208,7 +1232,8 @@ var reactive = (state, renderFn) => {
       children: vnode.children
     };
   }
-  return { tagName: "span", props: { ref: refCallback }, children: [initialResult] };
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName: "span", props: { ref: refCallback, style: { display: "contents" } }, children: initialChildren };
 };
 var reactiveAs = (tagName, state, renderFn, props = {}) => {
   let rafId = null;
@@ -1234,7 +1259,9 @@ var reactiveAs = (tagName, state, renderFn, props = {}) => {
   const refCallback = (el2) => {
     elementRef = el2;
   };
-  return { tagName, props: { ...props, ref: refCallback }, children: [renderFn(state.value)] };
+  const initialResult = renderFn(state.value);
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName, props: { ...props, ref: refCallback }, children: initialChildren };
 };
 var text = (state) => state && state.value !== void 0 ? reactive(state, (v) => ({ tagName: "span", props: {}, children: [String(v)] })) : String(state);
 var bindValue = (state) => ({
@@ -2072,6 +2099,22 @@ var {
   varElement
 } = elements;
 var el = elements;
+var frag = function(...children) {
+  const flatChildren = [];
+  for (let i2 = 0, len = children.length; i2 < len; i2++) {
+    const child = children[i2];
+    if (child == null || child === false) continue;
+    if (Array.isArray(child)) {
+      for (let j = 0, cLen = child.length; j < cLen; j++) {
+        const c = child[j];
+        c != null && c !== false && flatChildren.push(c);
+      }
+    } else {
+      flatChildren.push(child);
+    }
+  }
+  return { tagName: "", props: {}, children: flatChildren };
+};
 var doc = hasDocument ? document : void 0;
 var getEl = bindDocMethod(doc?.querySelector);
 var getEls = bindDocMethod(doc?.querySelectorAll);
@@ -2173,7 +2216,20 @@ function createRouter(options) {
     if (match?.route.beforeEnter) {
       if (!executeGuard(match.route.beforeEnter, location2, currentRoute.value, navigate, replace)) return;
     }
-    const url = mode === "hash" ? "#" + path : base2 + path;
+    let urlPath = path;
+    let url;
+    if (mode === "hash") {
+      url = "#" + path;
+    } else {
+      const hasBaseSlash = base2.endsWith("/");
+      const hasPathSlash = path.startsWith("/");
+      if (hasBaseSlash && hasPathSlash) {
+        urlPath = path.slice(1);
+      } else if (!hasBaseSlash && !hasPathSlash && path !== "/") {
+        urlPath = "/" + path;
+      }
+      url = base2 + urlPath;
+    }
     if (replace) {
       window.history.replaceState({ path }, "", url);
     } else {
@@ -2195,6 +2251,7 @@ function createRouter(options) {
   }
   return {
     currentRoute,
+    mode,
     navigate,
     push: (path) => navigate(path, false),
     replace: (path) => navigate(path, true),
@@ -2230,11 +2287,12 @@ function createRouterView(router, options) {
   };
 }
 var routerLink = (router, props, ...children) => {
+  const href = router.mode === "hash" ? `#${props.to}` : props.to;
   return {
     tagName: "a",
     props: {
       ...props,
-      href: props.to,
+      href,
       onclick: (e) => {
         e.preventDefault();
         router.push(props.to);
@@ -2420,6 +2478,7 @@ var hmr_default = hmr;
   fontFace,
   footer,
   form,
+  frag,
   fragment,
   generalSibling,
   getEl,

package/dist/index.mjs

@@ -28,7 +28,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el2 = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {
@@ -843,7 +862,11 @@ var scheduleRAFUpdate = (rafId, updateFn) => {
 };
 var renderToFragment = (content, isVNode) => {
   const fragment2 = document.createDocumentFragment();
-  if (isVNode && content && typeof content === "object" && "tagName" in content) {
+  if (Array.isArray(content)) {
+    for (const child of content) {
+      dom.renderToDOM(child, fragment2);
+    }
+  } else if (isVNode && content && typeof content === "object" && "tagName" in content) {
     const { children } = content;
     for (const child of children) {
       dom.renderToDOM(child, fragment2);
@@ -930,7 +953,8 @@ var reactive = (state, renderFn) => {
       children: vnode.children
     };
   }
-  return { tagName: "span", props: { ref: refCallback }, children: [initialResult] };
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName: "span", props: { ref: refCallback, style: { display: "contents" } }, children: initialChildren };
 };
 var reactiveAs = (tagName, state, renderFn, props = {}) => {
   let rafId = null;
@@ -956,7 +980,9 @@ var reactiveAs = (tagName, state, renderFn, props = {}) => {
   const refCallback = (el2) => {
     elementRef = el2;
   };
-  return { tagName, props: { ...props, ref: refCallback }, children: [renderFn(state.value)] };
+  const initialResult = renderFn(state.value);
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName, props: { ...props, ref: refCallback }, children: initialChildren };
 };
 var text = (state) => state && state.value !== void 0 ? reactive(state, (v) => ({ tagName: "span", props: {}, children: [String(v)] })) : String(state);
 var bindValue = (state) => ({
@@ -1794,6 +1820,22 @@ var {
   varElement
 } = elements;
 var el = elements;
+var frag = function(...children) {
+  const flatChildren = [];
+  for (let i2 = 0, len = children.length; i2 < len; i2++) {
+    const child = children[i2];
+    if (child == null || child === false) continue;
+    if (Array.isArray(child)) {
+      for (let j = 0, cLen = child.length; j < cLen; j++) {
+        const c = child[j];
+        c != null && c !== false && flatChildren.push(c);
+      }
+    } else {
+      flatChildren.push(child);
+    }
+  }
+  return { tagName: "", props: {}, children: flatChildren };
+};
 var doc = hasDocument ? document : void 0;
 var getEl = bindDocMethod(doc?.querySelector);
 var getEls = bindDocMethod(doc?.querySelectorAll);
@@ -1895,7 +1937,20 @@ function createRouter(options) {
     if (match?.route.beforeEnter) {
       if (!executeGuard(match.route.beforeEnter, location2, currentRoute.value, navigate, replace)) return;
     }
-    const url = mode === "hash" ? "#" + path : base2 + path;
+    let urlPath = path;
+    let url;
+    if (mode === "hash") {
+      url = "#" + path;
+    } else {
+      const hasBaseSlash = base2.endsWith("/");
+      const hasPathSlash = path.startsWith("/");
+      if (hasBaseSlash && hasPathSlash) {
+        urlPath = path.slice(1);
+      } else if (!hasBaseSlash && !hasPathSlash && path !== "/") {
+        urlPath = "/" + path;
+      }
+      url = base2 + urlPath;
+    }
     if (replace) {
       window.history.replaceState({ path }, "", url);
     } else {
@@ -1917,6 +1972,7 @@ function createRouter(options) {
   }
   return {
     currentRoute,
+    mode,
     navigate,
     push: (path) => navigate(path, false),
     replace: (path) => navigate(path, true),
@@ -1952,11 +2008,12 @@ function createRouterView(router, options) {
   };
 }
 var routerLink = (router, props, ...children) => {
+  const href = router.mode === "hash" ? `#${props.to}` : props.to;
   return {
     tagName: "a",
     props: {
       ...props,
-      href: props.to,
+      href,
       onclick: (e) => {
         e.preventDefault();
         router.push(props.to);
@@ -2141,6 +2198,7 @@ export {
   fontFace,
   footer,
   form,
+  frag,
   fragment,
   generalSibling,
   getEl,

package/dist/router.d.mts

@@ -30,6 +30,7 @@ interface RouterOptions {
 }
 interface Router {
     currentRoute: State<RouteLocation>;
+    mode: 'history' | 'hash';
     navigate: (path: string, replace?: boolean) => void;
     push: (path: string) => void;
     replace: (path: string) => void;

package/dist/router.d.ts

@@ -24,6 +24,7 @@ export interface RouterOptions {
 }
 export interface Router {
     currentRoute: State<RouteLocation>;
+    mode: 'history' | 'hash';
     navigate: (path: string, replace?: boolean) => void;
     push: (path: string) => void;
     replace: (path: string) => void;

package/dist/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,KAAK,GAAG,KAAK,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAC5F;AAED,MAAM,WAAW,WAAW;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,KAAK,GAAG,KAAK,CAAC;CACrD;AAED,MAAM,WAAW,MAAM;IACnB,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxG,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AA6DD,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAiG3D;AAGD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,MAAM,KAAK,CAoBpF;AAGD,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,EAAE,OAAO,KAAK,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,UAAU,KAAK,EAAE,KAAG,KAahG,CAAC"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,KAAK,GAAG,KAAK,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAC5F;AAED,MAAM,WAAW,WAAW;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,KAAK,GAAG,KAAK,CAAC;CACrD;AAED,MAAM,WAAW,MAAM;IACnB,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxG,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AA6DD,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAkH3D;AAGD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,MAAM,KAAK,CAoBpF;AAGD,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,EAAE,OAAO,KAAK,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,UAAU,KAAK,EAAE,KAAG,KAgBhG,CAAC"}

package/dist/router.js

@@ -56,7 +56,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {
@@ -753,7 +772,20 @@ function createRouter(options) {
     if (match?.route.beforeEnter) {
       if (!executeGuard(match.route.beforeEnter, location, currentRoute.value, navigate, replace)) return;
     }
-    const url = mode === "hash" ? "#" + path : base + path;
+    let urlPath = path;
+    let url;
+    if (mode === "hash") {
+      url = "#" + path;
+    } else {
+      const hasBaseSlash = base.endsWith("/");
+      const hasPathSlash = path.startsWith("/");
+      if (hasBaseSlash && hasPathSlash) {
+        urlPath = path.slice(1);
+      } else if (!hasBaseSlash && !hasPathSlash && path !== "/") {
+        urlPath = "/" + path;
+      }
+      url = base + urlPath;
+    }
     if (replace) {
       window.history.replaceState({ path }, "", url);
     } else {
@@ -775,6 +807,7 @@ function createRouter(options) {
   }
   return {
     currentRoute,
+    mode,
     navigate,
     push: (path) => navigate(path, false),
     replace: (path) => navigate(path, true),
@@ -810,11 +843,12 @@ function createRouterView(router, options) {
   };
 }
 var routerLink = (router, props, ...children) => {
+  const href = router.mode === "hash" ? `#${props.to}` : props.to;
   return {
     tagName: "a",
     props: {
       ...props,
-      href: props.to,
+      href,
       onclick: (e) => {
         e.preventDefault();
         router.push(props.to);

package/dist/router.mjs

@@ -28,7 +28,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {
@@ -725,7 +744,20 @@ function createRouter(options) {
     if (match?.route.beforeEnter) {
       if (!executeGuard(match.route.beforeEnter, location, currentRoute.value, navigate, replace)) return;
     }
-    const url = mode === "hash" ? "#" + path : base + path;
+    let urlPath = path;
+    let url;
+    if (mode === "hash") {
+      url = "#" + path;
+    } else {
+      const hasBaseSlash = base.endsWith("/");
+      const hasPathSlash = path.startsWith("/");
+      if (hasBaseSlash && hasPathSlash) {
+        urlPath = path.slice(1);
+      } else if (!hasBaseSlash && !hasPathSlash && path !== "/") {
+        urlPath = "/" + path;
+      }
+      url = base + urlPath;
+    }
     if (replace) {
       window.history.replaceState({ path }, "", url);
     } else {
@@ -747,6 +779,7 @@ function createRouter(options) {
   }
   return {
     currentRoute,
+    mode,
     navigate,
     push: (path) => navigate(path, false),
     replace: (path) => navigate(path, true),
@@ -782,11 +815,12 @@ function createRouterView(router, options) {
   };
 }
 var routerLink = (router, props, ...children) => {
+  const href = router.mode === "hash" ? `#${props.to}` : props.to;
   return {
     tagName: "a",
     props: {
       ...props,
-      href: props.to,
+      href,
       onclick: (e) => {
         e.preventDefault();
         router.push(props.to);

package/dist/{server-Dyam9FBy.d.ts → server-BG2CaVMh.d.ts}

@@ -11,7 +11,7 @@ interface VNode {
     props: Props;
     children: Children;
 }
-type Child = VNode | string | number | boolean | null | undefined;
+type Child = VNode | string | number | boolean | null | undefined | Child[];
 type Children = Child[];
 interface Props {
     [key: string]: any;

package/dist/{server-U0JYnJFs.d.mts → server-Cz3z-5ls.d.mts}

@@ -11,7 +11,7 @@ interface VNode {
     props: Props;
     children: Children;
 }
-type Child = VNode | string | number | boolean | null | undefined;
+type Child = VNode | string | number | boolean | null | undefined | Child[];
 type Children = Child[];
 interface Props {
     [key: string]: any;

package/dist/server.d.mts

@@ -1,6 +1,6 @@
 import './http.mjs';
 import './ws.mjs';
-export { E as ElitRequest, b as ElitResponse, H as HttpMethod, M as Middleware, S as ServerRouteContext, c as ServerRouteHandler, d as ServerRouter, u as SharedState, q as SharedStateOptions, p as StateChangeHandler, v as StateManager, i as bodyLimit, k as cacheControl, e as clearImportMapCache, m as compress, f as cors, w as createDevServer, o as createProxyHandler, g as errorHandler, h as html, j as json, l as logger, r as rateLimit, n as security, s as status, t as text } from './server-U0JYnJFs.mjs';
+export { E as ElitRequest, b as ElitResponse, H as HttpMethod, M as Middleware, S as ServerRouteContext, c as ServerRouteHandler, d as ServerRouter, u as SharedState, q as SharedStateOptions, p as StateChangeHandler, v as StateManager, i as bodyLimit, k as cacheControl, e as clearImportMapCache, m as compress, f as cors, w as createDevServer, o as createProxyHandler, g as errorHandler, h as html, j as json, l as logger, r as rateLimit, n as security, s as status, t as text } from './server-Cz3z-5ls.mjs';
 import 'node:events';
 import 'events';
 import 'http';

package/dist/server.js

@@ -2070,7 +2070,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {

package/dist/server.mjs

@@ -2044,7 +2044,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {

package/dist/state.d.mts

@@ -102,8 +102,8 @@ declare class SharedStateManager {
     clear(): void;
 }
 declare const sharedStateManager: SharedStateManager;
-declare const reactive: <T>(state: State<T>, renderFn: (value: T) => VNode | Child) => VNode;
-declare const reactiveAs: <T>(tagName: string, state: State<T>, renderFn: (value: T) => VNode | Child, props?: Props) => VNode;
+declare const reactive: <T>(state: State<T>, renderFn: (value: T) => VNode | Child | Child[]) => VNode;
+declare const reactiveAs: <T>(tagName: string, state: State<T>, renderFn: (value: T) => VNode | Child | Child[], props?: Props) => VNode;
 declare const text: (state: State<any> | any) => VNode | string;
 declare const bindValue: <T extends string | number>(state: State<T>) => Props;
 declare const bindChecked: (state: State<boolean>) => Props;

package/dist/state.d.ts

@@ -96,8 +96,8 @@ declare class SharedStateManager {
     clear(): void;
 }
 export declare const sharedStateManager: SharedStateManager;
-export declare const reactive: <T>(state: State<T>, renderFn: (value: T) => VNode | Child) => VNode;
-export declare const reactiveAs: <T>(tagName: string, state: State<T>, renderFn: (value: T) => VNode | Child, props?: Props) => VNode;
+export declare const reactive: <T>(state: State<T>, renderFn: (value: T) => VNode | Child | Child[]) => VNode;
+export declare const reactiveAs: <T>(tagName: string, state: State<T>, renderFn: (value: T) => VNode | Child | Child[], props?: Props) => VNode;
 export declare const text: (state: State<any> | any) => VNode | string;
 export declare const bindValue: <T extends string | number>(state: State<T>) => Props;
 export declare const bindChecked: (state: State<boolean>) => Props;

package/dist/state.d.ts.map

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

package/dist/state.js

@@ -71,7 +71,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {
@@ -885,7 +904,11 @@ var scheduleRAFUpdate = (rafId, updateFn) => {
 };
 var renderToFragment = (content, isVNode) => {
   const fragment = document.createDocumentFragment();
-  if (isVNode && content && typeof content === "object" && "tagName" in content) {
+  if (Array.isArray(content)) {
+    for (const child of content) {
+      dom.renderToDOM(child, fragment);
+    }
+  } else if (isVNode && content && typeof content === "object" && "tagName" in content) {
     const { children } = content;
     for (const child of children) {
       dom.renderToDOM(child, fragment);
@@ -972,7 +995,8 @@ var reactive = (state, renderFn) => {
       children: vnode.children
     };
   }
-  return { tagName: "span", props: { ref: refCallback }, children: [initialResult] };
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName: "span", props: { ref: refCallback, style: { display: "contents" } }, children: initialChildren };
 };
 var reactiveAs = (tagName, state, renderFn, props = {}) => {
   let rafId = null;
@@ -998,7 +1022,9 @@ var reactiveAs = (tagName, state, renderFn, props = {}) => {
   const refCallback = (el) => {
     elementRef = el;
   };
-  return { tagName, props: { ...props, ref: refCallback }, children: [renderFn(state.value)] };
+  const initialResult = renderFn(state.value);
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName, props: { ...props, ref: refCallback }, children: initialChildren };
 };
 var text = (state) => state && state.value !== void 0 ? reactive(state, (v) => ({ tagName: "span", props: {}, children: [String(v)] })) : String(state);
 var bindValue = (state) => ({

package/dist/state.mjs

@@ -28,7 +28,26 @@ var DomNode = class {
       parent.appendChild(document.createTextNode(String(vNode)));
       return;
     }
+    if (Array.isArray(vNode)) {
+      for (const child of vNode) {
+        this.renderToDOM(child, parent);
+      }
+      return;
+    }
     const { tagName, props, children } = vNode;
+    if (!tagName) {
+      for (const child of children) {
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (const c of child) {
+            !shouldSkipChild(c) && this.renderToDOM(c, parent);
+          }
+        } else {
+          this.renderToDOM(child, parent);
+        }
+      }
+      return;
+    }
     const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
     const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
     for (const key in props) {
@@ -842,7 +861,11 @@ var scheduleRAFUpdate = (rafId, updateFn) => {
 };
 var renderToFragment = (content, isVNode) => {
   const fragment = document.createDocumentFragment();
-  if (isVNode && content && typeof content === "object" && "tagName" in content) {
+  if (Array.isArray(content)) {
+    for (const child of content) {
+      dom.renderToDOM(child, fragment);
+    }
+  } else if (isVNode && content && typeof content === "object" && "tagName" in content) {
     const { children } = content;
     for (const child of children) {
       dom.renderToDOM(child, fragment);
@@ -929,7 +952,8 @@ var reactive = (state, renderFn) => {
       children: vnode.children
     };
   }
-  return { tagName: "span", props: { ref: refCallback }, children: [initialResult] };
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName: "span", props: { ref: refCallback, style: { display: "contents" } }, children: initialChildren };
 };
 var reactiveAs = (tagName, state, renderFn, props = {}) => {
   let rafId = null;
@@ -955,7 +979,9 @@ var reactiveAs = (tagName, state, renderFn, props = {}) => {
   const refCallback = (el) => {
     elementRef = el;
   };
-  return { tagName, props: { ...props, ref: refCallback }, children: [renderFn(state.value)] };
+  const initialResult = renderFn(state.value);
+  const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+  return { tagName, props: { ...props, ref: refCallback }, children: initialChildren };
 };
 var text = (state) => state && state.value !== void 0 ? reactive(state, (v) => ({ tagName: "span", props: {}, children: [String(v)] })) : String(state);
 var bindValue = (state) => ({

package/dist/types.d.mts

@@ -235,7 +235,7 @@ interface VNode {
     props: Props;
     children: Children;
 }
-type Child = VNode | string | number | boolean | null | undefined;
+type Child = VNode | string | number | boolean | null | undefined | Child[];
 type Children = Child[];
 interface Props {
     [key: string]: any;

package/dist/types.d.ts

@@ -6,7 +6,7 @@ export interface VNode {
     props: Props;
     children: Children;
 }
-export type Child = VNode | string | number | boolean | null | undefined;
+export type Child = VNode | string | number | boolean | null | undefined | Child[];
 export type Children = Child[];
 export interface Props {
     [key: string]: any;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,KAAK;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;CACtB;AAED,MAAM,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,EAAE,CAAC;AACnF,MAAM,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;AAE/B,MAAM,WAAW,KAAK;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,MAAM,CAAC;IAC9C,uBAAuB,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,GAAG,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,KAAK,IAAI,CAAC;AAEtE,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,KAAK,CAAC,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAC9C,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAGD,MAAM,WAAW,QAAQ;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACvE;AAGD,MAAM,MAAM,SAAS,GAAG;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;CAC/D,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAGrC,MAAM,MAAM,cAAc,GAAG;IACzB,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC9B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;CACtD,CAAC;AAIF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAG1C,MAAM,MAAM,MAAM,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AAE3D,MAAM,WAAW,YAAY;IACzB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAC;IAC3B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wFAAwF;IACxF,IAAI,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IACxB,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,gCAAgC;IAChC,EAAE,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IACzB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC7B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,wFAAwF;IACxF,IAAI,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,SAAS;IACtB,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,GAAG,EAAE,eAAe,CAAC;IACrB,iBAAiB;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,uBAAuB;IACvB,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,WAAW,YAAY;IACzB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1G,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAChC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE;QACN,8CAA8C;QAC9C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAClC,CAAC;IACF,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1G,sBAAsB;IACtB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9D;AAED,MAAM,WAAW,WAAW;IACxB,uBAAuB;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;CAChB;AAID,MAAM,WAAW,cAAc;IAC3B,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elit",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "description": "Optimized lightweight library for creating DOM elements with reactive state",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/dom.ts

@@ -47,12 +47,42 @@ export class DomNode {
     renderToDOM(vNode: Child, parent: HTMLElement | SVGElement | DocumentFragment): void {
         if (vNode == null || vNode === false) return;
 
+        // Handle primitive values (strings, numbers)
         if (typeof vNode !== 'object') {
             parent.appendChild(document.createTextNode(String(vNode)));
             return;
         }
 
+        // Handle arrays (Child[])
+        if (Array.isArray(vNode)) {
+            for (const child of vNode) {
+                this.renderToDOM(child, parent);
+            }
+            return;
+        }
+
+        // Handle VNode
         const { tagName, props, children } = vNode;
+
+        // Handle fragment (empty tagName) - render children directly to parent
+        if (!tagName) {
+            // Fragments don't have their own element, so skip ref handling
+            // The ref will be handled by the wrapper element created by reactive()
+            // Render children directly to parent
+            for (const child of children) {
+                if (shouldSkipChild(child)) continue;
+
+                if (Array.isArray(child)) {
+                    for (const c of child) {
+                        !shouldSkipChild(c) && this.renderToDOM(c, parent);
+                    }
+                } else {
+                    this.renderToDOM(child, parent);
+                }
+            }
+            return;
+        }
+
         const isSVG = tagName === 'svg' || (tagName[0] === 's' && tagName[1] === 'v' && tagName[2] === 'g') ||
             (parent as any).namespaceURI === 'http://www.w3.org/2000/svg';
 

package/src/el.ts

@@ -147,6 +147,25 @@ export const {
 export const el = elements;
 // Export elements object for dynamic access
 export { elements };
+// Fragment element factory - groups children without a wrapper element
+// Similar to React's Fragment: <><div>1</div><div>2</div></>
+export const frag: ElementFactory = function(...children: Child[]): VNode {
+    const flatChildren: Child[] = [];
+    for (let i = 0, len = children.length; i < len; i++) {
+        const child = children[i];
+        if (child == null || child === false) continue;
+
+        if (Array.isArray(child)) {
+            for (let j = 0, cLen = child.length; j < cLen; j++) {
+                const c = child[j];
+                c != null && c !== false && flatChildren.push(c);
+            }
+        } else {
+            flatChildren.push(child);
+        }
+    }
+    return { tagName: '', props: {}, children: flatChildren };
+} as ElementFactory;
 
 // DOM utility functions - Shorthand helpers for common document operations
 export const doc = hasDocument ? document : undefined as any;

package/src/router.ts

@@ -31,6 +31,7 @@ export interface RouterOptions {
 
 export interface Router {
     currentRoute: State<RouteLocation>;
+    mode: 'history' | 'hash';
     navigate: (path: string, replace?: boolean) => void;
     push: (path: string) => void;
     replace: (path: string) => void;
@@ -157,7 +158,23 @@ export function createRouter(options: RouterOptions): Router {
             if (!executeGuard(match.route.beforeEnter, location, currentRoute.value, navigate, replace)) return;
         }
 
-        const url = mode === 'hash' ? '#' + path : base + path;
+        // Remove leading slash from path if base has trailing slash, or add slash if needed
+        let urlPath = path;
+        let url: string;
+        if (mode === 'hash') {
+            url = '#' + path;
+        } else {
+            // Ensure proper path joining
+            const hasBaseSlash = base.endsWith('/');
+            const hasPathSlash = path.startsWith('/');
+            if (hasBaseSlash && hasPathSlash) {
+                urlPath = path.slice(1); // Remove duplicate slash
+            } else if (!hasBaseSlash && !hasPathSlash && path !== '/') {
+                urlPath = '/' + path; // Add slash between
+            }
+            url = base + urlPath;
+        }
+
         if (replace) {
             window.history.replaceState({ path }, '', url);
         } else {
@@ -183,6 +200,7 @@ export function createRouter(options: RouterOptions): Router {
 
     return {
         currentRoute,
+        mode,
         navigate,
         push: (path: string) => navigate(path, false),
         replace: (path: string) => navigate(path, true),
@@ -224,11 +242,14 @@ export function createRouterView(router: Router, options: RouterOptions): () =>
 
 // Link component - prevents default and uses router
 export const routerLink = (router: Router, props: Props & { to: string }, ...children: Child[]): VNode => {
+    // Use router.mode to determine href format
+    const href = router.mode === 'hash' ? `#${props.to}` : props.to;
+
     return {
         tagName: 'a',
         props: {
             ...props,
-            href: props.to,
+            href,
             onclick: (e: MouseEvent) => {
                 e.preventDefault();
                 router.push(props.to);

package/src/state.ts

@@ -307,10 +307,15 @@ const scheduleRAFUpdate = (rafId: number | null, updateFn: () => void): number =
 };
 
 // Helper function to render content to fragment (reused in reactive and reactiveAs)
-const renderToFragment = (content: VNode | Child, isVNode?: boolean): DocumentFragment => {
+const renderToFragment = (content: VNode | Child | Child[], isVNode?: boolean): DocumentFragment => {
     const fragment = document.createDocumentFragment();
 
-    if (isVNode && content && typeof content === 'object' && 'tagName' in content) {
+    if (Array.isArray(content)) {
+        // Handle array of children
+        for (const child of content) {
+            dom.renderToDOM(child, fragment);
+        }
+    } else if (isVNode && content && typeof content === 'object' && 'tagName' in content) {
         const { children } = content as VNode;
         for (const child of children) {
             dom.renderToDOM(child, fragment);
@@ -344,7 +349,7 @@ const updateElementProps = (element: HTMLElement | SVGElement, props: Props): vo
 };
 
 // Reactive element helpers
-export const reactive = <T>(state: State<T>, renderFn: (value: T) => VNode | Child): VNode => {
+export const reactive = <T>(state: State<T>, renderFn: (value: T) => VNode | Child | Child[]): VNode => {
     let rafId: number | null = null;
     let elementRef: HTMLElement | SVGElement | null = null;
     let placeholder: Comment | null = null;
@@ -379,7 +384,7 @@ export const reactive = <T>(state: State<T>, renderFn: (value: T) => VNode | Chi
                     const { props } = newResult as VNode;
                     updateElementProps(elementRef, props);
                 }
-                const fragment = renderToFragment(newResult, isCurrentVNode);
+                const fragment = renderToFragment(newResult as any, isCurrentVNode);
                 elementRef.textContent = '';
                 elementRef.appendChild(fragment);
                 dom.getElementCache().set(elementRef, true);
@@ -412,14 +417,18 @@ export const reactive = <T>(state: State<T>, renderFn: (value: T) => VNode | Chi
         };
     }
 
-    return { tagName: 'span', props: { ref: refCallback }, children: [initialResult] };
+    // Handle array result - wrap in fragment-like VNode
+    const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+
+    // Use span with display: contents as wrapper (doesn't affect layout)
+    return { tagName: 'span', props: { ref: refCallback, style: { display: 'contents' } }, children: initialChildren };
 };
 
 // Reactive element with custom wrapper tag
 export const reactiveAs = <T>(
     tagName: string,
     state: State<T>,
-    renderFn: (value: T) => VNode | Child,
+    renderFn: (value: T) => VNode | Child | Child[],
     props: Props = {}
 ): VNode => {
     let rafId: number | null = null;
@@ -435,7 +444,7 @@ export const reactiveAs = <T>(
                     elementRef.textContent = '';
                 } else {
                     (elementRef as HTMLElement).style.display = '';
-                    const fragment = renderToFragment(newResult, false);
+                    const fragment = renderToFragment(newResult as any, false);
                     elementRef.textContent = '';
                     elementRef.appendChild(fragment);
                 }
@@ -449,7 +458,10 @@ export const reactiveAs = <T>(
         elementRef = el;
     };
 
-    return { tagName, props: { ...props, ref: refCallback }, children: [renderFn(state.value)] };
+    const initialResult = renderFn(state.value);
+    const initialChildren = Array.isArray(initialResult) ? initialResult : [initialResult];
+
+    return { tagName, props: { ...props, ref: refCallback }, children: initialChildren };
 };
 
 export const text = (state: State<any> | any): VNode | string =>

package/src/types.ts

@@ -8,7 +8,7 @@ export interface VNode {
     children: Children;
 }
 
-export type Child = VNode | string | number | boolean | null | undefined;
+export type Child = VNode | string | number | boolean | null | undefined | Child[];
 export type Children = Child[];
 
 export interface Props {