@lundal/zed-solid 0.0.15 → 0.0.17

package/dist/Button.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type ButtonProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Card.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type CardProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/CheckBox.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type CheckBoxProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/CheckBoxes.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 type Option = {
     label: string;
     value: boolean;

package/dist/Column.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type ColumnProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Dialog.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type DialogProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Field.d.ts

@@ -1,5 +1,4 @@
 import { Accessor, JSX } from 'solid-js';
-
 type ExtraProps = {
     id: string;
     invalid: boolean;

package/dist/Form.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type FormProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Header.d.ts

@@ -1,10 +1,10 @@
 import { JSX } from 'solid-js';
-
 export type HeaderProps = {
     class?: string;
     style?: JSX.CSSProperties;
     appIcon: JSX.Element;
     appName: string;
+    buttons?: JSX.Element;
     children?: JSX.Element;
 };
 export declare function Header(props: HeaderProps): JSX.Element;

package/dist/Headings.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type HeadingProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Icon.d.ts

@@ -1,6 +1,5 @@
-import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import { JSX } from 'solid-js';
-
+import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 export type IconProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/IconButton.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type IconButtonProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Link.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type LinkProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Message.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type MessageProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Nav.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type NavProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/{NavHeader.d.ts → NavHeading.d.ts}

@@ -1,8 +1,7 @@
 import { JSX } from 'solid-js';
-
-export type NavHeaderProps = {
+export type NavHeadingProps = {
     class?: string;
     style?: JSX.CSSProperties;
     children: JSX.Element;
 };
-export declare function NavHeader(props: NavHeaderProps): JSX.Element;
+export declare function NavHeading(props: NavHeadingProps): JSX.Element;

package/dist/NavLink.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type NavLinkProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Page.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type PageProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/RadioButtons.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 type Option<T> = {
     label: string;
     value: T;

package/dist/Row.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type RowProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/Select.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 type Option<T> = {
     label: string;
     value: T;

package/dist/Spinner.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type SpinnerProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/TextBox.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'solid-js';
-
 export type TextBoxProps = {
     class?: string;
     style?: JSX.CSSProperties;

package/dist/example.d.ts

@@ -1 +0,0 @@
-

package/dist/{style.css → index.css}

@@ -349,7 +349,7 @@ dialog:focus-visible {
   font-weight: 500;
 }
 
-.z-nav--header {
+.z-nav--heading {
   padding: 24px 24px 12px 24px;
 }
 

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from './Button.tsx';
 export * from './Card.tsx';
 export * from './CheckBox.tsx';
@@ -14,7 +13,7 @@ export * from './IconButton.tsx';
 export * from './Link.tsx';
 export * from './Message.tsx';
 export * from './Nav.tsx';
-export * from './NavHeader.tsx';
+export * from './NavHeading.tsx';
 export * from './NavLink.tsx';
 export * from './Page.tsx';
 export * from './RadioButtons.tsx';

package/dist/index.js

@@ -1,4 +1,4 @@
-import './style.css';
+import './index.css';
 import "@fontsource/inter/400.css";
 import "@fontsource/inter/500.css";
 import { sharedConfig, createRenderEffect, untrack, createComponent, For, createMemo, createSignal, onMount, onCleanup } from "solid-js";
@@ -17,12 +17,10 @@ function reconcileArrays(parentNode, a, b) {
     }
     if (aEnd === aStart) {
       const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after;
-      while (bStart < bEnd)
-        parentNode.insertBefore(b[bStart++], node);
+      while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
     } else if (bEnd === bStart) {
       while (aStart < aEnd) {
-        if (!map || !map.has(a[aStart]))
-          a[aStart].remove();
+        if (!map || !map.has(a[aStart])) a[aStart].remove();
         aStart++;
       }
     } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
@@ -34,40 +32,34 @@ function reconcileArrays(parentNode, a, b) {
       if (!map) {
         map = /* @__PURE__ */ new Map();
         let i = bStart;
-        while (i < bEnd)
-          map.set(b[i], i++);
+        while (i < bEnd) map.set(b[i], i++);
       }
       const index = map.get(a[aStart]);
       if (index != null) {
         if (bStart < index && index < bEnd) {
           let i = aStart, sequence = 1, t;
           while (++i < aEnd && i < bEnd) {
-            if ((t = map.get(a[i])) == null || t !== index + sequence)
-              break;
+            if ((t = map.get(a[i])) == null || t !== index + sequence) break;
             sequence++;
           }
           if (sequence > index - bStart) {
             const node = a[aStart];
-            while (bStart < index)
-              parentNode.insertBefore(b[bStart++], node);
-          } else
-            parentNode.replaceChild(b[bStart++], a[aStart++]);
-        } else
-          aStart++;
-      } else
-        a[aStart++].remove();
+            while (bStart < index) parentNode.insertBefore(b[bStart++], node);
+          } else parentNode.replaceChild(b[bStart++], a[aStart++]);
+        } else aStart++;
+      } else a[aStart++].remove();
     }
   }
 }
 const $$EVENTS = "_$DX_DELEGATE";
-function template(html, isCE, isSVG) {
+function template(html, isImportNode, isSVG) {
   let node;
   const create = () => {
     const t = document.createElement("template");
     t.innerHTML = html;
     return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
   };
-  const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
+  const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
   fn.cloneNode = fn;
   return fn;
 }
@@ -82,27 +74,19 @@ function delegateEvents(eventNames, document2 = window.document) {
   }
 }
 function setAttribute(node, name, value) {
-  if (!!sharedConfig.context && node.isConnected)
-    return;
-  if (value == null)
-    node.removeAttribute(name);
-  else
-    node.setAttribute(name, value);
+  if (isHydrating(node)) return;
+  if (value == null) node.removeAttribute(name);
+  else node.setAttribute(name, value);
 }
 function className(node, value) {
-  if (!!sharedConfig.context && node.isConnected)
-    return;
-  if (value == null)
-    node.removeAttribute("class");
-  else
-    node.className = value;
+  if (isHydrating(node)) return;
+  if (value == null) node.removeAttribute("class");
+  else node.className = value;
 }
 function style(node, value, prev) {
-  if (!value)
-    return prev ? setAttribute(node, "style") : value;
+  if (!value) return prev ? setAttribute(node, "style") : value;
   const nodeStyle = node.style;
-  if (typeof value === "string")
-    return nodeStyle.cssText = value;
+  if (typeof value === "string") return nodeStyle.cssText = value;
   typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
   prev || (prev = {});
   value || (value = {});
@@ -124,87 +108,103 @@ function use(fn, element, arg) {
   return untrack(() => fn(element, arg));
 }
 function insert(parent, accessor, marker, initial) {
-  if (marker !== void 0 && !initial)
-    initial = [];
-  if (typeof accessor !== "function")
-    return insertExpression(parent, accessor, initial, marker);
+  if (marker !== void 0 && !initial) initial = [];
+  if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
   createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial);
 }
+function isHydrating(node) {
+  return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected);
+}
 function eventHandler(e) {
-  const key = `$$${e.type}`;
-  let node = e.composedPath && e.composedPath()[0] || e.target;
-  if (e.target !== node) {
-    Object.defineProperty(e, "target", {
-      configurable: true,
-      value: node
-    });
+  if (sharedConfig.registry && sharedConfig.events) {
+    if (sharedConfig.events.find(([el, ev]) => ev === e)) return;
   }
-  Object.defineProperty(e, "currentTarget", {
+  let node = e.target;
+  const key = `$$${e.type}`;
+  const oriTarget = e.target;
+  const oriCurrentTarget = e.currentTarget;
+  const retarget = (value) => Object.defineProperty(e, "target", {
     configurable: true,
-    get() {
-      return node || document;
-    }
+    value
   });
-  if (sharedConfig.registry && !sharedConfig.done)
-    sharedConfig.done = _$HY.done = true;
-  while (node) {
+  const handleNode = () => {
     const handler = node[key];
     if (handler && !node.disabled) {
       const data = node[`${key}Data`];
       data !== void 0 ? handler.call(node, data, e) : handler.call(node, e);
-      if (e.cancelBubble)
-        return;
+      if (e.cancelBubble) return;
     }
-    node = node._$host || node.parentNode || node.host;
-  }
+    node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host);
+    return true;
+  };
+  const walkUpTree = () => {
+    while (handleNode() && (node = node._$host || node.parentNode || node.host)) ;
+  };
+  Object.defineProperty(e, "currentTarget", {
+    configurable: true,
+    get() {
+      return node || document;
+    }
+  });
+  if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true;
+  if (e.composedPath) {
+    const path = e.composedPath();
+    retarget(path[0]);
+    for (let i = 0; i < path.length - 2; i++) {
+      node = path[i];
+      if (!handleNode()) break;
+      if (node._$host) {
+        node = node._$host;
+        walkUpTree();
+        break;
+      }
+      if (node.parentNode === oriCurrentTarget) {
+        break;
+      }
+    }
+  } else walkUpTree();
+  retarget(oriTarget);
 }
 function insertExpression(parent, value, current, marker, unwrapArray) {
-  const hydrating = !!sharedConfig.context && parent.isConnected;
+  const hydrating = isHydrating(parent);
   if (hydrating) {
     !current && (current = [...parent.childNodes]);
     let cleaned = [];
     for (let i = 0; i < current.length; i++) {
       const node = current[i];
-      if (node.nodeType === 8 && node.data.slice(0, 2) === "!$")
-        node.remove();
-      else
-        cleaned.push(node);
+      if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();
+      else cleaned.push(node);
     }
     current = cleaned;
   }
-  while (typeof current === "function")
-    current = current();
-  if (value === current)
-    return current;
+  while (typeof current === "function") current = current();
+  if (value === current) return current;
   const t = typeof value, multi = marker !== void 0;
   parent = multi && current[0] && current[0].parentNode || parent;
   if (t === "string" || t === "number") {
-    if (hydrating)
-      return current;
-    if (t === "number")
+    if (hydrating) return current;
+    if (t === "number") {
       value = value.toString();
+      if (value === current) return current;
+    }
     if (multi) {
       let node = current[0];
       if (node && node.nodeType === 3) {
         node.data !== value && (node.data = value);
-      } else
-        node = document.createTextNode(value);
+      } else node = document.createTextNode(value);
       current = cleanChildren(parent, current, marker, node);
     } else {
       if (current !== "" && typeof current === "string") {
         current = parent.firstChild.data = value;
-      } else
-        current = parent.textContent = value;
+      } else current = parent.textContent = value;
     }
   } else if (value == null || t === "boolean") {
-    if (hydrating)
-      return current;
+    if (hydrating) return current;
     current = cleanChildren(parent, current, marker);
   } else if (t === "function") {
     createRenderEffect(() => {
       let v = value();
-      while (typeof v === "function")
-        v = v();
+      while (typeof v === "function") v = v();
       current = insertExpression(parent, v, current, marker);
     });
     return () => current;
@@ -216,60 +216,50 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       return () => current;
     }
     if (hydrating) {
-      if (!array.length)
-        return current;
-      if (marker === void 0)
-        return [...parent.childNodes];
+      if (!array.length) return current;
+      if (marker === void 0) return current = [...parent.childNodes];
       let node = array[0];
-      let nodes = [node];
-      while ((node = node.nextSibling) !== marker)
-        nodes.push(node);
+      if (node.parentNode !== parent) return current;
+      const nodes = [node];
+      while ((node = node.nextSibling) !== marker) nodes.push(node);
       return current = nodes;
     }
     if (array.length === 0) {
       current = cleanChildren(parent, current, marker);
-      if (multi)
-        return current;
+      if (multi) return current;
     } else if (currentArray) {
       if (current.length === 0) {
         appendNodes(parent, array, marker);
-      } else
-        reconcileArrays(parent, current, array);
+      } else reconcileArrays(parent, current, array);
     } else {
       current && cleanChildren(parent);
       appendNodes(parent, array);
     }
     current = array;
   } else if (value.nodeType) {
-    if (hydrating && value.parentNode)
-      return current = multi ? [value] : value;
+    if (hydrating && value.parentNode) return current = multi ? [value] : value;
     if (Array.isArray(current)) {
-      if (multi)
-        return current = cleanChildren(parent, current, marker, value);
+      if (multi) return current = cleanChildren(parent, current, marker, value);
       cleanChildren(parent, current, null, value);
     } else if (current == null || current === "" || !parent.firstChild) {
       parent.appendChild(value);
-    } else
-      parent.replaceChild(value, parent.firstChild);
+    } else parent.replaceChild(value, parent.firstChild);
     current = value;
