solid-ui 3.1.3-1 → 3.1.3-2

package/dist/components/combobox/Combobox.esm.js

@@ -0,0 +1,304 @@
+import { customElement as e } from "../../lib/components/decorators.esm.js";
+import { generateId as t } from "../../lib/components/ids.esm.js";
+import n from "../../lib/components/web-component/WebComponent.esm.js";
+import "../../lib/components/index.esm.js";
+import "../../_virtual/~icons/lucide/chevron-down.esm.js";
+import r from "./Combobox.styles.esm.js";
+import { html as i } from "lit";
+import { property as a, query as o, state as s } from "lit/decorators.js";
+//#region src/components/combobox/Combobox.ts
+var c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k;
+function A(e, t, n) {
+	j(e, t), t.set(e, n);
+}
+function j(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function M(e, t, n) {
+	return e.set(P(e, t), n), n;
+}
+function N(e, t) {
+	return e.get(P(e, t));
+}
+function P(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 F(e, t, n) {
+	return (t = L(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function I(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: z(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || z(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 B(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 : L(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 L(e) {
+	var t = R(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function R(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 z(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 B(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 V(e) {
+	return e;
+}
+_ = [e("solid-ui-combobox")];
+var H;
+new (O = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), k = (v = a({
+	type: String,
+	reflect: !0
+}), b = a({ type: String }), S = o("[popover]"), w = o("input"), E = s(), "label"), l = class extends n {
+	constructor(...e) {
+		super(...e), A(this, u, (h(this), y(this, ""))), A(this, d, x(this, "")), A(this, f, C(this, null)), A(this, p, T(this, null)), A(this, m, D(this, "")), F(this, "inputId", `combobox-${t()}`);
+	}
+	get [k]() {
+		return N(u, this);
+	}
+	set label(e) {
+		M(u, this, e);
+	}
+	get value() {
+		return N(d, this);
+	}
+	set value(e) {
+		M(d, this, e);
+	}
+	get popoverElement() {
+		return N(f, this);
+	}
+	set popoverElement(e) {
+		M(f, this, e);
+	}
+	get inputElement() {
+		return N(p, this);
+	}
+	set inputElement(e) {
+		M(p, this, e);
+	}
+	get filter() {
+		return N(m, this);
+	}
+	set filter(e) {
+		M(m, this, e);
+	}
+	render() {
+		let e = this.getOptions().filter((e) => e.toLowerCase().includes(this.filter));
+		return i`
+        ${this.label ? i`<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`<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, D, h], c: [H, g]} = I(l, [
+	[
+		v,
+		1,
+		"label"
+	],
+	[
+		b,
+		1,
+		"value"
+	],
+	[
+		S,
+		1,
+		"popoverElement"
+	],
+	[
+		w,
+		1,
+		"inputElement"
+	],
+	[
+		E,
+		1,
+		"filter"
+	]
+], _, 0, void 0, n), l), c = class extends V {
+	constructor() {
+		super(H), F(this, "styles", r), F(this, "formAssociated", !0), g();
+	}
+}, F(c, O, void 0), c)();
+//#endregion
+export { H as _Combobox };
+
+//# sourceMappingURL=Combobox.esm.js.map

package/dist/components/combobox/Combobox.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.esm.js","names":["html","property","query","state","generateId","WebComponent","customElement","styles","_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/components/combobox/Combobox.ts"],"sourcesContent":["import { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { generateId, WebComponent, customElement } from '@/lib/components'\nimport ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Combobox.styles.css'\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/components/combobox/Combobox.stories.d.ts

@@ -0,0 +1,27 @@
+declare const meta: {
+    readonly title: "Combobox";
+    readonly args: {
+        readonly label: "What is the best food?";
+        readonly options: "Pizza, Ramen, Tacos";
+    };
+    readonly argTypes: {
+        readonly label: {
+            readonly control: "text";
+        };
+        readonly options: {
+            readonly control: "text";
+        };
+    };
+};
+export default meta;
+export declare const Primary: {
+    render: (args: import('../../storybook').GetStoryArgs<{
+        readonly label: {
+            readonly control: "text";
+        };
+        readonly options: {
+            readonly control: "text";
+        };
+    }>) => HTMLDivElement;
+};
+//# sourceMappingURL=Combobox.stories.d.ts.map

package/dist/components/combobox/Combobox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.ts"],"names":[],"mappings":"AAGA,OAAO,8BAA8B,CAAA;AAErC,OAAO,YAAY,CAAA;AAEnB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAUA,CAAA;AAYV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;CAAa,CAAA"}

package/dist/components/combobox/Combobox.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{anchor-name:--combobox-anchor;width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host [popover]:popover-open{top:calc(anchor(bottom) + 5px);left:anchor(left);min-width:anchor-size(width);position-try-fallbacks:flip-block, flip-inline;position-anchor:--combobox-anchor;border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;flex-direction:column;display:flex;position:fixed;bottom:auto;right:auto;overflow:visible;box-shadow:0 4px 16px #00000059}:host [popover]:popover-open [role=option]{color:var(--solid-ui-color-gray-700);border-bottom:1px solid var(--solid-ui-color-gray-100);padding:12px 8px}:host [popover]:popover-open [role=option]:hover{background:#0000000d}`;exports.default=e;
+//# sourceMappingURL=Combobox.styles.cjs.js.map

package/dist/components/combobox/Combobox.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.cjs.js","names":[],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        anchor-name: --combobox-anchor;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    [popover]:popover-open {\n        position: fixed;\n        top: calc(anchor(bottom) + 5px);\n        left: anchor(left);\n        right: auto;\n        bottom: auto;\n        min-width: anchor-size(width);\n        overflow: visible;\n        position-try-fallbacks: flip-block, flip-inline;\n        position-anchor: --combobox-anchor;\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        display: flex;\n        flex-direction: column;\n\n        [role=\"option\"] {\n            padding: 12px 8px;\n            color: var(--solid-ui-color-gray-700);\n            border-bottom: 1px solid var(--solid-ui-color-gray-100);\n\n            &:hover {\n                background: rgba(0, 0, 0, 0.05);\n            }\n        }\n    }\n\n}\n"],"mappings":""}

package/dist/components/combobox/Combobox.styles.esm.js

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region src/components/combobox/Combobox.styles.css
+var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{anchor-name:--combobox-anchor;width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host [popover]:popover-open{top:calc(anchor(bottom) + 5px);left:anchor(left);min-width:anchor-size(width);position-try-fallbacks:flip-block, flip-inline;position-anchor:--combobox-anchor;border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;flex-direction:column;display:flex;position:fixed;bottom:auto;right:auto;overflow:visible;box-shadow:0 4px 16px #00000059}:host [popover]:popover-open [role=option]{color:var(--solid-ui-color-gray-700);border-bottom:1px solid var(--solid-ui-color-gray-100);padding:12px 8px}:host [popover]:popover-open [role=option]:hover{background:#0000000d}`;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Combobox.styles.esm.js.map

package/dist/components/combobox/Combobox.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.esm.js","names":[],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        anchor-name: --combobox-anchor;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    [popover]:popover-open {\n        position: fixed;\n        top: calc(anchor(bottom) + 5px);\n        left: anchor(left);\n        right: auto;\n        bottom: auto;\n        min-width: anchor-size(width);\n        overflow: visible;\n        position-try-fallbacks: flip-block, flip-inline;\n        position-anchor: --combobox-anchor;\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        display: flex;\n        flex-direction: column;\n\n        [role=\"option\"] {\n            padding: 12px 8px;\n            color: var(--solid-ui-color-gray-700);\n            border-bottom: 1px solid var(--solid-ui-color-gray-100);\n\n            &:hover {\n                background: rgba(0, 0, 0, 0.05);\n            }\n        }\n    }\n\n}\n"],"mappings":""}

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

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

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

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

package/dist/components/combobox/index.d.ts

@@ -1,2 +1,4 @@
-export * from '../../v2/components/forms/combobox';
+import { default as Combobox } from './Combobox';
+export { Combobox };
+export default Combobox;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,eAAe,QAAQ,CAAA"}

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

@@ -1,3 +1,7 @@
-import { Combobox as e } from "../../v2/components/forms/combobox/Combobox.esm.js";
-import "../../v2/components/forms/combobox/index.esm.js";
-export { e as Combobox };
+import { _Combobox as e } from "./Combobox.esm.js";
+//#region src/components/combobox/index.ts
+var t = e;
+//#endregion
+export { e as Combobox, t as default };
+
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/components/combobox-option/ComboboxOption.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");let n=require("lit"),r=require("lit/decorators.js");var i,a,o,s,c,l,u;function d(e,t,n){f(e,t),t.set(e,n)}function f(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function p(e,t,n){return e.set(h(e,t),n),n}function m(e,t){return e.get(h(e,t))}function h(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 g(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],b=!l;if(!b){n||Array.isArray(_)||(_=[_]);var x={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?x={get:y(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:x[C]=v,f||y(x[C],r,i===2?``:C)):f||(x=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(b)(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),x.value}:(i<4&&(A=o(x,`get`,h)),i!==3&&(j=o(x,`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:x.get,set:x.set}:x[C],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(x.get=g),(g=c(w.set,`accessor.set`))&&(x.set=g),(g=c(w.init,`accessor.init`))&&S.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?S.push(w):x[C]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=S.length-1;n>=0;n--)t=S[n].call(e,t);return t}),f||b||(d?p?l.push(o(x,`get`),o(x,`set`)):l.push(i===2?x[C]:o.call.bind(x[C])):Object.defineProperty(e,r,x)),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 b(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,v=16&m,y=!!(8&m),x=(m&=7)==0,S=h+`/`+y;if(!x&&!g){var C=u.get(S);if(!0===C||C===3&&m!==4||C===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(S,!(m>2)||m)}l(y?e:e.prototype,p,v,g?`#`+h:_(h),m,r,y?a||=[]:i||=[],o,y,g,x,m===1,y&&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 _(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(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 y(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 b(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}s=[e.customElement(`solid-ui-combobox-option`)];var x,S=new WeakMap;u=(c=(0,r.property)({type:String,reflect:!0}),`value`),i=class extends t.default{constructor(...e){super(...e),d(this,S,(a(this),l(this,``)))}get[u](){return m(S,this)}set value(e){p(S,this,e)}render(){return n.html`${n.nothing}`}},{e:[l,a],c:[x,o]}=g(i,[[c,1,`value`]],s,0,void 0,t.default),o(),Object.defineProperty(exports,"_ComboboxOption",{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=ComboboxOption.cjs.js.map

package/dist/components/combobox-option/ComboboxOption.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.cjs.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_ComboboxOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","ComboboxOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_ComboboxOption2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/combobox-option/ComboboxOption.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-combobox-option')\nexport default class ComboboxOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,0BAA0B,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,UAE9B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAP2Cb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEtC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAP2CJ,EAAAA,OAAY,EAAA2B,EAAA"}

package/dist/components/combobox-option/ComboboxOption.d.ts

@@ -0,0 +1,6 @@
+import { WebComponent } from '../../lib/components';
+export default class ComboboxOption extends WebComponent {
+    accessor value: string;
+    protected render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=ComboboxOption.d.ts.map

package/dist/components/combobox-option/ComboboxOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../../src/components/combobox-option/ComboboxOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,YAAY;IAEtD,QAAQ,CAAC,KAAK,SAAK;IAEnB,SAAS,CAAC,MAAM;CAGjB"}

package/dist/components/combobox-option/ComboboxOption.esm.js

@@ -0,0 +1,194 @@
+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 { html as n, nothing as r } from "lit";
+import { property as i } from "lit/decorators.js";
+//#region src/components/combobox-option/ComboboxOption.ts
+var a, o, s, c, l, u, d;
+function f(e, t, n) {
+	p(e, t), t.set(e, n);
+}
+function p(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function m(e, t, n) {
+	return e.set(g(e, t), n), n;
+}
+function h(e, t) {
+	return e.get(g(e, t));
+}
+function g(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 _(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 x = {}, S = [], C = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? x = {
+				get: b(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : x[C] = v, f || b(x[C], r, i === 2 ? "" : C)) : f || (x = 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), x.value;
+					} : (i < 4 && (A = o(x, "get", h)), i !== 3 && (j = o(x, "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: x.get,
+						set: x.set
+					} : x[C], k), p) {
+						if (typeof w == "object" && w) (g = c(w.get, "accessor.get")) && (x.get = g), (g = c(w.set, "accessor.set")) && (x.set = g), (g = c(w.init, "accessor.init")) && S.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 ? S.push(w) : x[C] = w);
+				}
+			} finally {
+				O.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = S.length - 1; n >= 0; n--) t = S[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(x, "get"), o(x, "set")) : l.push(i === 2 ? x[C] : o.call.bind(x[C])) : Object.defineProperty(e, r, x)), 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 x(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, y = !!(8 & m), b = (m &= 7) == 0, S = h + "/" + y;
+				if (!b && !g) {
+					var C = u.get(S);
+					if (!0 === C || C === 3 && m !== 4 || C === 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(S, !(m > 2) || m);
+				}
+				l(y ? e : e.prototype, p, _, g ? "#" + h : v(h), m, r, y ? a ||= [] : i ||= [], o, y, g, b, m === 1, y && 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 v(e) {
+	var t = y(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function y(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 b(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 x(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+c = [e("solid-ui-combobox-option")];
+var S, C = /*#__PURE__*/ new WeakMap();
+d = (l = i({
+	type: String,
+	reflect: !0
+}), "value"), a = class extends t {
+	constructor(...e) {
+		super(...e), f(this, C, (o(this), u(this, "")));
+	}
+	get [d]() {
+		return h(C, this);
+	}
+	set value(e) {
+		m(C, this, e);
+	}
+	render() {
+		return n`${r}`;
+	}
+}, {e: [u, o], c: [S, s]} = _(a, [[
+	l,
+	1,
+	"value"
+]], c, 0, void 0, t), s();
+//#endregion
+export { S as _ComboboxOption };
+
+//# sourceMappingURL=ComboboxOption.esm.js.map

package/dist/components/combobox-option/ComboboxOption.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.esm.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_ComboboxOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","ComboboxOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_ComboboxOption2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/combobox-option/ComboboxOption.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-combobox-option')\nexport default class ComboboxOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,0BAA0B,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEvCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAP2Cb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEtC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAP2CJ,CAAY,GAAA2B,EAAA"}

package/dist/components/combobox-option/index.cjs.js

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