solid-panes 4.4.2-3 → 4.4.2-5

package/README.md

@@ -91,34 +91,4 @@ We have added comments in the code to make it explicit which parts are 100% writ
 
 * Raptor mini: Update the code to use the new solid-ui-header component. Keep in mind the log in and sign up are wired in specific ways.
 
-* Auto: change the menu to fill up the menu items like in the code: async function getMenuItems (outliner: any) {
-const items = await outliner.getDashboardItems()
-return items.map((element) => {
-return {
-label: element.label,
-onclick: () => openDashboardPane(outliner, element.tabName || element.paneName)
-}
-})
-}
-
-* Auto: each #sym:MenuItem has an icon which i want displayed on the left side of each menu item when rendered
-
-* Auto: don't add each menu item in a button looking border. Simply list them.
-Upon hover apply background color e6dcff and selected or active to be background color: cbb9ff
-
-* Raptor mini: the menu dissapears when on mobile. That is great.
-I want the menu to have a tiny button on the bottom margin left with an arrow to the left or right for expanding the menu or for making it small. This is only for web. When we make it small it folds and only displays the icons of teh menu items, when it is expanded it should also add the labels to the menu items.
-
-* Raptor mini: i want to imporve the left side menu on mobile. When the menu is visible it should be higher, the top part should be on top of the header, folding out and in with the rest of the menu. It should have an x close button and it should say menu. The locor of that top line of the header should be the color of the header 332746
-
-* Raptor mini: the menu, on desktop, has a button to fold in or out. I want the same behavior to occur also when i simply click the folded in menu: it should expend. Not just when i click the dedicated button
-
-* Raprot mini: instead of this code (index.ts of footer), I want to make use of a new footer web component with the readme: # solid-ui-footer component
-
-* Raptor mini: The footer created should actually be part of the left side menu only. Should be displayed inside it and should collaps and expand as the menu.
-
-* Raptor mini: the footer should completely dissapear when menu folded up.
-
-* Raptor mini: Please always keep the footer at the bottom of the menu
-
 * GPT-5.4 Model: Add a compatibility shim in the form pane for mixed `ui:Group` plus field typing.

package/dist/_virtual/_rolldown/runtime.cjs.js

@@ -1 +1 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));exports.__toESM=s;

package/dist/_virtual/~icons/lucide/folder-open.cjs.js

@@ -0,0 +1,2 @@
+var e=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:`open`}).innerHTML=`<style>:host { display: inline-flex; }</style><svg viewBox="0 0 24 24" width="100%" height="100%" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>`}};customElements.get(`icon-lucide-folder-open`)||customElements.define(`icon-lucide-folder-open`,e),exports.default=e;
+//# sourceMappingURL=folder-open.cjs.js.map

package/dist/_virtual/~icons/lucide/folder-open.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-open.cjs.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/folder-open.esm.js

@@ -0,0 +1,11 @@
+//#region ~icons/lucide/folder-open
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\"/></svg>";
+	}
+};
+customElements.get("icon-lucide-folder-open") || customElements.define("icon-lucide-folder-open", e);
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=folder-open.esm.js.map

package/dist/_virtual/~icons/lucide/folder-open.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-open.esm.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/help-circle.cjs.js

@@ -0,0 +1,2 @@
+var e=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:`open`}).innerHTML=`<style>:host { display: inline-flex; }</style><svg viewBox="0 0 24 24" width="100%" height="100%" ><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01"/></g></svg>`}};customElements.get(`icon-lucide-help-circle`)||customElements.define(`icon-lucide-help-circle`,e),exports.default=e;
+//# sourceMappingURL=help-circle.cjs.js.map

package/dist/_virtual/~icons/lucide/help-circle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-circle.cjs.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/help-circle.esm.js

@@ -0,0 +1,11 @@
+//#region ~icons/lucide/help-circle
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-help-circle") || customElements.define("icon-lucide-help-circle", e);
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=help-circle.esm.js.map