-  } else
-    ;
+  } else ;
   return current;
 }
 function normalizeIncomingArray(normalized, array, current, unwrap) {
   let dynamic = false;
   for (let i = 0, len = array.length; i < len; i++) {
     let item = array[i], prev = current && current[normalized.length], t;
-    if (item == null || item === true || item === false)
-      ;
+    if (item == null || item === true || item === false) ;
     else if ((t = typeof item) === "object" && item.nodeType) {
       normalized.push(item);
     } else if (Array.isArray(item)) {
       dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
     } else if (t === "function") {
       if (unwrap) {
-        while (typeof item === "function")
-          item = item();
+        while (typeof item === "function") item = item();
         dynamic = normalizeIncomingArray(
           normalized,
           Array.isArray(item) ? item : [item],
@@ -281,21 +271,17 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
       }
     } else {
       const value = String(item);
-      if (prev && prev.nodeType === 3 && prev.data === value)
-        normalized.push(prev);
-      else
-        normalized.push(document.createTextNode(value));
+      if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
+      else normalized.push(document.createTextNode(value));
     }
   }
   return dynamic;
 }
 function appendNodes(parent, array, marker = null) {
-  for (let i = 0, len = array.length; i < len; i++)
-    parent.insertBefore(array[i], marker);
+  for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker);
 }
 function cleanChildren(parent, current, marker, replacement) {
-  if (marker === void 0)
-    return parent.textContent = "";
+  if (marker === void 0) return parent.textContent = "";
   const node = replacement || document.createTextNode("");
   if (current.length) {
     let inserted = false;
@@ -305,22 +291,16 @@ function cleanChildren(parent, current, marker, replacement) {
         const isParent = el.parentNode === parent;
         if (!inserted && !i)
           isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
-        else
-          isParent && el.remove();
-      } else
-        inserted = true;
+        else isParent && el.remove();
+      } else inserted = true;
     }
