solid-panes 4.5.0 → 5.0.0-0

package/dist/components/file-explorer-header/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/file-explorer-header/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA"}

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

@@ -0,0 +1,19 @@
+require("../../_virtual/~icons/lucide/help-circle.cjs.js");const e=require("./Header.styles.cjs.js");let t=require("solid-ui"),n=require("lit"),r=require("lit/decorators.js");require("solid-ui/components/button"),require("solid-ui/components/menu"),require("solid-ui/components/menu-item"),require("solid-ui/components/account"),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":"i8IAYwCK,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.d.ts

@@ -0,0 +1,8 @@
+import { WebComponent } from 'solid-ui';
+import { AccountMenuItem } from 'solid-ui/components/account';
+export default class Header extends WebComponent {
+    static styles: any;
+    accessor menuItems: AccountMenuItem[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,UAAU,CAAA;AAGtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AACnC,OAAO,+BAA+B,CAAA;AACtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,kCAAkC,CAAA;AACzC,OAAO,2BAA2B,CAAA;AAKlC,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,MAAS;IAGtB,QAAQ,CAAC,SAAS,EAAE,eAAe,EAAE,CAAK;IAE1C,MAAM;CAoBP"}

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 { html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import "solid-ui/components/button";
+import "solid-ui/components/menu";
+import "solid-ui/components/menu-item";
+import "solid-ui/components/account";
+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.d.ts

@@ -0,0 +1,4 @@
+import { default as Header } from './Header';
+export { Header };
+export default Header;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}

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/~icons/lucide/help-circle.cjs.js");const e=require("./Navbar.styles.cjs.js");let t=require("solid-ui"),n=require("lit"),r=require("lit/decorators.js");require("solid-ui/components/button"),require("solid-ui/components/menu"),require("solid-ui/components/menu-item"),require("solid-ui/components/account"),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":"i8IAWwCK,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"}

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

@@ -0,0 +1,232 @@
+import "../../_virtual/~icons/lucide/help-circle.esm.js";
+import e from "./Navbar.styles.esm.js";
+import { WebComponent as t, customElement as n } from "solid-ui";
+import { html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import "solid-ui/components/button";
+import "solid-ui/components/menu";
+import "solid-ui/components/menu-item";
+import "solid-ui/components/account";
+import "solid-ui/components/solid-emblem";
+//#region src/components/navbar/Navbar.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-navbar")];
+var D;
+new (p = (s = /*#__PURE__*/ new WeakMap(), m = (d = i({ type: Array }), "navbarItems"), o = class extends t {
+	constructor(...e) {
+		super(...e), h(this, s, (c(this), f(this, [])));
+	}
+	get [m]() {
+		return v(s, this);
+	}
+	set navbarItems(e) {
+		_(s, this, e);
+	}
+	selectItem(e) {
+		this.dispatchEvent(new CustomEvent("solid-ui-select", {
+			detail: e,
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		}));
+	}
+	render() {
+		return r`
+    <nav class="navbar">
+       ${this.navbarItems.map((e) => r`
+        <button
+          type="button"
+          class=${e.selected ? "selected" : ""}
+          @click=${() => this.selectItem(e)}
+          title=${typeof e.label == "string" ? e.label : ""}
+        >
+          ${e.label}
+        </button>
+      `)}
+    </nav>
+    `;
+	}
+}, {e: [f, c], c: [D, l]} = x(o, [[
+	d,
+	1,
+	"navbarItems"
+]], 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=Navbar.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.esm.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCK,IAAA,CAQvCL,EAAc,oBAAoB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAIjCR,EAAS,EAAES,MAAMC,MAAM,CAAC,GAAC,gBAAAC,IAJ5B,cACoCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAIN,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAlCc,YAAWC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEZE,WAAYC,GAAsB;EACxC,KAAKC,cAAc,IAAIC,YAAY,mBAAmB;GACpDC,QAAQH;GACRI,SAAS;GACTC,UAAU;GACVC,YAAY;EACd,CAAC,CAAC;CACJ;CAEAC,SAAU;EACR,OAAO/B,CAAI;;SAEN,KAAKoB,YAAYY,KAAIC,MAAYjC,CAAI;;;kBAG5BiC,EAASC,WAAW,aAAa,GAAE;yBAC5B,KAAKX,WAAWU,CAAQ,EAAC;kBAChC,OAAOA,EAASE,SAAU,WAAWF,EAASE,QAAQ,GAAE;;YAE9DF,EAASE,MAAK;;OAEnB,EAAC;;;CAGN;AACF,GAAC,CAAAC,GAAA,CAAAlB,GAAAD,IAAAoB,GAAA,CAAAjC,GAAAkC,MAAAC,EAAA3B,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA/BmCJ,CAAY,GAAAa,IAAA4B,IAAA,cAAAC,EAAA;CAAA3B,cAAA;EAAA,MAAAV,CAAA,GAAAsC,EAAA,MAAA,UAC9BxC,CAAM,GAAAoC,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAnC,GAAA,KAAA,CAAA,GAAAmC,GAAA"}

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

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host{display:block}:host(.navbar--hidden){display:none!important}.navbar{border:1px solid var(--color-border,#444);background:var(--solid-ui-color-white,#fff);border-radius:5px;display:flex;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 25px;font-size:90%;font-weight:500}button.selected,button:active,button:hover,button:focus{border-bottom-color:var(--solid-ui-color-primary,#7c4dff);color:var(--solid-ui-color-primary,#7c4dff);text-transform:capitalize;background:color-mix(in srgb, currentColor 25%, transparent);border-radius:0}`;exports.default=e;
+//# sourceMappingURL=Navbar.styles.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.styles.cjs.js","names":[],"sources":["../../../src/components/navbar/Navbar.styles.css"],"sourcesContent":[":host {\n    display: block;\n}\n\n:host(.navbar--hidden) {\n    display: none !important;\n}\n\n.navbar {\n    border: 1px solid var(--color-border, #444);\n    border-radius: 5px;\n    display: flex;\n    background: var(--solid-ui-color-white, #fff);\n    overflow: hidden;\n}\n\nbutton {\n    padding: 10px 25px;\n    border-bottom: 2px solid transparent;\n    font-weight: 500;\n    font-size: 90%;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\nbutton.selected,\nbutton:active,\nbutton:hover,\nbutton:focus {\n    border-bottom-color: var(--solid-ui-color-primary, #7C4DFF);\n    border-radius: 0;\n    color: var(--solid-ui-color-primary, #7C4DFF);\n    text-transform: capitalize;\n    background: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}