Component fixes

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "solid-ui",
-	"version": "3.1.3-8",
+	"version": "3.1.3-9",
 	"description": "UI library for Solid applications",
 	"main": "dist/index.cjs.js",
 	"types": "dist/index.d.ts",

src/components/button/Button.styles.css

@@ -51,7 +51,7 @@
     }
 }
 
-:host(:has([slot="icon"])) button {
+:host([data-has-icon-slot]) button {
     padding: 4px;
 
     ::slotted([slot="icon"]) {

src/components/button/Button.ts

@@ -33,13 +33,19 @@ export default class Button extends WebComponent {
         <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>
             ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}
             <slot name="left-icon"></slot>
-            <slot name="icon"></slot>
+            <slot @slotchange=${this.onIconSlotChange} name="icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </button>
     `
   }
 
+  private onIconSlotChange (e: Event) {
+    const slot = e.target as HTMLSlotElement
+
+    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)
+  }
+
   private onClick () {
     switch (this.type) {
       case 'submit':

src/components/combobox/Combobox.ts

@@ -132,7 +132,7 @@ export default class Combobox extends WebComponent {
           aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}
           aria-label=${this.label ? nothing : accessibleName}
           ?hidden=${!this.open}
-          @mouseup=${this.onListboxMouseUp}
+          @mousedown=${this.onListboxMouseDown}
         >
           ${options.map(
             (option, index) =>
@@ -225,6 +225,7 @@ export default class Combobox extends WebComponent {
       return
     }
 
+    this.filter = ''
     this.open = false
     this.activeIndex = -1
     this.removeOpenListeners()
@@ -358,7 +359,9 @@ export default class Combobox extends WebComponent {
     }
   }
 
-  private onListboxMouseUp (event: MouseEvent) {
+  private onListboxMouseDown (event: MouseEvent) {
+    event.preventDefault()
+
     if (!(event.target instanceof HTMLElement)) {
       return
     }