-  } else
-    parent.insertBefore(node, marker);
+  } else parent.insertBefore(node, marker);
   return [node];
 }
 function mergeClasses(a, b) {
-  if (a && b)
-    return `${a} ${b}`;
-  if (a)
-    return a;
-  if (b)
-    return b;
+  if (a && b) return `${a} ${b}`;
+  if (a) return a;
+  if (b) return b;
   return void 0;
 }
 var _tmpl$$l = /* @__PURE__ */ template(`<button>`);
@@ -576,13 +556,14 @@ function Form(props) {
     return _el$;
   })();
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<header><a class=z-header--app href=/><span></span></a><div class=z-header--buttons>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<header><a class=z-header--app href=/><span></span></a><div class=z-header--children></div><div class=z-header--buttons>`);
 function Header(props) {
   return (() => {
-    var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
+    var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling, _el$5 = _el$4.nextSibling;
     insert(_el$2, () => props.appIcon, _el$3);
     insert(_el$3, () => props.appName);
     insert(_el$4, () => props.children);
+    insert(_el$5, () => props.buttons);
     createRenderEffect((_p$) => {
       var _v$ = mergeClasses("z-header", props.class), _v$2 = props.style;
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
@@ -726,22 +707,27 @@ function Link(props) {
     }
   });
 }
-var faCircleCheck = {
+/*!
+ * Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+const faCircleCheck = {
   prefix: "fas",
   iconName: "circle-check",
   icon: [512, 512, [61533, "check-circle"], "f058", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"]
 };
-var faCircleInfo = {
+const faCircleInfo = {
   prefix: "fas",
   iconName: "circle-info",
-  icon: [512, 512, ["info-circle"], "f05a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]
+  icon: [512, 512, ["info-circle"], "f05a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]
 };
-var faTriangleExclamation = {
+const faTriangleExclamation = {
   prefix: "fas",
   iconName: "triangle-exclamation",
-  icon: [512, 512, [9888, "exclamation-triangle", "warning"], "f071", "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"]
+  icon: [512, 512, [9888, "exclamation-triangle", "warning"], "f071", "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"]
 };
-var faCircleXmark = {
+const faCircleXmark = {
   prefix: "fas",
   iconName: "circle-xmark",
   icon: [512, 512, [61532, "times-circle", "xmark-circle"], "f057", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"]
@@ -802,12 +788,12 @@ function Nav(props) {
   })();
 }
 var _tmpl$$7 = /* @__PURE__ */ template(`<div>`);
-function NavHeader(props) {
+function NavHeading(props) {
   return (() => {
     var _el$ = _tmpl$$7();
     insert(_el$, () => props.children);
     createRenderEffect((_p$) => {
-      var _v$ = mergeClasses("z-nav--header", props.class), _v$2 = props.style;
+      var _v$ = mergeClasses("z-nav--heading", props.class), _v$2 = props.style;
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _p$.t = style(_el$, _v$2, _p$.t);
       return _p$;
@@ -1110,7 +1096,7 @@ export {
   Link,
   Message,
   Nav,
-  NavHeader,
+  NavHeading,
   NavLink,
   Page,
   RadioButtons,

package/dist/signals/createForm.d.ts

@@ -1,5 +1,4 @@
 import { Accessor } from 'solid-js';
-
 type Options<Fields, Errors, Success, Failure> = {
     initiator: () => Fields;
     validator: (fields: Fields) => Errors;

package/dist/signals/createInterval.d.ts

@@ -1,5 +1,4 @@
 import { Accessor } from 'solid-js';
-
 /**
  * Create a readonly signal that is recomputed at regular intervals
  *

package/dist/signals/createSize.d.ts

@@ -1,5 +1,4 @@
 import { Accessor } from 'solid-js';
-
 type Size = {
     width: number;
     height: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lundal/zed-solid",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "license": "LGPL-3.0-or-later",
   "type": "module",
   "module": "dist/index.js",
@@ -18,18 +18,18 @@
     "@fortawesome/free-regular-svg-icons": "6",
     "@fortawesome/free-solid-svg-icons": "6",
     "@lundal/zed-css": "file:../css",
-    "@solidjs/router": "0.13",
+    "@solidjs/router": "0.15",
     "solid-js": "1",
     "prettier": "3",
     "typescript": "5",
-    "vite": "5",
-    "vite-plugin-dts": "3",
+    "vite": "6",
+    "vite-plugin-dts": "4",
     "vite-plugin-libcss": "1",
     "vite-plugin-solid": "2"
   },
   "peerDependencies": {
-    "@solidjs/router": "0.13",
-    "solid-js": "1"
+    "@solidjs/router": "*",
+    "solid-js": "*"
   },
   "optionalDependencies": {
     "@fortawesome/free-solid-svg-icons": "6"