package/dist/_virtual/~icons/lucide/help-circle.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-circle.esm.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/layout-dashboard.cjs.js

@@ -0,0 +1,2 @@
+var e=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:`open`}).innerHTML=`<style>:host { display: inline-flex; }</style><svg viewBox="0 0 24 24" width="100%" height="100%" ><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></g></svg>`}};customElements.get(`icon-lucide-layout-dashboard`)||customElements.define(`icon-lucide-layout-dashboard`,e),exports.default=e;
+//# sourceMappingURL=layout-dashboard.cjs.js.map

package/dist/_virtual/~icons/lucide/layout-dashboard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-dashboard.cjs.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/layout-dashboard.esm.js

@@ -0,0 +1,11 @@
+//#region ~icons/lucide/layout-dashboard
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"7\" height=\"9\" x=\"3\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"5\" x=\"14\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"9\" x=\"14\" y=\"12\" rx=\"1\"/><rect width=\"7\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-layout-dashboard") || customElements.define("icon-lucide-layout-dashboard", e);
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=layout-dashboard.esm.js.map

package/dist/_virtual/~icons/lucide/layout-dashboard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-dashboard.esm.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/settings-2.cjs.js

@@ -0,0 +1,2 @@
+var e=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:`open`}).innerHTML=`<style>:host { display: inline-flex; }</style><svg viewBox="0 0 24 24" width="100%" height="100%" ><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 17H5M19 7h-9"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></g></svg>`}};customElements.get(`icon-lucide-settings-2`)||customElements.define(`icon-lucide-settings-2`,e),exports.default=e;
+//# sourceMappingURL=settings-2.cjs.js.map

package/dist/_virtual/~icons/lucide/settings-2.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-2.cjs.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/settings-2.esm.js

@@ -0,0 +1,11 @@
+//#region ~icons/lucide/settings-2
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M14 17H5M19 7h-9\"/><circle cx=\"17\" cy=\"17\" r=\"3\"/><circle cx=\"7\" cy=\"7\" r=\"3\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-settings-2") || customElements.define("icon-lucide-settings-2", e);
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=settings-2.esm.js.map

package/dist/_virtual/~icons/lucide/settings-2.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-2.esm.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/users.cjs.js

@@ -0,0 +1,2 @@
+var e=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:`open`}).innerHTML=`<style>:host { display: inline-flex; }</style><svg viewBox="0 0 24 24" width="100%" height="100%" ><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87"/><circle cx="9" cy="7" r="4"/></g></svg>`}};customElements.get(`icon-lucide-users`)||customElements.define(`icon-lucide-users`,e),exports.default=e;
+//# sourceMappingURL=users.cjs.js.map

package/dist/_virtual/~icons/lucide/users.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.cjs.js","names":[],"sources":[],"mappings":""}

package/dist/_virtual/~icons/lucide/users.esm.js

@@ -0,0 +1,11 @@
+//#region ~icons/lucide/users
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-users") || customElements.define("icon-lucide-users", e);
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=users.esm.js.map

package/dist/_virtual/~icons/lucide/users.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.esm.js","names":[],"sources":[],"mappings":""}

package/dist/components/header/Header.cjs.js

