@triptease/tt-navbar 0.0.43 → 0.0.45

package/dist/web/global.d.js

@@ -1,4 +1,4 @@
 /**
-* @triptease/tt-navbar v0.0.43
+* @triptease/tt-navbar v0.0.45
 */
 //# sourceMappingURL=global.d.js.map

package/dist/web/index.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.43
+* @triptease/tt-navbar v0.0.45
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1209,7 +1209,12 @@ var TtCombobox = class extends i4 {
     this._selectAll = (event) => {
       event.preventDefault();
       event.stopPropagation();
-      if (this.value.length === this._selectableOptions.length) {
+      if (this._filter !== "" && this._isAllSelected) {
+        const selectedVisibleValues = Array.from(this._selectedVisibleOptions).map((option) => option.dataset.value);
+        this.value = this.value.filter((value) => !selectedVisibleValues.includes(value));
+      } else if (this._filter !== "") {
+        this.value = Array.from(/* @__PURE__ */ new Set([...this.value, ...Array.from(this._selectableVisibleOptions).map((option) => option.dataset.value)]));
+      } else if (this.value.length === this._selectableOptions.length) {
         this.value = [];
       } else {
         this.value = Array.from(this._selectableOptions).map((option) => option.dataset.value);
@@ -1463,9 +1468,7 @@ var TtCombobox = class extends i4 {
       />`;
   }
   _renderOption(option) {
-    if (this._filter !== "" && !option.value.toLowerCase().includes(this._filter) && !option.innerText.toLowerCase().includes(this._filter)) {
-      return E;
-    }
+    const hidden = Boolean(this._filter !== "" && !option.value.toLowerCase().includes(this._filter) && !option.innerText.toLowerCase().includes(this._filter) || option.hidden);
     const id = `${this.id}-option-${option.value}`;
     const active = this._getActiveOptionId() === id;
     const selected = Boolean(this.multiselect && option.selected);
@@ -1479,7 +1482,7 @@ var TtCombobox = class extends i4 {
         @mousedown="${(event) => event.preventDefault()}"
         data-value="${option.value}"
         aria-disabled=${option.disabled}
-        aria-hidden=${option.hidden || E}
+        aria-hidden=${hidden || E}
         data-deselectable=${!option.selected}
         part="option"
       >
@@ -1642,6 +1645,7 @@ var styles2 = i`
   }
 
   nav {
+    --menu-font-size: var(--font-size-200);
     max-width: var(--nav-bar-width);
     width: var(--nav-bar-width);
     min-height: 100vh;
@@ -1711,7 +1715,7 @@ var styles2 = i`
       width: 100%;
 
       .external-link {
-        font-size: var(--font-size-100);
+        font-size: var(--menu-font-size);
         line-height: var(--font-line-height-100);
 
         .icon {
@@ -1744,7 +1748,7 @@ var styles2 = i`
 
     .nav-item {
       display: flex;
-      font-size: var(--font-size-100);
+      font-size: var(--menu-font-size);
       line-height: var(--font-line-height-100);
       gap: var(--space-scale-1-5);
       border-radius: var(--border-radius-100);
@@ -1768,7 +1772,7 @@ var styles2 = i`
     border-radius: var(--border-radius-100);
 
     summary {
-      font-size: var(--font-size-100);
+      font-size: var(--menu-font-size);
       line-height: var(--font-line-height-100);
       position: relative;
       display: flex;
@@ -1829,7 +1833,7 @@ var styles2 = i`
     padding-top: 10px;
     padding-bottom: 10px;
     color: var(--color-text-inverted-400);
-    font-size: var(--font-size-100);
+    font-size: var(--menu-font-size);
     line-height: var(--font-line-height-100);
     text-decoration: none;
 
@@ -2056,7 +2060,7 @@ var NavbarController = class {
   async toggle() {
     this._isOpen = !this._isOpen;
     if (window.Clerk) {
-      await window.Clerk.user?.update({
+      window.Clerk.user?.update({
         unsafeMetadata: {
           ...window.Clerk.user?.unsafeMetadata,
           preferences: {