solid-ui 3.1.3-1 → 3.1.3-11

package/dist/components/avatar/Avatar.esm.js

@@ -0,0 +1,217 @@
+import { DEFAULT_AUTH_CONTEXT as e, authContext as t } from "../../lib/auth/context.esm.js";
+import { customElement as n } from "../../lib/components/decorators.esm.js";
+import r from "../../lib/components/web-component/WebComponent.esm.js";
+import "../../lib/components/index.esm.js";
+import "../../lib/auth/index.esm.js";
+import "../../_virtual/~icons/lucide/circle-user.esm.js";
+import i from "./Avatar.styles.esm.js";
+import { consume as a } from "@lit/context";
+import { html as o } from "lit";
+//#region src/components/avatar/Avatar.ts
+var s, c, l, u, d, f, p, m, h, g;
+function _(e, t, n) {
+	v(e, t), t.set(e, n);
+}
+function v(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function y(e, t, n) {
+	return e.set(x(e, t), n), n;
+}
+function b(e, t) {
+	return e.get(x(e, t));
+}
+function x(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 S(e, t, n) {
+	return (t = w(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function C(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: E(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || E(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], D = n ? _[w - 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(T.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 = T.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 D(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 : w(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 w(e) {
+	var t = T(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function T(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 E(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 D(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 O(e) {
+	return e;
+}
+f = [n("solid-ui-avatar")];
+var k;
+new (h = (l = /*#__PURE__*/ new WeakMap(), g = (p = a({
+	context: t,
+	subscribe: !0
+}), "auth"), c = class extends r {
+	constructor(...t) {
+		super(...t), _(this, l, (u(this), m(this, e)));
+	}
+	get [g]() {
+		return b(l, this);
+	}
+	set auth(e) {
+		y(l, this, e);
+	}
+	render() {
+		return this.auth.account?.avatarUrl ? o`
+        <img src="${this.auth.account?.avatarUrl}" alt="" />
+    ` : o`
+          <icon-lucide-circle-user></icon-lucide-circle-user>
+      `;
+	}
+}, {e: [m, u], c: [k, d]} = C(c, [[
+	p,
+	1,
+	"auth"
+]], f, 0, void 0, r), c), s = class extends O {
+	constructor() {
+		super(k), S(this, "styles", i), S(this, "states", { fallback: (e) => !e.auth.account?.avatarUrl }), d();
+	}
+}, S(s, h, void 0), s)();
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=Avatar.esm.js.map

package/dist/components/avatar/Avatar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","fallback","component","default"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAxCc,KAAIC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEXE,SAAU;EAOlB,OANK,KAAKH,KAAKI,SAASC,YAMjB1B,CAAI;oBACK,KAAKqB,KAAKI,SAASC,UAAS;QANnC1B,CAAI;;;CAQf;AACF,GAAC,CAAA2B,GAAA,CAAAR,GAAAD,IAAAU,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAjB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GApBmCN,CAAY,GAAAe,IAAAkB,IAAA,cAAAC,EAAA;CAAAjB,cAAA;EAAA,MAAAV,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA8B,EAAA,MAAA,UACN,EACdC,WAAWC,MAAsB,CAACA,EAAUd,KAAKI,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAzB,GAAA,KAAA,CAAA,GAAAyB,GAAA"}

package/dist/components/avatar/Avatar.stories.d.ts

@@ -0,0 +1,44 @@
+declare const meta: {
+    readonly title: "Avatar";
+    readonly args: {
+        readonly user: "Alice";
+    };
+    readonly argTypes: {
+        readonly user: {
+            type: string;
+            options: ("Alice" | "Bob" | "Guest")[];
+        };
+    };
+};
+export declare const Primary: {
+    render: (args: import('../../storybook').GetStoryArgs<{
+        readonly user: {
+            type: string;
+            options: ("Alice" | "Bob" | "Guest")[];
+        };
+    }>) => HTMLDivElement;
+};
+export declare const Fallback: {
+    render: (args: import('../../storybook').GetStoryArgs<{
+        readonly user: {
+            type: string;
+            options: ("Alice" | "Bob" | "Guest")[];
+        };
+    }>) => HTMLDivElement;
+    args: {
+        user: string;
+    };
+};
+export declare const Guest: {
+    render: (args: import('../../storybook').GetStoryArgs<{
+        readonly user: {
+            type: string;
+            options: ("Alice" | "Bob" | "Guest")[];
+        };
+    }>) => HTMLDivElement;
+    args: {
+        user: string;
+    };
+};
+export default meta;
+//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/components/avatar/Avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.ts"],"names":[],"mappings":"AAGA,OAAO,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;CAQA,CAAA;AAIV,eAAO,MAAM,OAAO;;;;;;;CAAa,CAAA;AACjC,eAAO,MAAM,QAAQ;;;;;;;;;;CAAoC,CAAA;AACzD,eAAO,MAAM,KAAK;;;;;;;;;;CAAsC,CAAA;AAExD,eAAe,IAAI,CAAA"}

package/dist/components/avatar/Avatar.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host{--size:150px;width:var(--size);height:var(--size);display:inline-flex;overflow:hidden}:host img{object-fit:cover;width:100%;height:100%}:host([data-state-fallback]){background:var(--solid-ui-color-gray-100);justify-content:center;align-items:center}:host([data-state-fallback]) icon-lucide-circle-user{color:var(--solid-ui-color-gray-200);width:50%;height:50%}`;exports.default=e;
+//# sourceMappingURL=Avatar.styles.cjs.js.map

package/dist/components/avatar/Avatar.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.cjs.js","names":[],"sources":["../../../src/components/avatar/Avatar.styles.css"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n"],"mappings":""}

package/dist/components/avatar/Avatar.styles.esm.js

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region src/components/avatar/Avatar.styles.css
+var t = e`:host{--size:150px;width:var(--size);height:var(--size);display:inline-flex;overflow:hidden}:host img{object-fit:cover;width:100%;height:100%}:host([data-state-fallback]){background:var(--solid-ui-color-gray-100);justify-content:center;align-items:center}:host([data-state-fallback]) icon-lucide-circle-user{color:var(--solid-ui-color-gray-200);width:50%;height:50%}`;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Avatar.styles.esm.js.map

package/dist/components/avatar/Avatar.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.esm.js","names":[],"sources":["../../../src/components/avatar/Avatar.styles.css"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Avatar.cjs.js");var t=e.default;Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/avatar/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","names":["Avatar"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":"kIAGA,IAAA,EAAeA,EAAAA"}

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

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

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

@@ -0,0 +1,7 @@
+import e from "./Avatar.esm.js";
+//#region src/components/avatar/index.ts
+var t = e;
+//#endregion
+export { e as Avatar, t as default };
+
+//# sourceMappingURL=index.esm.js.map

package/dist/components/avatar/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":["Avatar"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;AAGA,IAAA,IAAeA"}

package/dist/components/avatar.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/avatar-DNGFKkhm.js";
+export { e as Avatar, t as default };

package/dist/components/button/Button.cjs.js

@@ -0,0 +1,10 @@
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/svg-spinners/180-ring.cjs.js");const n=require("./Button.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),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{D.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 P(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 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:j(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 j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(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 N(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 P(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 F(e){return e}var I=[`primary`,`secondary`,`tertiary`,`outline`,`ghost`];p=[e.customElement(`solid-ui-button`)];var L;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:String,reflect:!0}),v=(0,i.property)({type:Boolean}),b=(0,i.property)({type:Boolean}),`variant`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`primary`))),w(this,c,_(this,`button`)),w(this,l,y(this,void 0)),w(this,u,x(this,!1))}get[C](){return D(s,this)}set variant(e){E(s,this,e)}get type(){return D(c,this)}set type(e){E(c,this,e)}get disabled(){return D(l,this)}set disabled(e){E(l,this,e)}get loading(){return D(u,this)}set loading(e){E(u,this,e)}render(){let e=this.disabled??this.loading;return r.html`
+        <button type=${this.type} ?disabled=${e} @click=${this.onClick}>
+            ${this.loading?r.html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>`:r.nothing}
+            <slot name="left-icon"></slot>
+            <slot @slotchange=${this.onIconSlotChange} name="icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </button>
+    `}onIconSlotChange(e){let t=e.target;this.toggleAttribute(`data-has-icon-slot`,t.assignedElements().length>0)}onClick(){switch(this.type){case`submit`:this.getInternals().form?.requestSubmit();break;case`reset`:this.getInternals().form?.reset();break}}},{e:[h,_,y,x,d],c:[L,f]}=A(o,[[m,1,`variant`],[g,1,`type`],[v,1,`disabled`],[b,1,`loading`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(L),k(this,`styles`,n.default),k(this,`formAssociated`,!0),f()}},k(a,S,void 0),a),exports.BUTTON_VARIANTS=I,Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return L}});
+//# sourceMappingURL=Button.cjs.js.map

package/dist/components/button/Button.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"q6IAQA,IAAaM,EAAkB,CAAC,UAAW,YAAa,WAAY,UAAW,OAAO,EAAUC,EAAA,CAG/FP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAKrB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEH,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEJ,KAAMK,OAAQ,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGlB,CAAEN,KAAMK,OAAQ,CAAC,EAAC,WAAAE,EAd9B,cACoCvB,EAAAA,OAAa,CAAAyB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAlB,GAAAmB,EAAA,IAAA,EAAAC,EAAA,KAKb,SAAS,EAAA,EAAAF,EAAA,KAAAhB,EAAAmB,EAAA,KAG3B,QAAQ,CAAA,EAAAH,EAAA,KAAAf,EAAAmB,EAAA,KAGiBC,IAAAA,EAAS,CAAA,EAAAL,EAAA,KAAAd,EAAAoB,EAAA,KAG/B,EAAK,CAAA,CAAA,CAAA,IAAAnB,IAAA,CAAA,OAAAoB,EAAAzB,EAAA,IAAA,CAAA,CAAA,IATf0B,QAAOC,EAAA,CAAAC,EAAA5B,EAAA,KAAA2B,CAAA,CAAA,CAAA,IAGPpB,MAAI,CAAA,OAAAkB,EAAAvB,EAAA,IAAA,CAAA,CAAA,IAAJK,KAAIoB,EAAA,CAAAC,EAAA1B,EAAA,KAAAyB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAtB,EAAA,IAAA,CAAA,CAAA,IAAR0B,SAAQF,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGRG,SAAO,CAAA,OAAAL,EAAArB,EAAA,IAAA,CAAA,CAAA,IAAP0B,QAAOH,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAEhBI,QAAU,CACR,IAAMF,EAAW,KAAKA,UAAY,KAAKC,QAEvC,MAAOtC,GAAAA,IAAI;uBACQ,KAAKe,KAAI,aAAcsB,EAAQ,UAAW,KAAKG,QAAO;cAC/D,KAAKF,QAAUtC,EAAAA,IAAI,4DAA8DC,EAAAA,QAAO;;gCAEtE,KAAKwC,iBAAgB;;;;KAKnD,CAEQA,iBAAkBC,EAAU,CAClC,IAAMC,EAAOD,EAAEE,OAEf,KAAKC,gBAAgB,qBAAsBF,EAAKG,iBAAiB,CAAC,CAACC,OAAS,CAAC,CAC/E,CAEQP,SAAW,CACjB,OAAQ,KAAKzB,KAAb,CACE,IAAK,SACH,KAAKiC,aAAa,CAAC,CAACC,MAAMC,cAAc,EACxC,MACF,IAAK,QACH,KAAKF,aAAa,CAAC,CAACC,MAAME,MAAM,EAChC,KACJ,CACF,CACF,EAAC,CAAAT,EAAA,CAAAd,EAAAC,EAAAC,EAAAE,EAAAL,GAAAyB,EAAA,CAAA9C,EAAA+C,IAAAC,EAAAhC,EAAA,CAAA,CAAAR,EAAA,EAAA,SAAA,EAAA,CAAAI,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,SAAA,CAAA,EAAAhB,EAAA,EAAA,IAAA,GA9CmCN,EAAAA,OAAY,EAAAuB,GAAAiC,EAAA,cAAAC,CAAA,CAAAhC,aAAA,CAAA,MAAAlB,CAAA,EAAAmD,EAAA,KAAA,SAC9BtD,EAAAA,OAAM,EAAAsD,EAAA,KAAA,iBACE,EAAI,EAAAJ,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAhD,EAAA,IAAA,EAAA,EAAAgD"}

package/dist/components/button/Button.d.ts

@@ -0,0 +1,15 @@
+import { WebComponent } from '../../lib/components';
+export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
+export type ButtonVariant = typeof BUTTON_VARIANTS[number];
+export default class Button extends WebComponent {
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    accessor variant: ButtonVariant;
+    accessor type: string;
+    accessor disabled: boolean | undefined;
+    accessor loading: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+    private onIconSlotChange;
+    private onClick;
+}
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI9D,OAAO,8BAA8B,CAAA;AAIrC,eAAO,MAAM,eAAe,mEAAoE,CAAA;AAChG,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;AAG1D,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAY;IAG3C,QAAQ,CAAC,IAAI,SAAW;IAGxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAY;IAGlD,QAAQ,CAAC,OAAO,UAAQ;IAExB,MAAM;IAcN,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,OAAO;CAUhB"}

package/dist/components/button/Button.esm.js

@@ -0,0 +1,279 @@
+import { customElement as e } from "../../lib/components/decorators.esm.js";
+import t from "../../lib/components/web-component/WebComponent.esm.js";
+import "../../lib/components/index.esm.js";
+import "../../_virtual/~icons/svg-spinners/180-ring.esm.js";
+import n from "./Button.styles.esm.js";
+import { html as r, nothing as i } from "lit";
+import { property as a } from "lit/decorators.js";
+//#region src/components/button/Button.ts
+var o, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w;
+function T(e, t, n) {
+	E(e, t), t.set(e, n);
+}
+function E(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function D(e, t, n) {
+	return e.set(k(e, t), n), n;
+}
+function O(e, t) {
+	return e.get(k(e, t));
+}
+function k(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 A(e, t, n) {
+	return (t = M(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function j(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: P(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || P(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
+				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, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				else {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (A = function(e, t) {
+						e[r] = t;
+					}));
+					var j = O.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], O), 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 {
+				D.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 F(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 : M(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 M(e) {
+	var t = N(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function N(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 P(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 F(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 I(e) {
+	return e;
+}
+var L = [
+	"primary",
+	"secondary",
+	"tertiary",
+	"outline",
+	"ghost"
+];
+m = [e("solid-ui-button")];
+var R;
+new (C = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), w = (h = a({
+	type: String,
+	reflect: !0
+}), _ = a({
+	type: String,
+	reflect: !0
+}), y = a({ type: Boolean }), x = a({ type: Boolean }), "variant"), s = class extends t {
+	constructor(...e) {
+		super(...e), T(this, c, (f(this), g(this, "primary"))), T(this, l, v(this, "button")), T(this, u, b(this, void 0)), T(this, d, S(this, !1));
+	}
+	get [w]() {
+		return O(c, this);
+	}
+	set variant(e) {
+		D(c, this, e);
+	}
+	get type() {
+		return O(l, this);
+	}
+	set type(e) {
+		D(l, this, e);
+	}
+	get disabled() {
+		return O(u, this);
+	}
+	set disabled(e) {
+		D(u, this, e);
+	}
+	get loading() {
+		return O(d, this);
+	}
+	set loading(e) {
+		D(d, this, e);
+	}
+	render() {
+		let e = this.disabled ?? this.loading;
+		return r`
+        <button type=${this.type} ?disabled=${e} @click=${this.onClick}>
+            ${this.loading ? r`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : i}
+            <slot name="left-icon"></slot>
+            <slot @slotchange=${this.onIconSlotChange} name="icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </button>
+    `;
+	}
+	onIconSlotChange(e) {
+		let t = e.target;
+		this.toggleAttribute("data-has-icon-slot", t.assignedElements().length > 0);
+	}
+	onClick() {
+		switch (this.type) {
+			case "submit":
+				this.getInternals().form?.requestSubmit();
+				break;
+			case "reset":
+				this.getInternals().form?.reset();
+				break;
+		}
+	}
+}, {e: [g, v, b, S, f], c: [R, p]} = j(s, [
+	[
+		h,
+		1,
+		"variant"
+	],
+	[
+		_,
+		1,
+		"type"
+	],
+	[
+		y,
+		1,
+		"disabled"
+	],
+	[
+		x,
+		1,
+		"loading"
+	]
+], m, 0, void 0, t), s), o = class extends I {
+	constructor() {
+		super(R), A(this, "styles", n), A(this, "formAssociated", !0), p();
+	}
+}, A(o, C, void 0), o)();
+//#endregion
+export { L as BUTTON_VARIANTS, R as default };
+
+//# sourceMappingURL=Button.esm.js.map