@@ -0,0 +1,19 @@
+require("../../_virtual/_rolldown/runtime.cjs.js"),require("../../_virtual/~icons/lucide/help-circle.cjs.js");const e=require("./Header.styles.cjs.js");let t=require("solid-ui");require("solid-ui/components/button");let n=require("lit"),r=require("lit/decorators.js");require("solid-ui/components/account"),require("solid-ui/components/menu-item"),require("solid-ui/components/menu"),require("solid-ui/components/solid-emblem");var i,a,o,s,c,l,u,d,f,p;function m(e,t,n){h(e,t),t.set(e,n)}function h(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function g(e,t,n){return e.set(v(e,t),n),n}function _(e,t){return e.get(v(e,t))}function v(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function y(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:C(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||C(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(b.get=g),(g=c(w.set,`accessor.set`))&&(b.set=g),(g=c(w.init,`accessor.init`))&&x.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(w):b[S]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),w}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return w(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var S=u.get(b);if(!0===S||S===3&&m!==4||S===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:x(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function x(e){var t=S(e,`string`);return typeof t==`symbol`?t:t+``}function S(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function C(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function w(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function T(e){return e}l=[(0,t.customElement)(`solid-panes-header`)];var E;new(f=(o=new WeakMap,p=(u=(0,r.property)({type:Array}),`menuItems`),a=class extends t.WebComponent{constructor(...e){super(...e),m(this,o,(s(this),d(this,[])))}get[p](){return _(o,this)}set menuItems(e){g(o,this,e)}render(){return n.html`
+        <a href="/" class="logo">
+          <span class="sr-only">Home</span>
+          <solid-ui-solid-emblem></solid-ui-solid-emblem>
+        </a>
+        <div class="spacer"></div>
+        <solid-ui-account .menuItems=${this.menuItems}></solid-ui-account>
+        <span class="separator"></span>
+        <solid-ui-menu placement="bottom-end" distance="5">
+            <solid-ui-button slot="trigger" variant="ghost" title="Open help">
+                <span class="sr-only">Open help</span>
+                <icon-lucide-help-circle slot="icon"></icon-lucide-help-circle>
+            </solid-ui-button>
+
+            <solid-ui-menu-item href="https://solidos.github.io/userguide/">User guide</solid-ui-menu-item>
+            <solid-ui-menu-item href="https://github.com/solidos/solidos/issues">Report a problem</solid-ui-menu-item>
+        </solid-ui-menu>
+    `}},{e:[d,s],c:[E,c]}=b(a,[[u,1,`menuItems`]],l,0,void 0,t.WebComponent),a),i=class extends T{constructor(){super(E),y(this,`styles`,e.default),c()}},y(i,f,void 0),i),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return E}});
+//# sourceMappingURL=Header.cjs.js.map

package/dist/components/header/Header.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Header","_Header2","_A","WeakMap","_ref","_menuItemsDecs","type","Array","_Header3","Header","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","render","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/header/Header.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Header.styles.css'\n\n@customElement('solid-panes-header')\nexport default class Header extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  render () {\n    return html`\n        <a href=\"/\" class=\"logo\">\n          <span class=\"sr-only\">Home</span>\n          <solid-ui-solid-emblem></solid-ui-solid-emblem>\n        </a>\n        <div class=\"spacer\"></div>\n        <solid-ui-account .menuItems=${this.menuItems}></solid-ui-account>\n        <span class=\"separator\"></span>\n        <solid-ui-menu placement=\"bottom-end\" distance=\"5\">\n            <solid-ui-button slot=\"trigger\" variant=\"ghost\" title=\"Open help\">\n                <span class=\"sr-only\">Open help</span>\n                <icon-lucide-help-circle slot=\"icon\"></icon-lucide-help-circle>\n            </solid-ui-button>\n\n            <solid-ui-menu-item href=\"https://solidos.github.io/userguide/\">User guide</solid-ui-menu-item>\n            <solid-ui-menu-item href=\"https://github.com/solidos/solidos/issues\">Report a problem</solid-ui-menu-item>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"w/IAYwCK,EAAA,EAAA,EAEvCL,EAAAA,cAAAA,CAAc,oBAAoB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAIjCR,EAAAA,SAAAA,CAAS,CAAES,KAAMC,KAAM,CAAC,EAAC,aAAAC,EAJ5B,cACoCb,EAAAA,YAAa,CAAAe,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAIP,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAjCc,UAASC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAElBE,QAAU,CACR,MAAOvB,GAAAA,IAAI;;;;;;uCAMwB,KAAKoB,UAAS;;;;;;;;;;;KAYnD,CACF,EAAC,CAAAI,EAAA,CAAAN,EAAAD,GAAAQ,EAAA,CAAArB,EAAAsB,IAAAC,EAAAf,EAAA,CAAA,CAAAH,EAAA,EAAA,WAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GA1BmCJ,EAAAA,YAAY,EAAAa,GAAAgB,EAAA,cAAAC,CAAA,CAAAf,aAAA,CAAA,MAAAV,CAAA,EAAA0B,EAAA,KAAA,SAC9B5B,EAAAA,OAAM,EAAAwB,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAvB,EAAA,IAAA,EAAA,EAAAuB"}

package/dist/components/header/Header.esm.js

@@ -0,0 +1,228 @@
+import "../../_virtual/~icons/lucide/help-circle.esm.js";
+import e from "./Header.styles.esm.js";
+import { WebComponent as t, customElement as n } from "solid-ui";
+import "solid-ui/components/button";
+import { html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import "solid-ui/components/account";
+import "solid-ui/components/menu-item";
+import "solid-ui/components/menu";
+import "solid-ui/components/solid-emblem";
+//#region src/components/header/Header.ts
+var a, o, s, c, l, u, d, f, p, m;
+function h(e, t, n) {
+	g(e, t), t.set(e, n);
+}
+function g(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function _(e, t, n) {
+	return e.set(y(e, t), n), n;
+}
+function v(e, t) {
+	return e.get(y(e, t));
+}
+function y(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function b(e, t, n) {
+	return (t = S(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function x(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: w(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || w(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, T = _.length - 1; T >= 0; T -= n ? 2 : 1) {
+			var E = _[T], D = n ? _[T - 1] : void 0, O = {}, k = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, O)
+			};
+			try {
+				if (y) (g = c(E.call(D, C, k), "class decorators", "return")) && (C = g);
+				else {
+					var A, j;
+					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (j = function(e, t) {
+						e[r] = t;
+					}));
+					var M = k.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (A && (M.get = A), j && (M.set = j), C = E.call(D, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], k), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				O.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return T(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : S(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function S(e) {
+	var t = C(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function C(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function w(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function T(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function E(e) {
+	return e;
+}
+u = [n("solid-panes-header")];
+var D;
+new (p = (s = /*#__PURE__*/ new WeakMap(), m = (d = i({ type: Array }), "menuItems"), o = class extends t {
+	constructor(...e) {
+		super(...e), h(this, s, (c(this), f(this, [])));
+	}
+	get [m]() {
+		return v(s, this);
+	}
+	set menuItems(e) {
+		_(s, this, e);
+	}
+	render() {
+		return r`
+        <a href="/" class="logo">
+          <span class="sr-only">Home</span>
+          <solid-ui-solid-emblem></solid-ui-solid-emblem>
+        </a>
+        <div class="spacer"></div>
+        <solid-ui-account .menuItems=${this.menuItems}></solid-ui-account>
+        <span class="separator"></span>
+        <solid-ui-menu placement="bottom-end" distance="5">
+            <solid-ui-button slot="trigger" variant="ghost" title="Open help">
+                <span class="sr-only">Open help</span>
+                <icon-lucide-help-circle slot="icon"></icon-lucide-help-circle>
+            </solid-ui-button>
+
+            <solid-ui-menu-item href="https://solidos.github.io/userguide/">User guide</solid-ui-menu-item>
+            <solid-ui-menu-item href="https://github.com/solidos/solidos/issues">Report a problem</solid-ui-menu-item>
+        </solid-ui-menu>
+    `;
+	}
+}, {e: [f, c], c: [D, l]} = x(o, [[
+	d,
+	1,
+	"menuItems"
+]], u, 0, void 0, t), o), a = class extends E {
+	constructor() {
+		super(D), b(this, "styles", e), l();
+	}
+}, b(a, p, void 0), a)();
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=Header.esm.js.map

package/dist/components/header/Header.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.esm.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Header","_Header2","_A","WeakMap","_ref","_menuItemsDecs","type","Array","_Header3","Header","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","render","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/header/Header.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Header.styles.css'\n\n@customElement('solid-panes-header')\nexport default class Header extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  render () {\n    return html`\n        <a href=\"/\" class=\"logo\">\n          <span class=\"sr-only\">Home</span>\n          <solid-ui-solid-emblem></solid-ui-solid-emblem>\n        </a>\n        <div class=\"spacer\"></div>\n        <solid-ui-account .menuItems=${this.menuItems}></solid-ui-account>\n        <span class=\"separator\"></span>\n        <solid-ui-menu placement=\"bottom-end\" distance=\"5\">\n            <solid-ui-button slot=\"trigger\" variant=\"ghost\" title=\"Open help\">\n                <span class=\"sr-only\">Open help</span>\n                <icon-lucide-help-circle slot=\"icon\"></icon-lucide-help-circle>\n            </solid-ui-button>\n\n            <solid-ui-menu-item href=\"https://solidos.github.io/userguide/\">User guide</solid-ui-menu-item>\n            <solid-ui-menu-item href=\"https://github.com/solidos/solidos/issues\">Report a problem</solid-ui-menu-item>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYwCK,IAAA,CAEvCL,EAAc,oBAAoB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAIjCR,EAAS,EAAES,MAAMC,MAAM,CAAC,GAAC,cAAAC,IAJ5B,cACoCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAIP,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAjCc,UAASC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAElBE,SAAU;EACR,OAAOvB,CAAI;;;;;;uCAMwB,KAAKoB,UAAS;;;;;;;;;;;;CAYnD;AACF,GAAC,CAAAI,GAAA,CAAAN,GAAAD,IAAAQ,GAAA,CAAArB,GAAAsB,MAAAC,EAAAf,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA1BmCJ,CAAY,GAAAa,IAAAgB,IAAA,cAAAC,EAAA;CAAAf,cAAA;EAAA,MAAAV,CAAA,GAAA0B,EAAA,MAAA,UAC9B5B,CAAM,GAAAwB,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAvB,GAAA,KAAA,CAAA,GAAAuB,GAAA"}

package/dist/components/header/Header.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host{background:var(--solid-ui-color-slate-800);color:var(--solid-ui-color-white);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:7px 20px;display:flex}:host a.logo{height:40px}:host a.logo solid-ui-solid-emblem{height:100%}:host .spacer{flex:1}:host .separator{background:var(--solid-ui-color-body-grey);align-self:stretch;width:1px}@media (width<=48rem){:host a.logo,:host solid-ui-menu,:host .separator{display:none}}`;exports.default=e;
+//# sourceMappingURL=Header.styles.cjs.js.map

package/dist/components/header/Header.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.cjs.js","names":[],"sources":["../../../src/components/header/Header.styles.css"],"sourcesContent":["@import \"solid-ui/breakpoints.css\";\n\n:host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--solid-ui-color-slate-800);\n    color: var(--solid-ui-color-white);\n    padding: 7px 20px;\n    gap: 10px;\n\n    a.logo {\n        height: 40px;\n\n        solid-ui-solid-emblem {\n            height: 100%;\n        }\n    }\n\n    .spacer {\n        flex: 1;\n    }\n\n    .separator {\n        background: var(--solid-ui-color-body-grey);\n        width: 1px;\n        align-self: stretch;\n    }\n\n    @media (--solid-ui-mobile) {\n        a.logo,\n        solid-ui-menu,\n        .separator {\n            display: none;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/header/Header.styles.esm.js

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region src/components/header/Header.styles.css
+var t = e`:host{background:var(--solid-ui-color-slate-800);color:var(--solid-ui-color-white);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:7px 20px;display:flex}:host a.logo{height:40px}:host a.logo solid-ui-solid-emblem{height:100%}:host .spacer{flex:1}:host .separator{background:var(--solid-ui-color-body-grey);align-self:stretch;width:1px}@media (width<=48rem){:host a.logo,:host solid-ui-menu,:host .separator{display:none}}`;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Header.styles.esm.js.map

package/dist/components/header/Header.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.esm.js","names":[],"sources":["../../../src/components/header/Header.styles.css"],"sourcesContent":["@import \"solid-ui/breakpoints.css\";\n\n:host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--solid-ui-color-slate-800);\n    color: var(--solid-ui-color-white);\n    padding: 7px 20px;\n    gap: 10px;\n\n    a.logo {\n        height: 40px;\n\n        solid-ui-solid-emblem {\n            height: 100%;\n        }\n    }\n\n    .spacer {\n        flex: 1;\n    }\n\n    .separator {\n        background: var(--solid-ui-color-body-grey);\n        width: 1px;\n        align-self: stretch;\n    }\n\n    @media (--solid-ui-mobile) {\n        a.logo,\n        solid-ui-menu,\n        .separator {\n            display: none;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/header/index.cjs.js

@@ -0,0 +1 @@
+require("./Header.cjs.js");

package/dist/components/header/index.esm.js

@@ -0,0 +1 @@
+import "./Header.esm.js";

package/dist/components/navbar/Navbar.cjs.js

@@ -0,0 +1,15 @@
+require("../../_virtual/_rolldown/runtime.cjs.js"),require("../../_virtual/~icons/lucide/help-circle.cjs.js");const e=require("./Navbar.styles.cjs.js");let t=require("solid-ui");require("solid-ui/components/button");let n=require("lit"),r=require("lit/decorators.js");require("solid-ui/components/account"),require("solid-ui/components/menu-item"),require("solid-ui/components/menu"),require("solid-ui/components/solid-emblem");var i,a,o,s,c,l,u,d,f,p;function m(e,t,n){h(e,t),t.set(e,n)}function h(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function g(e,t,n){return e.set(v(e,t),n),n}function _(e,t){return e.get(v(e,t))}function v(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function y(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:C(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||C(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(b.get=g),(g=c(w.set,`accessor.set`))&&(b.set=g),(g=c(w.init,`accessor.init`))&&x.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(w):b[S]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),w}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return w(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var S=u.get(b);if(!0===S||S===3&&m!==4||S===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:x(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function x(e){var t=S(e,`string`);return typeof t==`symbol`?t:t+``}function S(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function C(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function w(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function T(e){return e}l=[(0,t.customElement)(`solid-panes-navbar`)];var E;new(f=(o=new WeakMap,p=(u=(0,r.property)({type:Array}),`navbarItems`),a=class extends t.WebComponent{constructor(...e){super(...e),m(this,o,(s(this),d(this,[])))}get[p](){return _(o,this)}set navbarItems(e){g(o,this,e)}selectItem(e){this.dispatchEvent(new CustomEvent(`solid-ui-select`,{detail:e,bubbles:!0,composed:!0,cancelable:!0}))}render(){return n.html`
+    <nav class="navbar">
+       ${this.navbarItems.map(e=>n.html`
+        <button
+          type="button"
+          class=${e.selected?`selected`:``}
+          @click=${()=>this.selectItem(e)}
+          title=${typeof e.label==`string`?e.label:``}
+        >
+          ${e.label}
+        </button>
+      `)}
+    </nav>
+    `}},{e:[d,s],c:[E,c]}=b(a,[[u,1,`navbarItems`]],l,0,void 0,t.WebComponent),a),i=class extends T{constructor(){super(E),y(this,`styles`,e.default),c()}},y(i,f,void 0),i),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return E}});
+//# sourceMappingURL=Navbar.cjs.js.map

package/dist/components/navbar/Navbar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.cjs.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Navbar","_Navbar2","_A","WeakMap","_ref","_navbarItemsDecs","type","Array","_Navbar3","Navbar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_navbarItems","_classPrivateFieldGet","navbarItems","v","_classPrivateFieldSet","selectItem","item","dispatchEvent","CustomEvent","detail","bubbles","composed","cancelable","render","map","menuItem","selected","label","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/navbar/Navbar.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Navbar.styles.css'\n\nexport interface NavbarMenuItem {\n  label: string | TemplateResult\n  selected?: boolean\n  onSelected?(): void | Promise<void>\n}\n\n@customElement('solid-panes-navbar')\nexport default class Navbar extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor navbarItems: NavbarMenuItem[] = []\n\n  private selectItem (item: NavbarMenuItem) {\n    this.dispatchEvent(new CustomEvent('solid-ui-select', {\n      detail: item,\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    }))\n  }\n\n  render () {\n    return html`\n    <nav class=\"navbar\">\n       ${this.navbarItems.map(menuItem => html`\n        <button\n          type=\"button\"\n          class=${menuItem.selected ? 'selected' : ''}\n          @click=${() => this.selectItem(menuItem)}\n          title=${typeof menuItem.label === 'string' ? menuItem.label : ''}\n        >\n          ${menuItem.label}\n        </button>\n      `)}\n    </nav>\n    `\n  }\n}\n"],"mappings":"w/IAWwCK,EAAA,EAAA,EAQvCL,EAAAA,cAAAA,CAAc,oBAAoB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAIjCR,EAAAA,SAAAA,CAAS,CAAES,KAAMC,KAAM,CAAC,EAAC,eAAAC,EAJ5B,cACoCb,EAAAA,YAAa,CAAAe,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAIN,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAlCc,YAAWC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEZE,WAAYC,EAAsB,CACxC,KAAKC,cAAc,IAAIC,YAAY,kBAAmB,CACpDC,OAAQH,EACRI,QAAS,GACTC,SAAU,GACVC,WAAY,EACd,CAAC,CAAC,CACJ,CAEAC,QAAU,CACR,MAAO/B,GAAAA,IAAI;;SAEN,KAAKoB,YAAYY,IAAIC,GAAYjC,EAAAA,IAAI;;;kBAG5BiC,EAASC,SAAW,WAAa,GAAE;uBAC5B,KAAKX,WAAWU,CAAQ,EAAC;kBAChC,OAAOA,EAASE,OAAU,SAAWF,EAASE,MAAQ,GAAE;;YAE9DF,EAASE,MAAK;;OAEnB,EAAC;;KAGN,CACF,EAAC,CAAAC,EAAA,CAAAlB,EAAAD,GAAAoB,EAAA,CAAAjC,EAAAkC,IAAAC,EAAA3B,EAAA,CAAA,CAAAH,EAAA,EAAA,aAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GA/BmCJ,EAAAA,YAAY,EAAAa,GAAA4B,EAAA,cAAAC,CAAA,CAAA3B,aAAA,CAAA,MAAAV,CAAA,EAAAsC,EAAA,KAAA,SAC9BxC,EAAAA,OAAM,EAAAoC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAnC,EAAA,IAAA,EAAA,EAAAmC"}

package/dist/components/navbar/Navbar.d.ts

@@ -0,0 +1,14 @@
+import { WebComponent } from 'solid-ui';
+import { TemplateResult } from 'lit';
+export interface NavbarMenuItem {
+    label: string | TemplateResult;
+    selected?: boolean;
+    onSelected?(): void | Promise<void>;
+}
+export default class Navbar extends WebComponent {
+    static styles: any;
+    accessor navbarItems: NavbarMenuItem[];
+    private selectItem;
+    render(): TemplateResult<1>;
+}
+//# sourceMappingURL=Navbar.d.ts.map

package/dist/components/navbar/Navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/Navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AACnC,OAAO,+BAA+B,CAAA;AACtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,kCAAkC,CAAA;AACzC,OAAO,2BAA2B,CAAA;AAIlC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,cAAc,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACpC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,MAAS;IAGtB,QAAQ,CAAC,WAAW,EAAE,cAAc,EAAE,CAAK;IAE3C,OAAO,CAAC,UAAU;IASlB,MAAM;CAgBP"}