solid-ui 3.1.3-1 → 3.1.3-3

package/dist/design-system/components/button/Button.esm.js

@@ -1,267 +0,0 @@
-import { customElement as e } from "../../../primitives/lib/customElement.esm.js";
-import t from "../../../primitives/lib/WebComponent.esm.js";
-import n from "./Button.styles.esm.js";
-import "../../../_virtual/~icons/svg-spinners/180-ring.esm.js";
-import { html as r, nothing as i } from "lit";
-import { property as a } from "lit/decorators.js";
-//#region src/design-system/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;
-}
-m = [e("solid-ui-button")];
-var L;
-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 name="icon"></slot>
-            <slot></slot>
-            <slot name="right-icon"></slot>
-        </button>
-    `;
-	}
-	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: [L, 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(L), A(this, "styles", n), A(this, "formAssociated", !0), p();
-	}
-}, A(o, C, void 0), o)();
-//#endregion
-export { L as _Button };
-
-//# sourceMappingURL=Button.esm.js.map

package/dist/design-system/components/button/Button.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.esm.js","names":["html","nothing","customElement","property","styles","WebComponent","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","getInternals","form","requestSubmit","reset","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../../src/design-system/components/button/Button.ts"],"sourcesContent":["import { html, nothing } from 'lit'\nimport { customElement } from '../../../primitives/lib/customElement'\nimport { property } from 'lit/decorators.js'\nimport styles from './Button.styles.css'\nimport WebComponent from '../../../primitives/lib/WebComponent'\n\nimport '~icons/svg-spinners/180-ring'\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 name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQgGO,IAAA,CAG/FL,EAAc,iBAAiB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,KAAAC,IAK9Bb,EAAS;CAAEc,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCjB,EAAS;CAAEc,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACE,IAGzClB,EAAS,EAAEc,MAAMK,QAAQ,CAAC,GAACC,IAG3BpB,EAAS,EAAEc,MAAMK,QAAQ,CAAC,GAAC,YAAAE,IAd9B,cACoCnB,EAAa;CAAAqB,YAAA,GAAAC,GAAA;EAWGC,AAXH,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAlB,IAAAmB,EAAA,IAAA,GAAAC,EAAA,MAKb,SAAS,EAAA,GAAAF,EAAA,MAAAhB,GAAAmB,EAAA,MAG3B,QAAQ,CAAA,GAAAH,EAAA,MAAAf,GAAAmB,EAAA,MAGiBC,KAAAA,CAAS,CAAA,GAAAL,EAAA,MAAAd,GAAAoB,EAAA,MAG/B,EAAK,CAAA;CAAA;CAAA,KAAAnB,KAAA;EAAA,OAAAoB,EAAAzB,GAAA,IAAA;CAAA;CAAA,IATf0B,QAAOC,GAAA;EAAAC,EAAA5B,GAAA,MAAA2B,CAAA;CAAA;CAAA,IAGPpB,OAAI;EAAA,OAAAkB,EAAAvB,GAAA,IAAA;CAAA;CAAA,IAAJK,KAAIoB,GAAA;EAAAC,EAAA1B,GAAA,MAAAyB,CAAA;CAAA;CAAA,IAGJE,WAAQ;EAAA,OAAAJ,EAAAtB,GAAA,IAAA;CAAA;CAAA,IAAR0B,SAAQF,GAAA;EAAAC,EAAAzB,GAAA,MAAAwB,CAAA;CAAA;CAAA,IAGRG,UAAO;EAAA,OAAAL,EAAArB,GAAA,IAAA;CAAA;CAAA,IAAP0B,QAAOH,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAEhBI,SAAU;EACR,IAAMF,IAAW,KAAKA,YAAY,KAAKC;EAEvC,OAAOxC,CAAI;uBACQ,KAAKiB,KAAI,aAAcsB,EAAQ,UAAW,KAAKG,QAAO;cAC/D,KAAKF,UAAUxC,CAAI,8DAA8DC,EAAO;;;;;;;CAOpG;CAEQyC,UAAW;EACjB,QAAQ,KAAKzB,MAAb;GACE,KAAK;IACH,KAAK0B,aAAa,EAAEC,MAAMC,cAAc;IACxC;GACF,KAAK;IACH,KAAKF,aAAa,EAAEC,MAAME,MAAM;IAChC;EACJ;CACF;AACF,GAAC,CAAAC,GAAA,CAAAjB,GAAAC,GAAAC,GAAAE,GAAAL,IAAAmB,GAAA,CAAAxC,GAAAyC,MAAAC,EAAA1B,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAhB,GAAA,GAAA,KAAA,GAxCmCF,CAAY,GAAAmB,IAAA2B,IAAA,cAAAC,EAAA;CAAA1B,cAAA;EAAA,MAAAlB,CAAA,GAAA6C,EAAA,MAAA,UAC9BjD,CAAM,GAAAiD,EAAA,MAAA,kBACE,EAAI,GAAAJ,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAA1C,GAAA,KAAA,CAAA,GAAA0C,GAAA"}

package/dist/design-system/components/button/Button.stories.d.ts

@@ -1,224 +0,0 @@
-declare const meta: {
-    readonly title: "Design System/Button";
-    readonly args: {
-        readonly text: "Save Changes";
-        readonly title: "";
-        readonly variant: "primary";
-        readonly leftIcon: "None";
-        readonly rightIcon: "None";
-        readonly disabled: false;
-        readonly loading: false;
-    };
-    readonly argTypes: {
-        readonly variant: {
-            readonly control: "select";
-            readonly options: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
-        };
-        readonly title: {
-            readonly control: "text";
-        };
-        readonly icon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly leftIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly rightIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly text: {
-            readonly control: "text";
-        };
-        readonly disabled: {
-            readonly control: "boolean";
-        };
-        readonly loading: {
-            readonly control: "boolean";
-        };
-    };
-};
-export default meta;
-export declare const Primary: {
-    render: (args: import('../../../storybook').GetStoryArgs<{
-        readonly variant: {
-            readonly control: "select";
-            readonly options: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
-        };
-        readonly title: {
-            readonly control: "text";
-        };
-        readonly icon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly leftIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly rightIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly text: {
-            readonly control: "text";
-        };
-        readonly disabled: {
-            readonly control: "boolean";
-        };
-        readonly loading: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
-};
-export declare const Secondary: {
-    render: (args: import('../../../storybook').GetStoryArgs<{
-        readonly variant: {
-            readonly control: "select";
-            readonly options: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
-        };
-        readonly title: {
-            readonly control: "text";
-        };
-        readonly icon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly leftIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly rightIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly text: {
-            readonly control: "text";
-        };
-        readonly disabled: {
-            readonly control: "boolean";
-        };
-        readonly loading: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
-    args: {
-        text: string;
-        variant: string;
-    };
-};
-export declare const Tertiary: {
-    render: (args: import('../../../storybook').GetStoryArgs<{
-        readonly variant: {
-            readonly control: "select";
-            readonly options: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
-        };
-        readonly title: {
-            readonly control: "text";
-        };
-        readonly icon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly leftIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly rightIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly text: {
-            readonly control: "text";
-        };
-        readonly disabled: {
-            readonly control: "boolean";
-        };
-        readonly loading: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
-    args: {
-        text: string;
-        variant: string;
-        leftIcon: string;
-    };
-};
-export declare const Outline: {
-    render: (args: import('../../../storybook').GetStoryArgs<{
-        readonly variant: {
-            readonly control: "select";
-            readonly options: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
-        };
-        readonly title: {
-            readonly control: "text";
-        };
-        readonly icon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly leftIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly rightIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly text: {
-            readonly control: "text";
-        };
-        readonly disabled: {
-            readonly control: "boolean";
-        };
-        readonly loading: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
-    args: {
-        text: string;
-        variant: string;
-        leftIcon: string;
-    };
-};
-export declare const Ghost: {
-    render: (args: import('../../../storybook').GetStoryArgs<{
-        readonly variant: {
-            readonly control: "select";
-            readonly options: readonly ["primary", "secondary", "tertiary", "outline", "ghost"];
-        };
-        readonly title: {
-            readonly control: "text";
-        };
-        readonly icon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly leftIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly rightIcon: {
-            type: string;
-            options: ("Log In" | "Check" | "Plus" | "Help" | "None")[];
-        };
-        readonly text: {
-            readonly control: "text";
-        };
-        readonly disabled: {
-            readonly control: "boolean";
-        };
-        readonly loading: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
-    args: {
-        text: string;
-        variant: string;
-        icon: string;
-        title: string;
-    };
-};
-//# sourceMappingURL=Button.stories.d.ts.map

package/dist/design-system/components/button/Button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/design-system/components/button/Button.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,2BAA2B,CAAA;AAWlC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBA,CAAA;AAiBV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAA;AAEjC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQjB,CAAA"}

package/dist/design-system/components/button/Button.styles.cjs.js

@@ -1,2 +0,0 @@
-var e=require("lit").css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr,:after,:before,::backdrop{margin:0;padding:0}::file-selector-button{margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--text-color:var(--solid-ui-color-white);--border-color:var(--solid-ui-color-primary);--background-color:var(--solid-ui-color-primary);--hover-text-color:var(--text-color);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:var(--solid-ui-color-tertiary);display:inline-flex}:host button{font-size:var(--solid-ui-font-size-md);color:var(--text-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-weight:600;display:flex;position:relative}:host button:disabled{opacity:.5;cursor:not-allowed}:host button:hover:not(:disabled){color:var(--hover-text-color);background:var(--hover-background-color);border-color:var(--hover-border-color)}:host button icon-svg-spinners-180-ring,:host button ::slotted([slot=left-icon]),:host button ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-md);height:var(--solid-ui-font-size-md)}:host button:after{content:\"\";width:var(--solid-ui-clickable-area);height:var(--solid-ui-clickable-area);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host(:has([slot=icon])) button{padding:4px}:host(:has([slot=icon])) button ::slotted([slot=icon]){width:var(--solid-ui-font-size-2xl);height:var(--solid-ui-font-size-2xl)}:host([variant=secondary]) button{--text-color:var(--solid-ui-color-gray-800);--border-color:var(--solid-ui-color-slate-400);--background-color:var(--solid-ui-color-white);--hover-text-color:var(--solid-ui-color-white);--hover-background-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary)}:host([variant=tertiary]) button{--text-color:var(--solid-ui-color-primary);--border-color:transparent;--background-color:transparent;--hover-text-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:transparent;border-width:0 0 1px;border-radius:0;padding:0}:host([variant=outline]) button{--text-color:currentColor;--border-color:currentColor;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:currentColor;--hover-background-color:currentColor}@supports (color:color-mix(in lab, red, red)){:host([variant=outline]) button{--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}}:host([variant=ghost]) button{--text-color:currentColor;--border-color:transparent;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:transparent;--hover-background-color:currentColor}@supports (color:color-mix(in lab, red, red)){:host([variant=ghost]) button{--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}}`;exports.default=e;
-//# sourceMappingURL=Button.styles.cjs.js.map

