@lundal/zed-solid 0.0.16 → 0.0.17

package/dist/Header.d.ts

@@ -4,6 +4,7 @@ export type HeaderProps = {
     style?: JSX.CSSProperties;
     appIcon: JSX.Element;
     appName: string;
+    buttons?: JSX.Element;
     children?: JSX.Element;
 };
 export declare function Header(props: HeaderProps): JSX.Element;

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

@@ -1,7 +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/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

@@ -13,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

@@ -556,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$);
@@ -787,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$;
@@ -1095,7 +1096,7 @@ export {
   Link,
   Message,
   Nav,
-  NavHeader,
+  NavHeading,
   NavLink,
   Page,
   RadioButtons,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lundal/zed-solid",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "license": "LGPL-3.0-or-later",
   "type": "module",
   "module": "dist/index.js",