profile-pane 3.2.3-0 → 3.2.3-1

package/lib/profile-pane.js

@@ -18138,6 +18138,38 @@ exports.qrToImageData = function qrToImageData (imgData, qr, opts) {
 }
 
 
+/***/ },
+
+/***/ 8206
+() {
+
+//#region ~icons/lucide/chevron-down
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/></svg>";
+	}
+};
+customElements.get("icon-lucide-chevron-down") || customElements.define("icon-lucide-chevron-down", e);
+//#endregion
+
+//# sourceMappingURL=chevron-down.esm.js.map
+
+/***/ },
+
+/***/ 5609
+() {
+
+//#region ~icons/svg-spinners/180-ring
+var e = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"currentColor\" d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\"><animateTransform attributeName=\"transform\" dur=\"0.75s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"/></path></svg>";
+	}
+};
+customElements.get("icon-svg-spinners-180-ring") || customElements.define("icon-svg-spinners-180-ring", e);
+//#endregion
+
+//# sourceMappingURL=180-ring.esm.js.map
+
 /***/ },
 
 /***/ 5072
@@ -20583,6 +20615,24 @@ async function presentProfileViewModel(subject, store) {
     };
 }
 
+;// ./node_modules/solid-ui/dist/lib/components/decorators.esm.js
+//#region src/lib/components/decorators.ts
+function decorators_esm_e(e, t) {
+	customElements.get(e) || customElements.define(e, t);
+}
+function decorators_esm_t(t) {
+	return (n, r) => {
+		if (r) {
+			r.addInitializer(() => decorators_esm_e(t, n));
+			return;
+		}
+		decorators_esm_e(t, n);
+	};
+}
+//#endregion
+
+
+//# sourceMappingURL=decorators.esm.js.map
 ;// ./node_modules/@lit/reactive-element/css-tag.js
 /**
  * @license
@@ -20614,367 +20664,401 @@ const css_tag_t=globalThis,css_tag_e=css_tag_t.ShadowRoot&&(void 0===css_tag_t.S
 
 //# sourceMappingURL=index.js.map
 
-;// ./node_modules/solid-ui/dist/v2/components/actions/button/Button.esm.js
+;// ./node_modules/solid-ui/dist/lib/components/web-component/WebComponent.styles.esm.js
 
-//#region src/v2/components/actions/button/Button.ts
-var Button_esm_i = class extends lit_element_i {
-	static properties = {
-		label: {
-			type: String,
-			reflect: !0
-		},
-		type: {
-			type: String,
-			reflect: !0
-		},
-		disabled: {
-			type: Boolean,
-			reflect: !0
-		},
-		selected: {
-			type: Boolean,
-			reflect: !0
-		},
-		ariaLabel: {
-			type: String,
-			attribute: "aria-label"
-		},
-		name: {
-			type: String,
-			reflect: !0
-		},
-		value: {
-			type: String,
-			reflect: !0
-		},
-		variant: {
-			type: String,
-			reflect: !0
-		},
-		size: {
-			type: String,
-			reflect: !0
-		},
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		fullWidth: {
-			type: Boolean,
-			attribute: "full-width",
-			reflect: !0
-		},
-		icon: {
-			type: String,
-			reflect: !0
-		},
-		iconPosition: {
-			type: String,
-			attribute: "icon-position",
-			reflect: !0
-		},
-		contentAlign: {
-			type: String,
-			attribute: "content-align",
-			reflect: !0
-		},
-		handleClick: { attribute: !1 },
-		_hasSlottedIcon: { state: !0 }
-	};
-	static styles = css_tag_i`
-    :host {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      --button-background: var(--color-background, #f8f9fb);
-      --button-text: var(--color-text-subheading, #101828);
-      --button-border: var(--color-border-button, var(--gray-300, #D1D5DC));
-      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));
-      --button-hover-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --button-hover-text: var(--color-text-subheading, #101828);
-      --button-selected-background: var(--color-surface-selected, var(--color-surface-action, var(--color-primary, #7C4DFF)));
-      --button-selected-text: var(--color-text-selected, var(--color-text-on-action, var(--white, #FFF)));
-      --button-selected-border: var(--color-border-selected, var(--color-border-action, var(--color-primary, #7C4DFF)));
-      --button-icon-color: currentColor;
-      --button-focus-ring: var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      --button-height-sm: 1.875rem;
-      --button-height-md: var(--min-touch-target, 44px);
-      --button-height-lg: calc(var(--min-touch-target, 44px) + 0.5rem);
-      --button-padding-x-sm: var(--spacing-xs, 0.75rem);
-      --button-padding-x-md: var(--spacing-sm, 0.9375rem);
-      --button-padding-x-lg: var(--spacing-md, 1.25rem);
-      --button-font-size-sm: var(--font-size-sm, 0.875rem);
-      --button-font-size-md: var(--font-size-md, 1rem);
-      --button-font-size-lg: var(--font-size-lg, 1.125rem);
-      --button-icon-size-sm: var(--icon-xxxs, 0.75rem);
-      --button-icon-size-md: var(--icon-xxs, 1rem);
-      --button-icon-size-lg: var(--icon-xxs, 1rem);
-      --button-padding-sm: 0 var(--button-padding-x-sm);
-      --button-padding-md: 0 var(--button-padding-x-md);
-      --button-padding-lg: 0 var(--button-padding-x-lg);
-      --button-border-width: 1px;
-      --button-border-radius: var(--border-radius-base, 0.3125rem);
-      --button-font-weight: var(--font-weight-bold, 600);
-      --button-line-height: 1;
-      --button-justify-content: center;
-      --button-content-justify-content: var(--button-justify-content);
-      --button-label-text-align: center;
-      --button-box-shadow: none;
-      --button-hover-box-shadow: var(--button-box-shadow);
-      --button-active-box-shadow: var(--button-hover-box-shadow);
-      --button-active-transform: translateY(1px);
-      --button-focus-outline: 2px solid var(--button-focus-ring);
-      --button-focus-outline-offset: 2px;
-      --button-focus-box-shadow: none;
-      --button-transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
-    }
-
-    :host([hidden]) {
-      display: none;
-    }
+//#region src/lib/components/web-component/WebComponent.styles.css
+var WebComponent_styles_esm_t = css_tag_i`/*! 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}`;
+//#endregion
 
-    :host([theme='dark']) {
-      --button-background: var(--color-background, #242a31);
-      --button-text: var(--color-text-subheading, #f8f9fb);
-      --button-border: var(--color-border, #46515b);
-      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));
-      --button-hover-border: var(--color-border, #46515b);
-      --button-hover-text: var(--color-text-subheading, #f8f9fb);
-    }
 
-    :host([variant='primary']) {
-      --button-background: var(--color-surface-action, var(--color-primary, #7C4DFF));
-      --button-text: var(--color-text-on-action, var(--white, #FFF));
-      --button-border: var(--color-border-action, var(--color-primary, #7C4DFF));
-      --button-hover-background: var(--color-surface-action-hover, #6d3cf2);
-      --button-hover-border: var(--color-border-action, var(--color-primary, #7C4DFF));
-      --button-hover-text: var(--color-text-on-action, var(--white, #FFF));
-    }
+//# sourceMappingURL=WebComponent.styles.esm.js.map
+;// ./node_modules/solid-ui/dist/lib/components/web-component/WebComponent.esm.js
 
-    :host([variant='icon']) {
-      --button-padding-x-sm: var(--spacing-xxs, 0.3125rem);
-      --button-padding-x-md: var(--spacing-base, 0.5rem);
-      --button-padding-x-lg: var(--spacing-2xs, 0.625rem);
-    }
 
-    :host([full-width]) {
-      width: 100%;
-    }
+//#region src/lib/components/web-component/WebComponent.ts
+var WebComponent_esm_r = class extends lit_element_i {
+	static states;
+	static finalizeStyles(t) {
+		return [WebComponent_styles_esm_t, ...super.finalizeStyles(t)];
+	}
+	internals;
+	globalListeners = [];
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		for (let [e, t] of this.globalListeners) window.removeEventListener(e, t);
+		this.globalListeners = [];
+	}
+	willUpdate(e) {
+		super.willUpdate(e);
+		let t = this.static().states;
+		if (!t) return;
+		let n = this.getInternals();
+		for (let [e, r] of Object.entries(t)) {
+			let t = r(this);
+			t && !n.states.has(e) ? n.states.add(e) : !t && n.states.has(e) && n.states.delete(e);
+		}
+	}
+	addGlobalEventListener(e, t) {
+		this.globalListeners.push([e, t]), window.addEventListener(e, t);
+	}
+	render() {
+		return b`<slot></slot>`;
+	}
+	getInternals() {
+		return this.internals ??= this.attachInternals(), this.internals;
+	}
+	static() {
+		return this.constructor;
+	}
+};
+//#endregion
 
-    :host([content-align='start']) {
-      --button-justify-content: flex-start;
-      --button-content-justify-content: flex-start;
-      --button-label-text-align: left;
-    }
 
-    :host([content-align='end']) {
-      --button-justify-content: flex-end;
-      --button-content-justify-content: flex-end;
-      --button-label-text-align: right;
-    }
+//# sourceMappingURL=WebComponent.esm.js.map
+;// ./node_modules/solid-ui/dist/lib/components/web-component/index.esm.js
 
-    :host([selected]) {
-      --button-background: var(--button-selected-background);
-      --button-text: var(--button-selected-text);
-      --button-border: var(--button-selected-border);
-    }
 
-    .button {
-      display: inline-flex;
-      width: 100%;
-      min-height: var(--button-height-md);
-      padding: var(--button-padding-md);
-      align-items: center;
-      justify-content: var(--button-justify-content);
-      gap: var(--spacing-xxs, 0.375rem);
-      border-radius: var(--button-border-radius);
-      background: var(--button-background);
-      border: var(--button-border-width) solid var(--button-border);
-      box-shadow: var(--button-box-shadow);
-      color: var(--button-text);
-      cursor: pointer;
-      font: inherit;
-      font-size: var(--button-font-size-md);
-      font-weight: var(--button-font-weight);
-      line-height: var(--button-line-height);
-      white-space: nowrap;
-      text-decoration: none;
-      box-sizing: border-box;
-      transition: var(--button-transition);
-    }
+;// ./node_modules/solid-ui/dist/lib/components/index.esm.js
 
-    :host([size='sm']) .button {
-      min-height: var(--button-height-sm);
-      padding: var(--button-padding-sm);
-      font-size: var(--button-font-size-sm);
-    }
 
-    :host([size='lg']) .button {
-      min-height: var(--button-height-lg);
-      padding: var(--button-padding-lg);
-      font-size: var(--button-font-size-lg);
-    }
 
-    .button:hover:not(:disabled) {
-      background: var(--button-hover-background);
-      border-color: var(--button-hover-border, var(--button-border));
-      box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow));
-      color: var(--button-hover-text);
-    }
 
-    :host([selected]) .button:hover:not(:disabled) {
-      background: var(--button-hover-background);
-      border-color: var(--button-selected-border);
-      color: var(--button-selected-text);
-    }
-      
-    .button:focus-visible {
-      outline: var(--button-focus-outline);
-      outline-offset: var(--button-focus-outline-offset);
-      box-shadow: var(--button-focus-box-shadow);
-    }
 
-    .button:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-      transform: none;
-    }
+// EXTERNAL MODULE: ./node_modules/solid-ui/dist/_virtual/~icons/svg-spinners/180-ring.esm.js
+var _180_ring_esm = __webpack_require__(5609);
+;// ./node_modules/solid-ui/dist/components/button/Button.styles.esm.js
 
-    .button__content {
-      display: inline-flex;
-      align-items: center;
-      justify-content: var(--button-content-justify-content);
-      gap: inherit;
-      width: 100%;
-    }
+//#region src/components/button/Button.styles.css
+var Button_styles_esm_t = css_tag_i`: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: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:color-mix(in srgb, currentColor 25%, transparent)}`;
+//#endregion
 
-    :host([icon-position='end']) .button__content {
-      flex-direction: row-reverse;
-    }
 
-    .button__icon {
-      width: var(--button-icon-size-md);
-      height: var(--button-icon-size-md);
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--button-icon-color);
-      flex-shrink: 0;
-    }
+//# sourceMappingURL=Button.styles.esm.js.map
+;// ./node_modules/@lit/reactive-element/decorators/property.js
 
-    :host([size='sm']) .button__icon {
-      width: var(--button-icon-size-sm);
-      height: var(--button-icon-size-sm);
-    }
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const property_o={attribute:!0,type:String,converter:reactive_element_u,reflect:!1,hasChanged:reactive_element_f},property_r=(t=property_o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),"accessor"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t,!0,r)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t,!0,r)}}throw Error("Unsupported decorator location: "+n)};function property_n(t){return(e,o)=>"object"==typeof o?property_r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
+//# sourceMappingURL=property.js.map
 
-    :host([size='lg']) .button__icon {
-      width: var(--button-icon-size-lg);
-      height: var(--button-icon-size-lg);
-    }
+;// ./node_modules/@lit/reactive-element/decorators/state.js
 
-    .button__icon ::slotted(*) {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function state_r(r){return property_n({...r,state:!0,attribute:!1})}
+//# sourceMappingURL=state.js.map
 
-    .button__icon-image {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
+;// ./node_modules/@lit/reactive-element/decorators/base.js
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const base_e=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
+//# sourceMappingURL=base.js.map
 
-    .button__label {
-      display: inline-flex;
-      align-items: center;
-      justify-content: var(--button-content-justify-content);
-      min-width: 0;
-      width: 100%;
-      text-align: var(--button-label-text-align);
-    }
+;// ./node_modules/@lit/reactive-element/decorators/query.js
 
-    :host([variant='icon']) .button__label {
-      display: none;
-    }
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function query_e(e,r){return(n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(r){const{get:e,set:r}="object"==typeof s?n:i??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return base_e(n,s,{get(){let t=e.call(this);return void 0===t&&(t=o(this),(null!==t||this.hasUpdated)&&r.call(this,t)),t}})}return base_e(n,s,{get(){return o(this)}})}}
+//# sourceMappingURL=query.js.map
 
-    .button:active {
-      transform: var(--button-active-transform);
-      box-shadow: var(--button-active-box-shadow, var(--button-hover-box-shadow, var(--button-box-shadow)));
-    }
-  `;
-	_iconSlotObserver;
-	constructor() {
-		super(), this.label = "", this.type = "button", this.disabled = !1, this.selected = !1, this.ariaLabel = "", this.name = "", this.value = "", this.variant = "secondary", this.size = "md", this.theme = "light", this.fullWidth = !1, this.icon = "", this.iconPosition = "start", this.contentAlign = "center", this.handleClick = void 0, this._hasSlottedIcon = !1;
+;// ./node_modules/lit/decorators.js
+
+//# sourceMappingURL=decorators.js.map
+
+;// ./node_modules/solid-ui/dist/components/button/Button.esm.js
+
+
+
+
+
+
+
+//#region src/components/button/Button.ts
+var Button_esm_o, Button_esm_s, Button_esm_c, Button_esm_l, Button_esm_u, Button_esm_d, Button_esm_f, Button_esm_p, Button_esm_m, Button_esm_h, Button_esm_g, Button_esm_, Button_esm_v, Button_esm_y, Button_esm_b, Button_esm_x, Button_esm_S, Button_esm_C, Button_esm_w;
+function Button_esm_T(e, t, n) {
+	Button_esm_E(e, t), t.set(e, n);
+}
+function Button_esm_E(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function Button_esm_D(e, t, n) {
+	return e.set(Button_esm_k(e, t), n), n;
+}
+function O(e, t) {
+	return e.get(Button_esm_k(e, t));
+}
+function Button_esm_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 Button_esm_A(e, t, n) {
+	return (t = Button_esm_M(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function Button_esm_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);
+		};
 	}
-	connectedCallback() {
-		super.connectedCallback(), this._syncSlottedIconPresence(), this._iconSlotObserver = new MutationObserver(() => {
-			this._syncSlottedIconPresence();
-		}), this._iconSlotObserver.observe(this, {
-			childList: !0,
-			attributes: !0,
-			attributeFilter: ["slot"]
+	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: Button_esm_P(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || Button_esm_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
 		});
 	}
-	disconnectedCallback() {
-		this._iconSlotObserver?.disconnect(), this._iconSlotObserver = void 0, super.disconnectedCallback();
+	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 : Button_esm_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 Button_esm_M(e) {
+	var t = Button_esm_N(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function Button_esm_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.");
 	}
-	_handleButtonClick(e) {
-		this.handleClick?.(e);
+	return (t === "string" ? String : Number)(e);
+}
+function Button_esm_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 Button_esm_I(e) {
+	return e;
+}
+var Button_esm_L = (/* unused pure expression or super */ null && ([
+	"primary",
+	"secondary",
+	"tertiary",
+	"outline",
+	"ghost"
+]));
+Button_esm_m = [decorators_esm_t("solid-ui-button")];
+var Button_esm_R;
+new (Button_esm_C = (Button_esm_c = /*#__PURE__*/ new WeakMap(), Button_esm_l = /*#__PURE__*/ new WeakMap(), Button_esm_u = /*#__PURE__*/ new WeakMap(), Button_esm_d = /*#__PURE__*/ new WeakMap(), Button_esm_w = (Button_esm_h = property_n({
+	type: String,
+	reflect: !0
+}), Button_esm_ = property_n({
+	type: String,
+	reflect: !0
+}), Button_esm_y = property_n({ type: Boolean }), Button_esm_x = property_n({ type: Boolean }), "variant"), Button_esm_s = class extends WebComponent_esm_r {
+	constructor(...e) {
+		super(...e), Button_esm_T(this, Button_esm_c, (Button_esm_f(this), Button_esm_g(this, "primary"))), Button_esm_T(this, Button_esm_l, Button_esm_v(this, "button")), Button_esm_T(this, Button_esm_u, Button_esm_b(this, void 0)), Button_esm_T(this, Button_esm_d, Button_esm_S(this, !1));
 	}
-	_handleIconSlotChange(e) {
-		let t = e.target;
-		this._hasSlottedIcon = t.assignedNodes({ flatten: !0 }).length > 0;
+	get [Button_esm_w]() {
+		return O(Button_esm_c, this);
 	}
-	_syncSlottedIconPresence() {
-		this._hasSlottedIcon = this.querySelector("[slot=\"icon\"]") !== null;
+	set variant(e) {
+		Button_esm_D(Button_esm_c, this, e);
 	}
-	_renderIcon() {
-		return !this._hasSlottedIcon && !this.icon ? A : b`
-      <span class="button__icon" part="icon">
-        <slot name="icon" @slotchange=${this._handleIconSlotChange}></slot>
-        ${!this._hasSlottedIcon && this.icon ? b`<img class="button__icon-image" src=${this.icon} alt="" aria-hidden="true" />` : A}
-      </span>
-    `;
+	get type() {
+		return O(Button_esm_l, this);
+	}
+	set type(e) {
+		Button_esm_D(Button_esm_l, this, e);
+	}
+	get disabled() {
+		return O(Button_esm_u, this);
+	}
+	set disabled(e) {
+		Button_esm_D(Button_esm_u, this, e);
+	}
+	get loading() {
+		return O(Button_esm_d, this);
+	}
+	set loading(e) {
+		Button_esm_D(Button_esm_d, this, e);
 	}
 	render() {
+		let e = this.disabled ?? this.loading;
 		return b`
-      <button
-        class="button"
-        type=${this.type}
-        ?disabled=${this.disabled}
-        aria-label=${this.ariaLabel || A}
-        name=${this.name || A}
-        value=${this.value || A}
-        part="button"
-        @click=${this._handleButtonClick}
-      >
-        <span class="button__content">
-          ${this._renderIcon()}
-          <span class="button__label" part="label">
-            <slot>${this.label}</slot>
-          </span>
-        </span>
-      </button>
+        <button type=${this.type} ?disabled=${e} @click=${this.onClick}>
+            ${this.loading ? b`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : A}
+            <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: [Button_esm_g, Button_esm_v, Button_esm_b, Button_esm_S, Button_esm_f], c: [Button_esm_R, Button_esm_p]} = Button_esm_j(Button_esm_s, [
+	[
+		Button_esm_h,
+		1,
+		"variant"
+	],
+	[
+		Button_esm_,
+		1,
+		"type"
+	],
+	[
+		Button_esm_y,
+		1,
+		"disabled"
+	],
+	[
+		Button_esm_x,
+		1,
+		"loading"
+	]
+], Button_esm_m, 0, void 0, WebComponent_esm_r), Button_esm_s), Button_esm_o = class extends Button_esm_I {
+	constructor() {
+		super(Button_esm_R), Button_esm_A(this, "styles", Button_styles_esm_t), Button_esm_A(this, "formAssociated", !0), Button_esm_p();
+	}
+}, Button_esm_A(Button_esm_o, Button_esm_C, void 0), Button_esm_o)();
 //#endregion
 
 
 //# sourceMappingURL=Button.esm.js.map
-;// ./node_modules/solid-ui/dist/v2/components/actions/button/index.esm.js
-
-//#region src/v2/components/actions/button/index.ts
-var index_esm_t = "solid-ui-button";
-customElements.get(index_esm_t) || customElements.define(index_esm_t, Button_esm_i);
-//#endregion
-
-//# sourceMappingURL=index.esm.js.map
 ;// ./node_modules/solid-ui/dist/components/button/index.esm.js
+/* unused harmony import specifier */ var index_esm_t;
 
+//#region src/components/button/index.ts
+var index_esm_n = (/* unused pure expression or super */ null && (index_esm_t));
+//#endregion
 
 
-
+//# sourceMappingURL=index.esm.js.map
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./src/ui/dialog.css
 var dialog = __webpack_require__(5250);
 ;// ./src/ui/dialog.css
@@ -21528,38 +21612,76 @@ var downArrow_esm_t = b`
 
 
 //# sourceMappingURL=downArrow.esm.js.map
-;// ./node_modules/solid-ui/dist/v2/components/forms/shared/listboxStyles.esm.js
-
-//#region src/v2/components/forms/shared/listboxStyles.ts
-var listboxStyles_esm_t = css_tag_i`
-  :host { /* default theme */
-      --input-background: var(--color-background, #F8F9FB);
-      --item-text: var(--color-text-heading, #000000);
-      --item-selected-text: var(--color-primary, #7c4dff);
-      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
-      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
-      --listbox-z-index: 1;
-    }
-
-    :host([theme='dark']) {
-      --input-background: var(--color-background, #1A1A1A);
-      --item-text: var(--color-text-heading, #F8F9FB);
-      --item-selected-text: var(--color-primary, #7c4dff);
-      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
-      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
-      --listbox-z-index: 1;
-    }
+;// ./node_modules/solid-ui/dist/v2/components/forms/shared/listboxTemplate.esm.js
 
-    .listbox {
-      position: relative;
-      top: 0;
-      left: 0;
-      right: 0;
-      display: flex;
-      flex-direction: column;
-      gap: 0.0625rem;
-      margin: 0;
-      padding: 0;
+//#region src/v2/components/forms/shared/listboxTemplate.ts
+function listboxTemplate_esm_t(t) {
+	let { options: n, selectedOption: r, activeOption: i, listboxId: a, getOptionId: o, onOptionSelect: s } = t;
+	return b`
+    <ul
+      class="listbox"
+      id="${a ?? ""}"
+      part="listbox"
+      role="listbox"
+      aria-orientation="vertical"
+    >
+      ${n.map((t, n) => {
+		let a = t.value === r?.value, c = t.value === i?.value;
+		return b`
+          <li
+            id="${o?.(t, n) ?? ""}"
+            class="listbox-item${a ? " listbox-item-selected" : ""}${c ? " listbox-item-active" : ""}${t.disabled ? " listbox-item-disabled" : ""}"
+            part="option${a ? " selected-option" : ""}${c ? " active-option" : ""}${t.disabled ? " disabled-option" : ""}"
+            role="option"
+            aria-selected="${a}"
+            aria-disabled="${t.disabled ? "true" : "false"}"
+            @click="${() => {
+			t.disabled || s(t);
+		}}"
+          >
+            ${t.label}
+          </li>
+        `;
+	})}
+    </ul>
+  `;
+}
+//#endregion
+
+
+//# sourceMappingURL=listboxTemplate.esm.js.map
+;// ./node_modules/solid-ui/dist/v2/components/forms/shared/listboxStyles.esm.js
+
+//#region src/v2/components/forms/shared/listboxStyles.ts
+var listboxStyles_esm_t = css_tag_i`
+  :host { /* default theme */
+      --input-background: var(--color-background, #F8F9FB);
+      --item-text: var(--color-text-heading, #000000);
+      --item-selected-text: var(--color-primary, #7c4dff);
+      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
+      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
+      --listbox-z-index: 1;
+    }
+
+    :host([theme='dark']) {
+      --input-background: var(--color-background, #1A1A1A);
+      --item-text: var(--color-text-heading, #F8F9FB);
+      --item-selected-text: var(--color-primary, #7c4dff);
+      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
+      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
+      --listbox-z-index: 1;
+    }
+
+    .listbox {
+      position: relative;
+      top: 0;
+      left: 0;
+      right: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 0.0625rem;
+      margin: 0;
+      padding: 0;
       list-style: none;
       border: none;
       border-radius: inherit;
@@ -21664,44 +21786,6 @@ function keyboard_esm_i(e) {
 
 
 //# sourceMappingURL=keyboard.esm.js.map
-;// ./node_modules/solid-ui/dist/v2/components/forms/shared/listboxTemplate.esm.js
-
-//#region src/v2/components/forms/shared/listboxTemplate.ts
-function listboxTemplate_esm_t(t) {
-	let { options: n, selectedOption: r, activeOption: i, listboxId: a, getOptionId: o, onOptionSelect: s } = t;
-	return b`
-    <ul
-      class="listbox"
-      id="${a ?? ""}"
-      part="listbox"
-      role="listbox"
-      aria-orientation="vertical"
-    >
-      ${n.map((t, n) => {
-		let a = t.value === r?.value, c = t.value === i?.value;
-		return b`
-          <li
-            id="${o?.(t, n) ?? ""}"
-            class="listbox-item${a ? " listbox-item-selected" : ""}${c ? " listbox-item-active" : ""}${t.disabled ? " listbox-item-disabled" : ""}"
-            part="option${a ? " selected-option" : ""}${c ? " active-option" : ""}${t.disabled ? " disabled-option" : ""}"
-            role="option"
-            aria-selected="${a}"
-            aria-disabled="${t.disabled ? "true" : "false"}"
-            @click="${() => {
-			t.disabled || s(t);
-		}}"
-          >
-            ${t.label}
-          </li>
-        `;
-	})}
-    </ul>
-  `;
-}
-//#endregion
-
-
-//# sourceMappingURL=listboxTemplate.esm.js.map
 ;// ./node_modules/lit/html.js
 
 //# sourceMappingURL=html.js.map
@@ -24551,414 +24635,339 @@ var LanguageSection_update = injectStylesIntoStyleTag_default()(LanguageSection/
 
        /* harmony default export */ const languages_LanguageSection = (LanguageSection/* default */.A && LanguageSection/* default */.A.locals ? LanguageSection/* default */.A.locals : undefined);
 
-;// ./node_modules/solid-ui/dist/v2/components/forms/combobox/Combobox.esm.js
-
-
-
-
-
-
-//#region src/v2/components/forms/combobox/Combobox.ts
-var Combobox_esm_p = class p extends lit_element_i {
-	static _nextId = 0;
-	_popupPortalHost = null;
-	_popupPortalRoot = null;
-	_popupPortalContainer = null;
-	_handleDocumentPointerDown = (e) => {
-		let t = e.target;
-		if (!this._popupOpen || !(t instanceof Node)) return;
-		let n = "composedPath" in e ? e.composedPath() : [];
-		n.includes(this) || this._popupPortalHost && n.includes(this._popupPortalHost) || this._popupPortalRoot && n.includes(this._popupPortalRoot) || this.contains(t) || this._closePopup();
-	};
-	_handleViewportChange = () => {
-		this._popupOpen && this._updatePopupPosition();
-	};
-	suggestionProvider;
-	static properties = {
-		label: {
-			type: String,
-			reflect: !0
-		},
-		placeholder: {
-			type: String,
-			reflect: !0
-		},
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		layout: {
-			type: String,
-			reflect: !0
-		},
-		value: {
-			type: String,
-			reflect: !0
-		},
-		inputValue: { type: String },
-		options: {
-			type: Array,
-			attribute: !1
-		},
-		_popupOpen: { state: !0 },
-		_activeIndex: { state: !0 }
-	};
-	static styles = [listboxStyles_esm_t, css_tag_i`
-    :host {
-      /* default theme */
-      display: block;
-      width: 100%;
-      min-width: 0;
-      max-width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      --popup-background: var(--color-background, #F8F9FB);
-      --popup-text: var(--color-text, #1A1A1A);
-      --popup-border: var(--color-border, #E5E7EB);
-      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
-      --input-background: var(--color-background, #F8F9FB);
-      --input-text: var(--color-text, #1A1A1A);
-      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --label-color: var(--grey-purple-700, #1A1A1A);
-      --placeholder-color: var(--grey-purple-700, #5e546d);
-      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
-    }
-
-    :host([theme='dark']) {
-      display: block;
-      width: 100%;
-      min-width: 0;
-      max-width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      --popup-background: var(--color-background, #F8F9FB);
-      --popup-text: var(--color-text, #1A1A1A);
-      --popup-border: var(--color-border, #E5E7EB);
-      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
-      --input-background: var(--color-background, #F8F9FB);
-      --input-text: var(--color-text, #1A1A1A);
-      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --label-color: var(--grey-purple-700, #1A1A1A);
-      --placeholder-color: var(--grey-purple-700, #5e546d);
-      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
-    }
+;// ./node_modules/solid-ui/dist/lib/components/ids.esm.js
+//#region src/lib/components/ids.ts
+function ids_esm_e() {
+	return Math.random().toString(36).substring(2, 15);
+}
+//#endregion
 
-    .popup-box {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      background: var(--popup-background);
-      color: var(--popup-text);
-      box-shadow: var(--popup-shadow);
-      border: 1px solid var(--popup-border);
-      border-radius: var(--border-radius-md, 0.5rem);
-      min-width: 100%;
-      overflow: hidden;
-      box-sizing: border-box;
-      isolation: isolate;
-    }
 
-    .select-options-section {
-      position: relative;
-      background: var(--popup-background);
-      border-radius: inherit;
-      isolation: isolate;
-    }
+//# sourceMappingURL=ids.esm.js.map
+// EXTERNAL MODULE: ./node_modules/solid-ui/dist/_virtual/~icons/lucide/chevron-down.esm.js
+var chevron_down_esm = __webpack_require__(8206);
+;// ./node_modules/solid-ui/dist/components/combobox/Combobox.styles.esm.js
 
-    .combobox-root {
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-    }
+//#region src/components/combobox/Combobox.styles.css
+var Combobox_styles_esm_t = css_tag_i`: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
 
-    .text-label {
-      color: var(--label-color);
-      margin-bottom: 6px;
-    }
 
-    .input-field-row {
-      display: flex;
-      flex-direction: row;
-      position: relative;
-      width: 100%;
-      min-width: 0;
-    }
+//# sourceMappingURL=Combobox.styles.esm.js.map
+;// ./node_modules/solid-ui/dist/components/combobox/Combobox.esm.js
 
-    .text-input {
-      display: block;
-      flex: 1;
-      width: 100%;
-      min-width: 0;
-      min-height: var(--combobox-input-height);
-      height: var(--combobox-input-height);
-      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);
-      border: 1px solid var(--input-border);
-      border-radius: var(--border-radius-base, 0.3125rem);
-      background: var(--input-background);
-      color: var(--input-text);
-      font: inherit;
-      font-size: var(--font-size-sm, 0.875rem);
-      font-weight: var(--font-weight-md, 500);
-      line-height: normal;
-      appearance: none;
-      -webkit-appearance: none;
-      box-sizing: border-box;
-    }
 
-    .text-input::placeholder {
-      color: var(--placeholder-color);
-    }
 
-    .text-input:focus-visible {
-      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      outline-offset: 2px;
-    }
 
-    .dropdown-toggle {
-      position: absolute;
-      right: 6px;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 26px;
-      height: 26px;
-      padding: 0;
-      border: none;
-      background: transparent;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      border-radius: var(--border-radius-base, 0.3125rem);
-    }
 
-    .dropdown-toggle:hover {
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
 
-    .input-field-row:focus-within .dropdown-toggle {
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
 
-    .dropdown-toggle:focus-visible {
-      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      outline-offset: 2px;
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
 
-    .dropdown-toggle svg {
-      width: 14px;
-      height: 14px;
-      display: block;
-    }
-  }
-  `];
-	_inputId = `solid-ui-combobox-input-${p._nextId++}`;
-	_listboxId = `solid-ui-combobox-listbox-${p._nextId++}`;
-	_suggestionRequestId = 0;
-	constructor() {
-		super(), this.label = "Select an option", this.placeholder = "Type to search", this.theme = "light", this.layout = "desktop", this.options = [], this.value = "", this.inputValue = "", this._popupOpen = !1, this._activeIndex = -1;
+//#region src/components/combobox/Combobox.ts
+var Combobox_esm_c, Combobox_esm_l, Combobox_esm_u, Combobox_esm_d, Combobox_esm_f, Combobox_esm_p, Combobox_esm_m, Combobox_esm_h, Combobox_esm_g, Combobox_esm_, Combobox_esm_v, Combobox_esm_y, Combobox_esm_b, Combobox_esm_x, Combobox_esm_S, Combobox_esm_C, Combobox_esm_w, Combobox_esm_T, Combobox_esm_E, Combobox_esm_D, Combobox_esm_O, Combobox_esm_k;
+function Combobox_esm_A(e, t, n) {
+	Combobox_esm_j(e, t), t.set(e, n);
+}
+function Combobox_esm_j(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function Combobox_esm_M(e, t, n) {
+	return e.set(Combobox_esm_P(e, t), n), n;
+}
+function Combobox_esm_N(e, t) {
+	return e.get(Combobox_esm_P(e, t));
+}
+function Combobox_esm_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 Combobox_esm_F(e, t, n) {
+	return (t = Combobox_esm_L(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function Combobox_esm_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);
+		};
 	}
-	connectedCallback() {
-		super.connectedCallback(), document.addEventListener("pointerdown", this._handleDocumentPointerDown), window.addEventListener("resize", this._handleViewportChange), window.addEventListener("scroll", this._handleViewportChange, !0);
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
 	}
-	disconnectedCallback() {
-		this._detachPopupPortal(), document.removeEventListener("pointerdown", this._handleDocumentPointerDown), window.removeEventListener("resize", this._handleViewportChange), window.removeEventListener("scroll", this._handleViewportChange, !0), super.disconnectedCallback();
+	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;
 	}
-	_getPopupPortalContainer() {
-		return this.closest("dialog[open]") || document.body;
+	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: Combobox_esm_z(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || Combobox_esm_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;
 	}
-	_ensurePopupPortal() {
-		let e = this._getPopupPortalContainer();
-		if (this._popupPortalHost && this._popupPortalRoot && this._popupPortalContainer === e) return;
-		this._detachPopupPortal(), this._popupPortalHost = document.createElement("div"), this._popupPortalHost.setAttribute("data-solid-ui-combobox-portal", ""), this._popupPortalHost.style.position = "fixed", this._popupPortalHost.style.inset = "0 auto auto 0", this._popupPortalHost.style.zIndex = "2147483647", this._popupPortalHost.style.pointerEvents = "none", this._popupPortalHost.style.boxSizing = "border-box", this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: "open" });
-		let t = (Array.isArray(p.styles) ? p.styles : [p.styles]).map((e) => e?.styleSheet).filter((e) => !!e);
-		t.length > 0 && (this._popupPortalRoot.adoptedStyleSheets = t), e.appendChild(this._popupPortalHost), this._popupPortalContainer = e;
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
 	}
-	_detachPopupPortal() {
-		this._popupPortalRoot && D(null, this._popupPortalRoot), this._popupPortalHost?.parentNode && this._popupPortalHost.parentNode.removeChild(this._popupPortalHost), this._popupPortalHost = null, this._popupPortalRoot = null, this._popupPortalContainer = null;
+	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 Combobox_esm_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 : Combobox_esm_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 Combobox_esm_L(e) {
+	var t = Combobox_esm_R(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function Combobox_esm_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.");
 	}
-	_updatePopupPosition() {
-		this._ensurePopupPortal();
-		let e = this.getBoundingClientRect(), t = Math.min(288, Math.max(120, window.innerHeight - e.bottom - 12));
-		this._popupPortalHost && (this._popupPortalHost.style.top = `${Math.round(e.bottom + 2)}px`, this._popupPortalHost.style.left = `${Math.round(e.left)}px`, this._popupPortalHost.style.width = `${Math.round(e.width)}px`, this._popupPortalHost.style.maxHeight = `${Math.round(t)}px`, this._popupPortalHost.style.height = "0px");
+	return (t === "string" ? String : Number)(e);
+}
+function Combobox_esm_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 Combobox_esm_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 Combobox_esm_V(e) {
+	return e;
+}
+Combobox_esm_ = [decorators_esm_t("solid-ui-combobox")];
+var Combobox_esm_H;
+new (Combobox_esm_O = (Combobox_esm_u = /*#__PURE__*/ new WeakMap(), Combobox_esm_d = /*#__PURE__*/ new WeakMap(), Combobox_esm_f = /*#__PURE__*/ new WeakMap(), Combobox_esm_p = /*#__PURE__*/ new WeakMap(), Combobox_esm_m = /*#__PURE__*/ new WeakMap(), Combobox_esm_k = (Combobox_esm_v = property_n({
+	type: String,
+	reflect: !0
+}), Combobox_esm_b = property_n({ type: String }), Combobox_esm_S = query_e("[popover]"), Combobox_esm_w = query_e("input"), Combobox_esm_E = state_r(), "label"), Combobox_esm_l = class extends WebComponent_esm_r {
+	constructor(...e) {
+		super(...e), Combobox_esm_A(this, Combobox_esm_u, (Combobox_esm_h(this), Combobox_esm_y(this, ""))), Combobox_esm_A(this, Combobox_esm_d, Combobox_esm_x(this, "")), Combobox_esm_A(this, Combobox_esm_f, Combobox_esm_C(this, null)), Combobox_esm_A(this, Combobox_esm_p, Combobox_esm_T(this, null)), Combobox_esm_A(this, Combobox_esm_m, Combobox_esm_D(this, "")), Combobox_esm_F(this, "inputId", `combobox-${ids_esm_e()}`);
 	}
-	_openPopup() {
-		let e = this._getDisplayedOptions();
-		this._popupOpen = !0, this._updatePopupPosition(), this._activeIndex = keyboard_esm_r(e, this.value), this._activeIndex < 0 && (this._activeIndex = keyboard_esm_t(e));
+	get [Combobox_esm_k]() {
+		return Combobox_esm_N(Combobox_esm_u, this);
 	}
-	_closePopup() {
-		this._popupOpen = !1, this._popupPortalRoot && D(null, this._popupPortalRoot);
+	set label(e) {
+		Combobox_esm_M(Combobox_esm_u, this, e);
 	}
-	updated(e) {
-		if (this._popupOpen ? (this._updatePopupPosition(), this._popupPortalRoot && D(this._renderPopup(), this._popupPortalRoot)) : this._popupPortalRoot && D(null, this._popupPortalRoot), (e.has("value") || e.has("options")) && this.value) {
-			let e = this.options.find((e) => e.value === this.value);
-			e && this.inputValue !== e.label && (this.inputValue = e.label);
-		}
+	get value() {
+		return Combobox_esm_N(Combobox_esm_d, this);
 	}
-	_getSelectedIndex() {
-		return keyboard_esm_r(this.options, this.value);
+	set value(e) {
+		Combobox_esm_M(Combobox_esm_d, this, e);
 	}
-	_getSelectedOption() {
-		let e = this._getSelectedIndex();
-		return e >= 0 ? this.options[e] : this.options[0];
+	get popoverElement() {
+		return Combobox_esm_N(Combobox_esm_f, this);
 	}
-	_getDisplayedOptions() {
-		let e = this._getSelectedOption();
-		return e ? [e, ...this.options.filter((t) => t.value !== e.value)] : this.options;
+	set popoverElement(e) {
+		Combobox_esm_M(Combobox_esm_f, this, e);
 	}
-	_getActiveOption() {
-		let e = this._getDisplayedOptions();
-		if (!(this._activeIndex < 0)) return e[this._activeIndex];
+	get inputElement() {
+		return Combobox_esm_N(Combobox_esm_p, this);
 	}
-	async _loadSuggestions(e) {
-		if (!this.suggestionProvider) {
-			this._openPopup();
-			return;
-		}
-		let t = ++this._suggestionRequestId, n = await this.suggestionProvider(e);
-		t === this._suggestionRequestId && (this.options = n, this._openPopup());
+	set inputElement(e) {
+		Combobox_esm_M(Combobox_esm_p, this, e);
+	}
+	get filter() {
+		return Combobox_esm_N(Combobox_esm_m, this);
+	}
+	set filter(e) {
+		Combobox_esm_M(Combobox_esm_m, this, e);
+	}
+	render() {
+		let e = this.getOptions().filter((e) => e.toLowerCase().includes(this.filter));
+		return b`
+        ${this.label ? b`<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) => b`<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);
 	}
-	async _handleInputChange(e) {
-		let t = e.target.value;
-		this.inputValue = t, this.value = "", this.dispatchEvent(new CustomEvent("input", {
-			detail: { value: t },
+	setValue(e) {
+		this.filter = e.toLowerCase(), this.value = e, this.getInternals().setFormValue(e), this.dispatchEvent(new InputEvent("input", {
 			bubbles: !0,
 			composed: !0
-		})), await this._loadSuggestions(t);
+		}));
 	}
-	_handleInputKeydown(e) {
-		if (e.key === " " || e.key === "Spacebar") return;
-		let t = this._getDisplayedOptions(), n = keyboard_esm_i(e.key);
-		if (n !== "none") switch (e.preventDefault(), n) {
-			case "close":
-				this._closePopup();
+	onInputKeyDown(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), this.popoverElement?.showPopover();
 				break;
-			case "first":
-				this._popupOpen || this._openPopup(), this._activeIndex = keyboard_esm_t(t);
+			case "Enter":
+				this.popoverElement?.matches(":popover-open") || (e.preventDefault(), this.getInternals().form?.requestSubmit());
 				break;
-			case "last":
-				this._popupOpen || this._openPopup(), this._activeIndex = keyboard_esm_n(t);
-				break;
-			case "next":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = keyboard_esm_e(this._activeIndex, t, 1);
-				break;
-			case "previous":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = keyboard_esm_e(this._activeIndex, t, -1);
-				break;
-			case "select":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._selectActiveOption();
-				break;
-			default: break;
 		}
 	}
-	_getOptionId(e, t) {
-		return `${this._listboxId}-option-${t}-${e.value}`;
-	}
-	_selectValueFromDropdown(e) {
-		let t = this.options.find((t) => t.value === e);
-		this.value = e, this.inputValue = t?.label ?? e, this.dispatchEvent(new CustomEvent("change", {
-			detail: {
-				value: e,
-				label: this.inputValue,
-				option: t
-			},
-			bubbles: !0,
-			composed: !0
-		})), this._closePopup();
+	onInputClick(e) {
+		e.preventDefault(), this.popoverElement?.showPopover();
 	}
-	_selectActiveOption() {
-		let e = this._getActiveOption();
-		e && !e.disabled && this._selectValueFromDropdown(e.value);
+	onInputChange() {
+		this.setValue(this.inputElement?.value ?? "");
 	}
-	_renderPopup() {
-		let e = this._getDisplayedOptions();
-		return b`
-      <div class="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${listboxTemplate_esm_t({
-			selectedOption: this._getSelectedOption(),
-			activeOption: this._activeIndex >= 0 ? e[this._activeIndex] : void 0,
-			options: e,
-			listboxId: this._listboxId,
-			getOptionId: (e, t) => this._getOptionId(e, t),
-			onOptionSelect: (e) => this._selectValueFromDropdown(e.value)
-		})}
-        </div>
-      </div>
-    `;
+	onOptionClick(e) {
+		this.setValue(e), this.popoverElement?.hidePopover();
 	}
-	render() {
-		let t = this._getActiveOption(), n = this._popupOpen && t ? this._getOptionId(t, this._activeIndex) : void 0, r = this.label ? A : this.getAttribute("aria-label") || this.placeholder || "Combobox";
-		return b`
-      <div class="combobox-root">
-        ${this.label ? b`<label class="text-label" for="${this._inputId}">${this.label}</label>` : null}
-        <div class="input-field-row">
-          <input
-            id="${this._inputId}"
-            class="text-input"
-            part="input"
-            type="text"
-            role="combobox"
-            aria-autocomplete="list"
-            aria-label="${r}"
-            aria-expanded="${this._popupOpen}"
-            aria-controls="${this._listboxId}"
-            aria-activedescendant="${n ?? ""}"
-            placeholder="${this.placeholder}"
-            .value="${this.inputValue}"
-            @focus="${() => this._openPopup()}"
-            @input="${this._handleInputChange}"
-            @keydown="${this._handleInputKeydown}"
-          />
-          <button
-            class="dropdown-toggle"
-            type="button"
-            aria-label="Show options"
-            aria-expanded="${this._popupOpen}"
-            @click="${() => this._popupOpen ? this._closePopup() : this._openPopup()}"
-          >
-            ${downArrow_esm_t}
-          </button>
-        </div>
-      </div>
-    `;
+}, {e: [Combobox_esm_y, Combobox_esm_x, Combobox_esm_C, Combobox_esm_T, Combobox_esm_D, Combobox_esm_h], c: [Combobox_esm_H, Combobox_esm_g]} = Combobox_esm_I(Combobox_esm_l, [
+	[
+		Combobox_esm_v,
+		1,
+		"label"
+	],
+	[
+		Combobox_esm_b,
+		1,
+		"value"
+	],
+	[
+		Combobox_esm_S,
+		1,
+		"popoverElement"
+	],
+	[
+		Combobox_esm_w,
+		1,
+		"inputElement"
+	],
+	[
+		Combobox_esm_E,
+		1,
+		"filter"
+	]
+], Combobox_esm_, 0, void 0, WebComponent_esm_r), Combobox_esm_l), Combobox_esm_c = class extends Combobox_esm_V {
+	constructor() {
+		super(Combobox_esm_H), Combobox_esm_F(this, "styles", Combobox_styles_esm_t), Combobox_esm_F(this, "formAssociated", !0), Combobox_esm_g();
 	}
-};
+}, Combobox_esm_F(Combobox_esm_c, Combobox_esm_O, void 0), Combobox_esm_c)();
 //#endregion
 
 
 //# sourceMappingURL=Combobox.esm.js.map
-;// ./node_modules/solid-ui/dist/v2/components/forms/combobox/index.esm.js
-
-//#region src/v2/components/forms/combobox/index.ts
-var combobox_index_esm_t = "solid-ui-combobox";
-customElements.get(combobox_index_esm_t) || customElements.define(combobox_index_esm_t, Combobox_esm_p);
-//#endregion
-
-//# sourceMappingURL=index.esm.js.map
 ;// ./node_modules/solid-ui/dist/components/combobox/index.esm.js
+/* unused harmony import specifier */ var index_esm_e;
 
+//#region src/components/combobox/index.ts
+var combobox_index_esm_t = (/* unused pure expression or super */ null && (index_esm_e));
+//#endregion
 
 
-
+//# sourceMappingURL=index.esm.js.map
 ;// ./src/sections/languages/mutations.ts