package/dist/design-system/components/button/Button.styles.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.styles.cjs.js","names":[],"sources":["../../../../src/design-system/components/button/Button.styles.css"],"sourcesContent":["@import '../../styles/common.styles.css';\n\n:host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host(:has([slot=\"icon\"])) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}

package/dist/design-system/components/button/Button.styles.esm.js

@@ -1,7 +0,0 @@
-import { css as e } from "lit";
-//#region src/design-system/components/button/Button.styles.css
-var t = e`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr,:after,:before,::backdrop{margin:0;padding:0}::file-selector-button{margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--text-color:var(--solid-ui-color-white);--border-color:var(--solid-ui-color-primary);--background-color:var(--solid-ui-color-primary);--hover-text-color:var(--text-color);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:var(--solid-ui-color-tertiary);display:inline-flex}:host button{font-size:var(--solid-ui-font-size-md);color:var(--text-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-weight:600;display:flex;position:relative}:host button:disabled{opacity:.5;cursor:not-allowed}:host button:hover:not(:disabled){color:var(--hover-text-color);background:var(--hover-background-color);border-color:var(--hover-border-color)}:host button icon-svg-spinners-180-ring,:host button ::slotted([slot=left-icon]),:host button ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-md);height:var(--solid-ui-font-size-md)}:host button:after{content:\"\";width:var(--solid-ui-clickable-area);height:var(--solid-ui-clickable-area);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host(:has([slot=icon])) button{padding:4px}:host(:has([slot=icon])) button ::slotted([slot=icon]){width:var(--solid-ui-font-size-2xl);height:var(--solid-ui-font-size-2xl)}:host([variant=secondary]) button{--text-color:var(--solid-ui-color-gray-800);--border-color:var(--solid-ui-color-slate-400);--background-color:var(--solid-ui-color-white);--hover-text-color:var(--solid-ui-color-white);--hover-background-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary)}:host([variant=tertiary]) button{--text-color:var(--solid-ui-color-primary);--border-color:transparent;--background-color:transparent;--hover-text-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:transparent;border-width:0 0 1px;border-radius:0;padding:0}:host([variant=outline]) button{--text-color:currentColor;--border-color:currentColor;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:currentColor;--hover-background-color:currentColor}@supports (color:color-mix(in lab, red, red)){:host([variant=outline]) button{--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}}:host([variant=ghost]) button{--text-color:currentColor;--border-color:transparent;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:transparent;--hover-background-color:currentColor}@supports (color:color-mix(in lab, red, red)){:host([variant=ghost]) button{--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}}`;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=Button.styles.esm.js.map

package/dist/design-system/components/button/Button.styles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.styles.esm.js","names":[],"sources":["../../../../src/design-system/components/button/Button.styles.css"],"sourcesContent":["@import '../../styles/common.styles.css';\n\n:host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host(:has([slot=\"icon\"])) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}

package/dist/design-system/components/button/index.cjs.js

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

package/dist/design-system/components/button/index.d.ts

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

package/dist/design-system/components/button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,CAAA;AACtD,eAAe,MAAM,CAAA"}

package/dist/design-system/components/button/index.esm.js

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

package/dist/design-system/components/combobox/Combobox.cjs.js

@@ -1,18 +0,0 @@
-const e=require("../../../primitives/lib/customElement.cjs.js"),t=require("../../../primitives/lib/WebComponent.cjs.js"),n=require("../../lib/ids.cjs.js");require("../../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("./Combobox.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D;function O(e,t,n){k(e,t),t.set(e,n)}function k(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function A(e,t,n){return e.set(M(e,t),n),n}function j(e,t){return e.get(M(e,t))}function M(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 N(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(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:L(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||L(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 R(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:F(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 F(e){var t=I(e,`string`);return typeof t==`symbol`?t:t+``}function I(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 L(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 R(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 z(e){return e}h=[e.customElement(`solid-ui-combobox`)];var B;new(E=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,D=(g=(0,a.property)({type:String,reflect:!0}),v=(0,a.property)({type:String}),b=(0,a.query)(`[popover]`),S=(0,a.query)(`input`),w=(0,a.state)(),`label`),s=class extends t.default{constructor(...e){super(...e),O(this,c,(p(this),_(this,``))),O(this,l,y(this,``)),O(this,u,x(this,null)),O(this,d,C(this,null)),O(this,f,T(this,``)),N(this,`inputId`,`combobox-${n.generateId()}`)}get[D](){return j(c,this)}set label(e){A(c,this,e)}get value(){return j(l,this)}set value(e){A(l,this,e)}get popoverElement(){return j(u,this)}set popoverElement(e){A(u,this,e)}get inputElement(){return j(d,this)}set inputElement(e){A(d,this,e)}get filter(){return j(f,this)}set filter(e){A(f,this,e)}render(){let e=this.getOptions().filter(e=>e.toLowerCase().includes(this.filter));return i.html`
-        ${this.label?i.html`<label for="${this.inputId}">${this.label}</label>`:``}
-        <div class="input-wrapper">
-            <input
-                id="${this.inputId}"
-                .value=${this.value}
-                type="text"
-                @keydown=${this.onInputKeyDown}
-                @click=${this.onInputClick}
-                @input=${this.onInputChange}
-            />
-            <icon-lucide-chevron-down></icon-lucide-chevron-down>
-        </div>
-        <div role="listbox" aria-labelledby="${this.inputId}" popover>
-          ${e.map(e=>i.html`<div role="option" aria-selected="false" @click=${()=>this.onOptionClick(e)}>${e}</div>`)}
-        </div>
-    `}getOptions(){let e=this.querySelectorAll(`solid-ui-combobox-option`);return Array.from(e).map(e=>e.value)}setValue(e){this.filter=e.toLowerCase(),this.value=e,this.getInternals().setFormValue(e),this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))}onInputKeyDown(e){switch(e.key){case`ArrowDown`:e.preventDefault(),this.popoverElement?.showPopover();break;case`Enter`:this.popoverElement?.matches(`:popover-open`)||(e.preventDefault(),this.getInternals().form?.requestSubmit());break}}onInputClick(e){e.preventDefault(),this.popoverElement?.showPopover()}onInputChange(){this.setValue(this.inputElement?.value??``)}onOptionClick(e){this.setValue(e),this.popoverElement?.hidePopover()}},{e:[_,y,x,C,T,p],c:[B,m]}=P(s,[[g,1,`label`],[v,1,`value`],[b,1,`popoverElement`],[S,1,`inputElement`],[w,1,`filter`]],h,0,void 0,t.default),s),o=class extends z{constructor(){super(B),N(this,`styles`,r.default),N(this,`formAssociated`,!0),m()}},N(o,E,void 0),o),Object.defineProperty(exports,"_Combobox",{enumerable:!0,get:function(){return B}});
-//# sourceMappingURL=Combobox.cjs.js.map

package/dist/design-system/components/combobox/Combobox.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.cjs.js","names":["html","customElement","property","query","state","WebComponent","styles","generateId","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_valueDecs","_popoverElementDecs","_inputElementDecs","_filterDecs","_Combobox3","Combobox","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_label","_init_value","_init_popoverElement","_init_inputElement","_init_filter","_defineProperty","_classPrivateFieldGet","label","v","_classPrivateFieldSet","value","popoverElement","inputElement","filter","render","options","getOptions","option","toLowerCase","includes","inputId","onInputKeyDown","onInputClick","onInputChange","map","onOptionClick","querySelectorAll","Array","from","setValue","getInternals","setFormValue","dispatchEvent","InputEvent","bubbles","composed","e","key","preventDefault","showPopover","matches","form","requestSubmit","hidePopover","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../../src/design-system/components/combobox/Combobox.ts"],"sourcesContent":["import { html } from 'lit'\nimport { customElement } from '../../../primitives/lib/customElement'\nimport { property, query, state } from 'lit/decorators.js'\nimport WebComponent from '../../../primitives/lib/WebComponent'\n\nimport styles from './Combobox.styles.css'\nimport { generateId } from '../../lib/ids'\nimport ComboboxOption from '../combobox-option/ComboboxOption'\nimport '~icons/lucide/chevron-down'\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = ''\n\n  @property({ type: String })\n  accessor value = ''\n\n  @query('[popover]')\n  private accessor popoverElement: HTMLDivElement | null = null\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  private inputId = `combobox-${generateId()}`\n\n  protected render () {\n    const options = this.getOptions().filter(option => option.toLowerCase().includes(this.filter))\n\n    return html`\n        ${this.label ? html`<label for=\"${this.inputId}\">${this.label}</label>` : ''}\n        <div class=\"input-wrapper\">\n            <input\n                id=\"${this.inputId}\"\n                .value=${this.value}\n                type=\"text\"\n                @keydown=${this.onInputKeyDown}\n                @click=${this.onInputClick}\n                @input=${this.onInputChange}\n            />\n            <icon-lucide-chevron-down></icon-lucide-chevron-down>\n        </div>\n        <div role=\"listbox\" aria-labelledby=\"${this.inputId}\" popover>\n          ${options.map(option => html`<div role=\"option\" aria-selected=\"false\" @click=${() => this.onOptionClick(option)}>${option}</div>`)}\n        </div>\n    `\n  }\n\n  private getOptions (): string[] {\n    const options = this.querySelectorAll<ComboboxOption>('solid-ui-combobox-option')\n\n    return Array.from(options).map(option => option.value)\n  }\n\n  private setValue (value: string) {\n    this.filter = value.toLowerCase()\n    this.value = value\n\n    this.getInternals().setFormValue(value)\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n  }\n\n  private onInputKeyDown (e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        this.popoverElement?.showPopover()\n        break\n      case 'Enter':\n        if (!this.popoverElement?.matches(':popover-open')) {\n          e.preventDefault()\n\n          this.getInternals().form?.requestSubmit()\n        }\n        break\n    }\n  }\n\n  private onInputClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.popoverElement?.showPopover()\n  }\n\n  private onInputChange () {\n    this.setValue(this.inputElement?.value ?? '')\n  }\n\n  private onOptionClick (option: string) {\n    this.setValue(option)\n\n    this.popoverElement?.hidePopover()\n  }\n}\n"],"mappings":"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"}

package/dist/design-system/components/combobox/Combobox.d.ts

@@ -1,19 +0,0 @@
-import { default as WebComponent } from '../../../primitives/lib/WebComponent';
-export default class Combobox extends WebComponent {
-    static styles: import('lit').CSSResult;
-    static formAssociated: boolean;
-    accessor label: string;
-    accessor value: string;
-    private accessor popoverElement;
-    private accessor inputElement;
-    private accessor filter;
-    private inputId;
-    protected render(): import('lit-html').TemplateResult<1>;
-    private getOptions;
-    private setValue;
-    private onInputKeyDown;
-    private onInputClick;
-    private onInputChange;
-    private onOptionClick;
-}
-//# sourceMappingURL=Combobox.d.ts.map