@triptease/tt-navbar 0.0.62 → 0.0.65

package/dist/web/TtNavbar.js

@@ -1,14 +1,14 @@
 /**
-* @triptease/tt-navbar v0.0.62
+* @triptease/tt-navbar v0.0.64
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+var __decorateClass = (decorators, target2, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target2, key) : target2;
   for (var i7 = decorators.length - 1, decorator; i7 >= 0; i7--)
     if (decorator = decorators[i7])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
+      result = (kind ? decorator(target2, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target2, key, result);
   return result;
 };
 
@@ -686,22 +686,22 @@ var t4 = class extends e8 {
 t4.directiveName = "unsafeSVG", t4.resultType = 2;
 var o8 = e7(t4);
 
-// node_modules/@triptease/icons/dist/src/icons/alert.js
+// ../icons/dist/src/icons/alert.js
 var alert = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="#3B353B"/>
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/campaigns.js
+// ../icons/dist/src/icons/campaigns.js
 var campaigns = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 11C13.75 9.47056 14.1646 8.11984 14.7956 7.17338C15.1658 6.61803 15.5905 6.22612 16.0341 5.99602L17.0795 5.75165C17.8298 5.78274 18.5916 6.25415 19.2044 7.17338C19.8354 8.11984 20.25 9.47056 20.25 11C20.25 12.5294 19.8354 13.8802 19.2044 14.8266C18.5916 15.7458 17.8298 16.2173 17.0794 16.2484L16.0341 16.004C15.5905 15.7739 15.1659 15.382 14.7956 14.8266C14.1646 13.8802 13.75 12.5294 13.75 11ZM12.25 11C12.25 9.3468 12.6627 7.80949 13.373 6.61808L5.48783 8.46138C4.46994 8.69932 3.75 9.60698 3.75 10.6523V11.3477C3.75 12.393 4.46994 13.3007 5.48783 13.5386L13.373 15.3819C12.6627 14.1905 12.25 12.6532 12.25 11ZM5.14639 7.00075L15.5263 4.57427C15.9817 4.36663 16.4756 4.25 17 4.25C18.4334 4.25 19.6392 5.12146 20.4525 6.34133C21.2692 7.56645 21.75 9.21573 21.75 11C21.75 12.7843 21.2692 14.4335 20.4525 15.6587C19.6392 16.8785 18.4334 17.75 17 17.75C16.4756 17.75 15.9817 17.6334 15.5263 17.4257L11.75 16.5429V17.5C11.75 19.2949 10.2949 20.75 8.5 20.75C6.70507 20.75 5.25 19.2949 5.25 17.5V15.0235L5.14639 14.9992C3.4499 14.6027 2.25 13.0899 2.25 11.3477V10.6523C2.25 8.91009 3.4499 7.39734 5.14639 7.00075ZM6.75 15.3741V17.5C6.75 18.4665 7.5335 19.25 8.5 19.25C9.4665 19.25 10.25 18.4665 10.25 17.5V16.1923L6.75 15.3741Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/channels.js
+// ../icons/dist/src/icons/channels.js
 var channels = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M18 3C19.6569 3 21 4.34315 21 6C21 7.65685 19.6569 9 18 9C17.4435 9 16.9243 8.84513 16.4775 8.58105L15.3076 9.75098C15.7443 10.3919 16 11.166 16 12C16 12.8334 15.7437 13.6064 15.3076 14.2471L16.4775 15.417C16.9241 15.1532 17.4438 15 18 15C19.6569 15 21 16.3431 21 18C21 19.6569 19.6569 21 18 21C16.3431 21 15 19.6569 15 18C15 17.4438 15.1532 16.9241 15.417 16.4775L14.2471 15.3076C13.6064 15.7437 12.8334 16 12 16C11.166 16 10.3919 15.7443 9.75098 15.3076L8.58105 16.4775C8.84513 16.9243 9 17.4435 9 18C9 19.6569 7.65685 21 6 21C4.34315 21 3 19.6569 3 18C3 16.3431 4.34315 15 6 15C6.55558 15 7.07429 15.1538 7.52051 15.417L8.69141 14.2471C8.2555 13.6065 8 12.8332 8 12C8 11.1665 8.25523 10.3927 8.69141 9.75195L7.52148 8.58203C7.07501 8.84569 6.55606 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6C9 6.55606 8.84569 7.07501 8.58203 7.52148L9.75195 8.69141C9.73784 8.70101 9.72394 8.71092 9.70996 8.7207C10.3587 8.26679 11.1481 8 12 8C12.833 8 13.6066 8.25472 14.2471 8.69043L15.417 7.52051C15.1538 7.07429 15 6.55558 15 6C15 4.34315 16.3431 3 18 3ZM6 16.5C5.17157 16.5 4.5 17.1716 4.5 18C4.5 18.8284 5.17157 19.5 6 19.5C6.82843 19.5 7.5 18.8284 7.5 18C7.5 17.1716 6.82843 16.5 6 16.5ZM18 16.5C17.1716 16.5 16.5 17.1716 16.5 18C16.5 18.8284 17.1716 19.5 18 19.5C18.8284 19.5 19.5 18.8284 19.5 18C19.5 17.1716 18.8284 16.5 18 16.5ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5ZM6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5ZM18 4.5C17.1716 4.5 16.5 5.17157 16.5 6C16.5 6.82843 17.1716 7.5 18 7.5C18.8284 7.5 19.5 6.82843 19.5 6C19.5 5.17157 18.8284 4.5 18 4.5Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/chevron-down.js
+// ../icons/dist/src/icons/chevron-down.js
 var chevronDown = `
 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-down chevron-down"
        viewBox="0 0 16 16" role="presentation">
@@ -710,53 +710,53 @@ var chevronDown = `
           stroke="currentColor"/>
   </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/external.js
+// ../icons/dist/src/icons/external.js
 var external = `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path d="M6 2C6.41421 2 6.75 2.33579 6.75 2.75C6.75 3.16421 6.41421 3.5 6 3.5H4.75C4.05964 3.5 3.5 4.05964 3.5 4.75V11.25C3.5 11.9404 4.05964 12.5 4.75 12.5H11.25C11.9404 12.5 12.5 11.9404 12.5 11.25V10C12.5 9.58579 12.8358 9.25 13.25 9.25C13.6642 9.25 14 9.58579 14 10V11.25C14 12.7688 12.7688 14 11.25 14H4.75C3.23122 14 2 12.7688 2 11.25V4.75C2 3.23122 3.23122 2 4.75 2H6ZM14 6C14 6.41421 13.6642 6.75 13.25 6.75C12.8358 6.75 12.5 6.41421 12.5 6V4.56055L8.03027 9.03027C7.73738 9.32317 7.26262 9.32317 6.96973 9.03027C6.67683 8.73738 6.67683 8.26262 6.96973 7.96973L11.4395 3.5H10C9.58579 3.5 9.25 3.16421 9.25 2.75C9.25 2.33579 9.58579 2 10 2H14V6Z" fill="#D3D3DA"/>
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/gear.js
+// ../icons/dist/src/icons/gear.js
 var gear = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.4678 2C13.9142 2.00002 14.307 2.2963 14.4297 2.72559L15.0049 4.74219L16.8398 3.72363C17.1813 3.53396 17.5973 3.56262 17.9072 3.78418L18.0332 3.89062L20.1084 5.9668C20.4241 6.2825 20.4932 6.76987 20.2764 7.16016L19.2568 8.99316L21.2744 9.57031C21.6502 9.67769 21.9239 9.9921 21.9863 10.3682L22 10.5322V13.4678C22 13.9142 21.7037 14.307 21.2744 14.4297L19.2568 15.0049L20.2764 16.8398C20.4661 17.1813 20.4374 17.5972 20.2158 17.9072L20.1094 18.0332L18.0332 20.1084C17.7175 20.4241 17.2301 20.4932 16.8398 20.2764L15.0049 19.2568L14.4297 21.2744C14.3223 21.6502 14.0079 21.9239 13.6318 21.9863L13.4678 22H10.5322C10.0858 22 9.69297 21.7037 9.57031 21.2744L8.99316 19.2568L7.16016 20.2764C6.81867 20.466 6.40275 20.4374 6.09277 20.2158L5.9668 20.1094L3.8916 18.0332C3.5759 17.7175 3.50683 17.2301 3.72363 16.8398L4.74219 15.0059L2.72559 14.4297C2.34982 14.3223 2.07606 14.0079 2.01367 13.6318L2 13.4678V10.5322C2.00005 10.0858 2.29632 9.69296 2.72559 9.57031L4.74219 8.99316L3.72363 7.16016C3.53394 6.81866 3.5626 6.40276 3.78418 6.09277L3.89062 5.9668L5.9668 3.8916C6.28251 3.57589 6.76986 3.5068 7.16016 3.72363L8.99316 4.74219L9.57031 2.72559C9.67768 2.34981 9.99209 2.07606 10.3682 2.01367L10.5322 2H13.4678ZM10.4014 5.27148C9.70554 5.47089 9.05368 5.77388 8.46484 6.16504L6.76074 5.21875L5.21777 6.76074L6.22363 8.57031L6.23242 8.56738C5.91398 9.13213 5.67275 9.74545 5.52051 10.3936L5.49023 10.3398L3.5 10.9092V13.0908L5.49121 13.6592L5.52051 13.6055C5.67256 14.2532 5.91338 14.8662 6.23145 15.4307L6.22363 15.4287L5.21875 17.2393L5.21777 17.2383V17.2393H5.21875L6.76074 18.7822L8.46484 17.834C9.05398 18.2254 9.7061 18.5281 10.4023 18.7275L10.9092 20.5H13.0908L13.5488 18.8916C14.3898 18.7443 15.1787 18.4482 15.8877 18.0293L17.2393 18.7812L18.7822 17.2393L18.085 15.9863C18.6037 15.2393 18.9814 14.3876 19.1777 13.4678L20.5 13.0908V10.9092L19.1777 10.5303C18.9812 9.61065 18.6038 8.75856 18.085 8.01172L18.7812 6.76074L17.2393 5.21777L15.8857 5.96875C15.1773 5.55053 14.389 5.25458 13.5488 5.10742L13.0908 3.5H10.9092L10.4014 5.27148ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5Z" />
 <path d="M13.6328 2.01367C14.0085 2.07631 14.3224 2.35007 14.4297 2.72559L15.0049 4.74219L16.8398 3.72363C17.1813 3.53396 17.5973 3.56262 17.9072 3.78418L18.0332 3.89062L20.1084 5.9668L20.2158 6.09277C20.4372 6.40274 20.466 6.81875 20.2764 7.16016L19.2568 8.99316L21.2744 9.57031C21.6502 9.67769 21.9239 9.9921 21.9863 10.3682L22 10.5322V13.4678L21.9863 13.6328C21.9237 14.0085 21.6499 14.3224 21.2744 14.4297L19.2568 15.0049L20.2764 16.8398C20.4661 17.1813 20.4374 17.5972 20.2158 17.9072L20.1094 18.0332L18.0332 20.1084L17.9072 20.2158C17.5973 20.4372 17.1813 20.466 16.8398 20.2764L15.0049 19.2568L14.4297 21.2744C14.3223 21.6502 14.0079 21.9239 13.6318 21.9863L13.4678 22H10.5322L10.3672 21.9863C9.99146 21.9237 9.6776 21.6499 9.57031 21.2744L8.99316 19.2568L7.16016 20.2764C6.81867 20.466 6.40275 20.4374 6.09277 20.2158L5.9668 20.1094L3.8916 18.0332L3.78418 17.9072C3.56278 17.5973 3.53398 17.1812 3.72363 16.8398L4.74219 15.0059L2.72559 14.4297C2.34982 14.3223 2.07606 14.0079 2.01367 13.6318L2 13.4678V10.5322L2.01367 10.3672C2.07633 9.99149 2.35009 9.6776 2.72559 9.57031L4.74219 8.99316L3.72363 7.16016C3.53394 6.81866 3.5626 6.40276 3.78418 6.09277L3.89062 5.9668L5.9668 3.8916L6.09277 3.78418C6.40275 3.56277 6.81875 3.53396 7.16016 3.72363L8.99316 4.74219L9.57031 2.72559C9.67768 2.34981 9.99209 2.07606 10.3682 2.01367L10.5322 2H13.4678L13.6328 2.01367ZM10.4014 5.27148C9.70554 5.47089 9.05368 5.77388 8.46484 6.16504L6.76074 5.21875L5.21777 6.76074L6.22363 8.57031L6.23242 8.56738C5.91398 9.13213 5.67275 9.74545 5.52051 10.3936L5.49023 10.3398L3.5 10.9092V13.0908L5.49121 13.6592L5.52051 13.6055C5.67256 14.2532 5.91338 14.8662 6.23145 15.4307L6.22363 15.4287L5.21875 17.2393L5.21777 17.2383V17.2393H5.21875L6.76074 18.7822L8.46484 17.834C9.05398 18.2254 9.7061 18.5281 10.4023 18.7275L10.9092 20.5H13.0908L13.5488 18.8916C14.3898 18.7443 15.1787 18.4482 15.8877 18.0293L17.2393 18.7812L18.7822 17.2393L18.085 15.9863C18.6037 15.2393 18.9814 14.3876 19.1777 13.4678L20.5 13.0908V10.9092L19.1777 10.5303C18.9812 9.61065 18.6038 8.75856 18.085 8.01172L18.7812 6.76074L17.2393 5.21777L15.8857 5.96875C15.1773 5.55053 14.389 5.25458 13.5488 5.10742L13.0908 3.5H10.9092L10.4014 5.27148ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/graph.js
+// ../icons/dist/src/icons/graph.js
 var graph = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.1543 3.00391C19.7394 3.08421 21 4.39489 21 6V18L20.9961 18.1543C20.9184 19.6883 19.6883 20.9184 18.1543 20.9961L18 21H6C4.39489 21 3.08421 19.7394 3.00391 18.1543L3 18V6C3 4.34315 4.34315 3 6 3H18L18.1543 3.00391ZM6 4.5C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V6C19.5 5.17157 18.8284 4.5 18 4.5H6ZM8 9C8.41421 9 8.75 9.33579 8.75 9.75V16.25C8.75 16.6642 8.41421 17 8 17C7.58579 17 7.25 16.6642 7.25 16.25V9.75C7.25 9.33579 7.58579 9 8 9ZM12 12C12.4142 12 12.75 12.3358 12.75 12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75C11.25 12.3358 11.5858 12 12 12ZM16 9C16.4142 9 16.75 9.33579 16.75 9.75V16.25C16.75 16.6642 16.4142 17 16 17C15.5858 17 15.25 16.6642 15.25 16.25V9.75C15.25 9.33579 15.5858 9 16 9Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/home.js
+// ../icons/dist/src/icons/home.js
 var home = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.7725 3.95499C11.4946 3.39358 12.5054 3.39358 13.2275 3.95499L20.2275 9.39936C20.7146 9.77822 20.9999 10.3614 21 10.9785V18C21 19.6051 19.7394 20.9158 18.1543 20.9961L18 21H6C4.39489 21 3.08421 19.7394 3.00391 18.1543L3 18V10.9785C3.00007 10.4386 3.21792 9.92445 3.59863 9.55073L3.77246 9.39936L10.7725 3.95499ZM12.3066 5.13859C12.1263 4.99869 11.8737 4.99869 11.6934 5.13859L4.69336 10.583C4.57163 10.6776 4.50008 10.8243 4.5 10.9785V18C4.5 18.8284 5.17157 19.5 6 19.5H8V16C8.00014 14.3432 9.34323 13 11 13H13C14.6568 13 15.9999 14.3432 16 16V19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V10.9785C19.4999 10.8243 19.4284 10.6776 19.3066 10.583L12.3066 5.13859ZM11 14.5C10.1717 14.5 9.50014 15.1717 9.5 16V19.5H14.5V16C14.4999 15.1717 13.8283 14.5 13 14.5H11Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/logout.js
+// ../icons/dist/src/icons/logout.js
 var logout = `<svg width="17" height="20" viewBox="0 0 17 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75C12.75 1.16421 12.4142 1.5 12 1.5H3.75C2.50736 1.5 1.5 2.50736 1.5 3.75V16.25C1.5 17.4926 2.50736 18.5 3.75 18.5H12C12.4142 18.5 12.75 18.8358 12.75 19.25C12.75 19.6642 12.4142 20 12 20H3.75C1.67893 20 0 18.3211 0 16.25V3.75C2.57706e-07 1.67893 1.67893 1.28851e-07 3.75 0H12ZM10.7197 5.71973C11.0125 5.42693 11.4874 5.42713 11.7803 5.71973L16.0605 10L11.7803 14.2803C11.4874 14.5729 11.0126 14.573 10.7197 14.2803C10.4272 13.9874 10.4272 13.5125 10.7197 13.2197L13.1895 10.75H6.5C6.08605 10.7498 5.7501 10.414 5.75 10C5.75009 9.58601 6.08604 9.25023 6.5 9.25H13.1895L10.7197 6.78027C10.4272 6.48743 10.4272 6.01254 10.7197 5.71973Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/sidebar-collapsed.js
+// ../icons/dist/src/icons/sidebar-collapsed.js
 var sidebarCollapsed = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path d="M17 3.25C19.0711 3.25 20.75 4.92893 20.75 7V17C20.75 19.0711 19.0711 20.75 17 20.75H7C4.92893 20.75 3.25 19.0711 3.25 17V7C3.25 4.92893 4.92893 3.25 7 3.25H17ZM10 19.25H17C18.2426 19.25 19.25 18.2426 19.25 17V7C19.25 5.75736 18.2426 4.75 17 4.75H10V19.25Z"/>
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/user.js
+// ../icons/dist/src/icons/user.js
 var user = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 2C17.5228 2 22 6.47715 22 12C22 15.2098 20.4857 18.0638 18.1348 19.8936C18.0344 20.055 17.8763 20.1738 17.6875 20.2227C16.0725 21.3418 14.1137 22 12 22C9.88604 22 7.92664 21.3421 6.31152 20.2227C6.12294 20.1736 5.96441 20.055 5.86426 19.8936C3.51367 18.0638 2 15.2095 2 12C2 6.47715 6.47715 2 12 2ZM11.25 15.5C9.1884 15.5 7.49093 17.0597 7.27344 19.0635C8.62515 19.9698 10.2503 20.5 12 20.5C13.7494 20.5 15.374 19.9695 16.7256 19.0635C16.508 17.0598 14.8116 15.5 12.75 15.5H11.25ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 14.3333 4.44073 16.4464 5.96289 17.9824C6.62169 15.683 8.73895 14 11.25 14H12.75C15.2609 14 17.3772 15.6832 18.0361 17.9824C19.5586 16.4464 20.5 14.3335 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 5.25C14.0711 5.25 15.75 6.92893 15.75 9C15.75 11.0711 14.0711 12.75 12 12.75C9.92893 12.75 8.25 11.0711 8.25 9C8.25 6.92893 9.92893 5.25 12 5.25ZM12 6.75C10.7574 6.75 9.75 7.75736 9.75 9C9.75 10.2426 10.7574 11.25 12 11.25C13.2426 11.25 14.25 10.2426 14.25 9C14.25 7.75736 13.2426 6.75 12 6.75Z" />
 </svg>`;
 
-// node_modules/@triptease/icons/dist/src/icons/wallet.js
+// ../icons/dist/src/icons/wallet.js
 var wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.2275 3.02681C16.5581 2.53634 18.7497 4.3152 18.75 6.69674V7.09518C20.0437 7.42823 20.9998 8.60187 21 9.99948V16.9995C21 18.6046 19.7394 19.9153 18.1543 19.9956L18 19.9995H6C4.39489 19.9995 3.08421 18.7389 3.00391 17.1538L3 16.9995V8.43405C3.00022 6.66092 4.2424 5.12941 5.97754 4.76412L14.2275 3.02681ZM6 8.49948C5.17173 8.49948 4.50026 9.17127 4.5 9.99948V16.9995C4.5 17.8279 5.17157 18.4995 6 18.4995H18C18.8284 18.4995 19.5 17.8279 19.5 16.9995V9.99948C19.4997 9.17127 18.8283 8.49948 18 8.49948H6ZM16.5 11.9995C17.3283 11.9995 17.9997 12.6713 18 13.4995C18 14.3279 17.3284 14.9995 16.5 14.9995C15.6716 14.9995 15 14.3279 15 13.4995C15.0003 12.6713 15.6717 11.9995 16.5 11.9995ZM17.25 6.69674C17.2497 5.26791 15.9344 4.20028 14.5361 4.49459L6.28613 6.2319C5.67607 6.36042 5.16896 6.73055 4.85254 7.22799C5.20609 7.08147 5.59347 6.99948 6 6.99948H17.25V6.69674Z" />
 </svg>`;
 
 // ../../node_modules/tslib/tslib.es6.mjs
-function __decorate(decorators, target, key, desc) {
-  var c5 = arguments.length, r8 = c5 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r8 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r8 = (c5 < 3 ? d3(r8) : c5 > 3 ? d3(target, key, r8) : d3(target, key)) || r8;
-  return c5 > 3 && r8 && Object.defineProperty(target, key, r8), r8;
+function __decorate(decorators, target2, key, desc) {
+  var c5 = arguments.length, r8 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r8 = Reflect.decorate(decorators, target2, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r8 = (c5 < 3 ? d3(r8) : c5 > 3 ? d3(target2, key, r8) : d3(target2, key)) || r8;
+  return c5 > 3 && r8 && Object.defineProperty(target2, key, r8), r8;
 }
 
 // ../../node_modules/lit-html/directives/if-defined.js
@@ -870,7 +870,7 @@ var i6 = e7(class extends i5 {
   }
 });
 
-// node_modules/@triptease/tt-combobox/dist/src/styles.js
+// ../tt-combobox/dist/src/styles.js
 var styles = i`
   :host {
     display: flex;
@@ -921,11 +921,11 @@ var styles = i`
     height: 20px;
   }
 
-  .tt-combobox-container:has([role="combobox"][aria-invalid="true"]) ~ .errormessage {
+  .tt-combobox-container:has([role='combobox'][aria-invalid='true']) ~ .errormessage {
     visibility: visible;
   }
 
-  :has([role="combobox"][aria-invalid="true"]) ::slotted([slot="error"]) {
+  :has([role='combobox'][aria-invalid='true']) ::slotted([slot='error']) {
     color: var(--color-alert-400, darkred);
     font-size: var(--font-size-100);
     margin: 0;
@@ -933,7 +933,7 @@ var styles = i`
     line-height: 1.2;
   }
 
-  slot[name="option"]::slotted(*) {
+  slot[name='option']::slotted(*) {
     display: none;
   }
 
@@ -960,11 +960,11 @@ var styles = i`
     //width: 100%;
   }
 
-  [role="listbox"] {
+  [role='listbox'] {
     display: none;
   }
 
-  [role="combobox"] {
+  [role='combobox'] {
     width: 100%;
     border-style: none;
     background-color: transparent;
@@ -975,26 +975,26 @@ var styles = i`
     caret-color: transparent;
   }
 
-  [role="combobox"]::placeholder {
+  [role='combobox']::placeholder {
     color: var(--tt-combobox-placeholder-color, var(--color-text-300));
     font-family: var(--font-family-inter);
     font-size: var(--tt-combobox-font-size, var(--font-size-200));
   }
 
-  :host([disabled]) [role="combobox"]::placeholder {
+  :host([disabled]) [role='combobox']::placeholder {
     color: var(--tt-combobox-disabled-placeholder-color, var(--color-text-200));
   }
 
-  [role="combobox"]:placeholder-shown {
+  [role='combobox']:placeholder-shown {
     text-overflow: ellipsis;
     overflow: clip;
   }
 
-  [role="combobox"]:focus {
+  [role='combobox']:focus {
     outline: none;
   }
 
-  [role="combobox"] ~ button {
+  [role='combobox'] ~ button {
     appearance: none;
     padding: 0;
     border-width: 0;
@@ -1002,16 +1002,16 @@ var styles = i`
     aspect-ratio: 1;
   }
 
-  [role="combobox"] ~ button svg {
+  [role='combobox'] ~ button svg {
     transition: transform 0.2s ease-in-out;
     color: var(--tt-combobox-dropdown-color, var(--color-text-400));
   }
 
-  [role="combobox"][aria-expanded="true"] ~ button svg {
+  [role='combobox'][aria-expanded='true'] ~ button svg {
     transform: rotate(180deg);
   }
 
-  [role="combobox"][aria-expanded="true"] ~ [role="listbox"] {
+  [role='combobox'][aria-expanded='true'] ~ [role='listbox'] {
     display: block;
     width: max-content;
     max-width: var(--tt-combobox-list-max-width, 35ch);
@@ -1032,114 +1032,55 @@ var styles = i`
     max-height: var(--tt-combobox-max-height, 400px);
     overflow-y: auto;
 
-
-    li {
-      display: flex;
-      padding: 0.5rem;
-      box-sizing: border-box;
-      text-align: left;
-      text-overflow: ellipsis;
-      text-wrap: nowrap;
-      align-items: center;
-      gap: 0.25rem;
-      max-width: 100%;
-      width: 100%;
-      overflow-y: visible;
-      flex: 1;
-
-
-      input[type="checkbox"] {
-        width: var(--checkbox-size, var(--space-scale-2));
-        aspect-ratio: 1;
-        flex: 0 0 auto;
-      }
-
-      span {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        flex: 1;
-        line-height: 1.1;
-      }
-
-      &.no-results {
-        display: none;
-      }
-
-      &[aria-hidden="true"] {
-        visibility: hidden;
-        display: none;
-      }
+    .no-results {
+      display: none;
     }
 
-    &:not(:has([role="option"]:not([data-value="select-all"]))) {
+    &:not(:has(tt-option:not([hidden], .select-all))) {
       .no-results {
         display: flex;
+        padding: 0.5rem;
+        box-sizing: border-box;
+        text-align: left;
+        text-overflow: ellipsis;
+        text-wrap: nowrap;
+        align-items: center;
+        gap: 0.25rem;
+        max-width: 100%;
+        width: 100%;
+        overflow-y: visible;
+        flex: 1;
+
+        span {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          flex: 1;
+          line-height: 1.1;
+        }
       }
 
       .select-all {
         display: none;
       }
     }
-
-
   }
 
-  [role="combobox"][aria-expanded="true"] ~ [role="listbox"][data-open-upward] {
+  [role='combobox'][aria-expanded='true'] ~ [role='listbox'][data-open-upward] {
     top: unset;
     bottom: calc(100% + 0.5rem);
   }
 
-  slot[name="icon"] {
+  slot[name='icon'] {
     display: inline-block;
     max-width: var(--tt-combobox-icon-size, 1rem);
     aspect-ratio: 1;
   }
 
-  [role="option"].select-all {
+  tt-option.select-all::part(option) {
     border-bottom: 1px solid var(--color-border-300);
   }
 
-  [aria-multiselectable="false"] [role="option"][aria-selected="true"] {
-    color: var(--tt-combobox-option-selected-color, var(--color-primary-400));
-    font-weight: var(--font-weight-medium);
-  }
-
-  [role="option"]:is(:hover, [data-active="true"]) {
-    background-color: var(--tt-combobox-option-background-color-hover, inherit);
-    color: var(--tt-combobox-option-color-hover, inherit);
-
-    &:first-child {
-      border-top-left-radius: var(--border-radius);
-      border-top-right-radius: var(--border-radius);
-    }
-
-    &:last-child {
-      border-bottom-left-radius: var(--border-radius);
-      border-bottom-right-radius: var(--border-radius);
-    }
-  }
-
-  [role="option"]:hover {
-    cursor: pointer;
-  }
-
-  [role="option"][aria-disabled="true"] {
-    pointer-events: none;
-    opacity: 0.5;
-  }
-
-  [role="listbox"][aria-multiselectable="true"] [role="option"] input[type="checkbox"] {
-    accent-color: var(--color-primary-400);
-    width: var(--checkbox-size, var(--space-scale-2));
-    aspect-ratio: 1;
-    pointer-events: none;
-  }
-
-  [role="listbox"][aria-multiselectable="true"] [role="option"][aria-disabled="true"] input[type="checkbox"] {
-    pointer-events: none;
-  }
-
   label {
     font-size: var(--tt-combobox-label-font-size, inherit);
     color: var(--tt-combobox-label-color, inherit);
@@ -1148,17 +1089,22 @@ var styles = i`
     &[data-hidden] {
       display: none;
     }
-
   }
 `;
 
-// node_modules/@triptease/tt-combobox/dist/src/TtCombobox.js
+// ../tt-combobox/dist/src/TtCombobox.js
 var TtCombobox = class extends i4 {
   get form() {
     return this.internals.form;
   }
   get _isAllSelected() {
-    return Array.from(this._selectableVisibleOptions).every((option) => Array.from(this._selectedVisibleOptions).includes(option));
+    return Boolean(this._visibleOptionsNotSelectAll.length) && Array.from(this._visibleOptionsNotSelectAll).every((option) => this.value.includes(option.value));
+  }
+  get _selectedVisibleOptions() {
+    return Array.from(this._visibleOptions).filter((option) => this.value.includes(option.value));
+  }
+  get _selectedOptions() {
+    return Array.from(this._visibleOptionsNotSelectAll).filter((option) => this.value.includes(option.value));
   }
   constructor() {
     super();
@@ -1184,7 +1130,7 @@ var TtCombobox = class extends i4 {
     });
     this._valueChanged = () => {
       this._selectableOptions.forEach((option) => {
-        if (this.value.includes(option.dataset.value)) {
+        if (this.value.includes(option.value)) {
           this._checkOption(option);
         } else {
           this._uncheckOption(option);
@@ -1201,14 +1147,14 @@ var TtCombobox = class extends i4 {
       event.preventDefault();
       event.stopPropagation();
       if (this._filter !== "" && this._isAllSelected) {
-        const selectedVisibleValues = Array.from(this._selectedVisibleOptions).map((option) => option.dataset.value);
+        const selectedVisibleValues = this._selectedVisibleOptions.map((option) => option.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)]));
+        this.value = Array.from(/* @__PURE__ */ new Set([...this.value, ...Array.from(this._selectableVisibleOptions).map((option) => option.value)]));
       } else if (this.value.length === this._selectableOptions.length) {
         this.value = [];
       } else {
-        this.value = Array.from(this._selectableOptions).map((option) => option.dataset.value);
+        this.value = Array.from(this._selectableOptions).map((option) => option.value);
       }
     };
     this._renderSelectAll = () => {
@@ -1219,24 +1165,31 @@ var TtCombobox = class extends i4 {
       const active = this._getActiveOptionId() === id;
       const selected = this._isAllSelected;
       return x`
-      <li
+      <tt-option
+        id="${id}"
         class="select-all"
-        role="option"
-        id="${this.id}-option-select-all"
-        aria-selected="${selected}"
-        data-active=${active}
+        ?selected=${selected}
+        ?active=${active}
+        include-checkbox
         @click="${this._selectAll}"
-        @mousedown="${(evt) => evt.preventDefault()}"
-        data-value="select-all"
+        exportparts="option, checkbox"
         part="option"
+        value="select-all"
+        >Select all</tt-option
       >
-        <input type="checkbox" ?checked=${selected} role="presentation" tabindex="-1" part="checkbox">
-        Select all
-      </li>`;
+    `;
     };
     this._renderChevron = () => x`
-    <button type="button" aria-label="Expand" @click="${this._onChevronClick}" aria-expanded="${this._expanded}"
-            aria-controls="${this.id}-list" tabindex="-1" ?disabled=${this.disabled} part="arrow">
+    <button
+      type="button"
+      aria-label="Expand"
+      @click="${this._onChevronClick}"
+      aria-expanded="${this._expanded}"
+      aria-controls="${this.id}-list"
+      tabindex="-1"
+      ?disabled=${this.disabled}
+      part="arrow"
+    >
       ${o8(chevronDown)}
     </button>
   `;
@@ -1277,7 +1230,8 @@ var TtCombobox = class extends i4 {
     }
     if (changedProperties.has("options")) {
       this.updateComplete.then(() => {
-        this.value = Array.from(/* @__PURE__ */ new Set([...this.value, ...Array.from(this._selectedOptions).map((option) => option.dataset.value)]));
+        const selectedAssignedOptions = Array.from(this.options).filter((option) => option.selected);
+        this.value = Array.from(/* @__PURE__ */ new Set([...this.value, ...selectedAssignedOptions.map((option) => option.value)]));
         this._listenForOptionChange();
       });
     }
@@ -1285,7 +1239,7 @@ var TtCombobox = class extends i4 {
   }
   _reportValidity() {
     if (this.required && !this.value.length) {
-      const errorMessage = this.multiselect ? "Please select at least one option" : "Please select an option";
+      const errorMessage = this.multiselect ? "Please select at least one tt-option" : "Please select an tt-option";
       this.internals.setValidity({
         valueMissing: true
       }, errorMessage, this._comboboxInput);
@@ -1382,7 +1336,9 @@ var TtCombobox = class extends i4 {
     event.preventDefault();
     event.stopPropagation();
     const option = event.currentTarget;
-    const selectedValue = option.dataset.value;
+    if (option.disabled)
+      return;
+    const selectedValue = option.value;
     if (this.multiselect) {
       if (this.value.includes(selectedValue)) {
         this.value = this.value.filter((value) => value !== selectedValue);
@@ -1420,78 +1376,78 @@ var TtCombobox = class extends i4 {
       if (this.disabled) {
         return "Disabled";
       }
-      if (!this._selectedVisibleOptions.length) {
+      if (!this.value.length) {
         return "No options selected";
       }
-      if (this._selectedVisibleOptions.length === 1) {
-        return this._selectedVisibleOptions[0].textContent?.trim();
+      if (this.value.length === 1) {
+        return Array.from(this._selectableVisibleOptions).find((option) => option.value === this.value[0])?.textContent?.trim();
       }
       if (this._isAllSelected) {
         return this.selectAllPlaceholder || "All options selected";
       }
       return `${this._selectedVisibleOptions.length} options selected`;
     });
-    return x`
-      <input
-        type="text"
-        id="${this.id}"
-        name="${this.name}"
-        autocomplete="off"
-        aria-label="${this.labelContent}"
-        aria-labelledby="${this.ariaLabelledby}"
-        role="combobox"
-        aria-controls="${this.id}-list"
-        aria-expanded="${this._expanded}"
-        aria-autocomplete="list"
-        aria-haspopup="listbox"
-        aria-disabled="${this.disabled}"
-        aria-invalid="${!this._isValid}"
-        aria-errormessage="${!this._isValid ? `error-msg-${this.id}` : E}"
-        aria-required="${this.required}"
-        ?disabled=${this.disabled}
-        aria-activedescendant="${o9(this._getActiveOptionId())}"
-        @input="${this._onInput}"
-        .value="${this._filter}"
-        .placeholder="${placeHolderValue}"
-        @focusout="${this._handleFocusOut}"
-        part="input"
-        class=${this.hideCaret ? "hide-caret" : ""}
-      />`;
+    return x` <input
+      type="text"
+      id="${this.id}"
+      name="${this.name}"
+      autocomplete="off"
+      aria-label="${this.labelContent}"
+      aria-labelledby="${this.ariaLabelledby}"
+      role="combobox"
+      aria-controls="${this.id}-list"
+      aria-expanded="${this._expanded}"
+      aria-autocomplete="list"
+      aria-haspopup="listbox"
+      aria-disabled="${this.disabled}"
+      aria-invalid="${!this._isValid}"
+      aria-errormessage="${!this._isValid ? `error-msg-${this.id}` : E}"
+      aria-required="${this.required}"
+      ?disabled=${this.disabled}
+      aria-activedescendant="${o9(this._getActiveOptionId())}"
+      @input="${this._onInput}"
+      .value="${this._filter}"
+      .placeholder="${placeHolderValue}"
+      @focusout="${this._handleFocusOut}"
+      part="input"
+      class=${this.hideCaret ? "hide-caret" : ""}
+    />`;
   }
   _renderOption(option) {
     const hidden = Boolean(this._filter !== "" && !option.value.toLowerCase().includes(this._filter.toLowerCase()) && !option.innerText.toLowerCase().includes(this._filter.toLowerCase()) || option.hidden);
     const id = `${this.id}-option-${option.value}`;
     const active = this._getActiveOptionId() === id;
-    const selected = Boolean(this.multiselect && option.selected);
+    const selected = this.value.includes(option.value);
     return x`
-      <li
-        role="option"
-        id="${this.id}-option-${option.value}"
-        aria-selected=${this.multiselect && option.selected}
-        data-active=${active}
+      <tt-option
+        id="${id}"
+        value="${option.value}"
+        ?selected=${selected}
+        ?disabled=${option.disabled}
+        ?active=${active}
+        ?include-checkbox=${this.multiselect}
+        ?hidden=${hidden}
         @click="${this._onClickOption}"
-        @mousedown="${(event) => event.preventDefault()}"
-        data-value="${option.value}"
-        aria-disabled=${option.disabled}
-        aria-hidden=${hidden || E}
-        data-deselectable=${!option.selected}
-        part="option"
       >
-        ${this.multiselect ? x`<input type="checkbox" ?checked=${selected}
-                                         role="presentation" tabindex="-1" part="checkbox">` : E}
-        <span>${o7(option.innerHTML)}</span>
-      </li>`;
+        ${o7(option.innerHTML)}
+      </tt-option>
+    `;
   }
   _hasErrorContent() {
     return this.errorElements?.length > 0;
   }
   render() {
     return x`
-      <div class="tt-combobox-container" @focus="${this._onFocus}" @keydown="${this._onKeyUp}" @click="${this._onClick}"
-           aria-disabled="${this.disabled}" part="container">
+      <div
+        class="tt-combobox-container"
+        @focus="${this._onFocus}"
+        @keydown="${this._onKeyUp}"
+        @click="${this._onClick}"
+        aria-disabled="${this.disabled}"
+        part="container"
+      >
         <slot name="icon" part="icon"></slot>
-        ${this._renderCombobox()}
-        ${this._renderChevron()}
+        ${this._renderCombobox()} ${this._renderChevron()}
         <ul
           id="${this.id}-list"
           role="listbox"
@@ -1500,16 +1456,20 @@ var TtCombobox = class extends i4 {
           part="listbox"
           ?data-open-upward="${this.openUpward}"
         >
-          ${this._renderSelectAll()}
-
-          ${c4(this.options, (opt) => opt.value, this._renderOption.bind(this))}
+          ${this._renderSelectAll()} ${c4(this.options, (opt) => opt.value, this._renderOption.bind(this))}
 
           <li part="no-results" class="no-results">No results</li>
         </ul>
       </div>
       <slot name="option" @slotchange=${() => this.requestUpdate("options")}></slot>
-      <div class="errormessage" id="error-msg-${this.id}" role="alert" aria-atomic="true"
-           ?data-hidden="${!this._hasErrorContent()}" part="error">
+      <div
+        class="errormessage"
+        id="error-msg-${this.id}"
+        role="alert"
+        aria-atomic="true"
+        ?data-hidden="${!this._hasErrorContent()}"
+        part="error"
+      >
         ${o8(alert)}
         <slot name="error"></slot>
       </div>
@@ -1568,26 +1528,23 @@ __decorate([
   o6({ slot: "option", selector: "option" })
 ], TtCombobox.prototype, "options", void 0);
 __decorate([
-  o6({ slot: "option", selector: "option:not([disabled])" })
+  o6({ slot: "option", selector: "tt-option:not([disabled])" })
 ], TtCombobox.prototype, "activeOptions", void 0);
 __decorate([
   o6({ slot: "error" })
 ], TtCombobox.prototype, "errorElements", void 0);
 __decorate([
-  r6('li[role="option"]:not([aria-disabled="true"], [aria-hidden="true"])')
+  r6("tt-option:not([hidden], [disabled])")
 ], TtCombobox.prototype, "_visibleOptions", void 0);
 __decorate([
-  r6('li[role="option"]:not([aria-disabled="true"], [data-value="select-all"])')
+  r6("tt-option:not([hidden], .select-all")
+], TtCombobox.prototype, "_visibleOptionsNotSelectAll", void 0);
+__decorate([
+  r6("tt-option:not([disabled], .select-all)")
 ], TtCombobox.prototype, "_selectableOptions", void 0);
 __decorate([
-  r6('li[role="option"]:not([aria-disabled="true"], [data-value="select-all"], [aria-hidden="true"])')
+  r6("tt-option:not([disabled], [hidden], .select-all)")
 ], TtCombobox.prototype, "_selectableVisibleOptions", void 0);
-__decorate([
-  r6('li[role="option"]:not([data-value="select-all"])[aria-selected="true"]')
-], TtCombobox.prototype, "_selectedOptions", void 0);
-__decorate([
-  r6('li[role="option"]:not([data-value="select-all"], [aria-hidden="true"])[aria-selected="true"]')
-], TtCombobox.prototype, "_selectedVisibleOptions", void 0);
 __decorate([
   e5('input[role="combobox"]')
 ], TtCombobox.prototype, "_comboboxInput", void 0);
@@ -1598,7 +1555,153 @@ __decorate([
   n4({ type: Array, attribute: "value" })
 ], TtCombobox.prototype, "value", void 0);
 
-// node_modules/@triptease/tt-combobox/dist/src/tt-combobox.js
+// ../tt-combobox/dist/src/tt-option/styles.js
+var styles2 = i`
+  li {
+    cursor: pointer;
+    display: flex;
+    padding: 0.5rem;
+    box-sizing: border-box;
+    text-align: left;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+    align-items: center;
+    gap: 0.25rem;
+    max-width: 100%;
+    width: 100%;
+    overflow-y: visible;
+    flex: 1;
+
+    input[type='checkbox'] {
+      width: var(--checkbox-size, var(--space-scale-2));
+      aspect-ratio: 1;
+      flex: 0 0 auto;
+      accent-color: var(--color-primary-400);
+      pointer-events: none;
+    }
+
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      flex: 1;
+      line-height: 1.1;
+    }
+
+    &[aria-hidden='true'] {
+      visibility: hidden;
+      display: none;
+    }
+
+    &[aria-disabled='true'] {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    &[aria-selected='true']:not(:has(input[type='checkbox'])) {
+      color: var(--tt-combobox-option-selected-color, var(--color-primary-400));
+      font-weight: var(--font-weight-medium);
+    }
+  }
+
+  :host([active]),
+  :host(:hover) {
+    li {
+      background-color: var(--tt-combobox-option-background-color-hover, var(--color-surface-300));
+      color: var(--tt-combobox-option-color-hover, inherit);
+    }
+
+    &:first-child li {
+      border-top-left-radius: var(--border-radius);
+      border-top-right-radius: var(--border-radius);
+    }
+
+    &:last-child li {
+      border-bottom-left-radius: var(--border-radius);
+      border-bottom-right-radius: var(--border-radius);
+    }
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+`;
+
+// ../tt-combobox/dist/src/tt-option/TtOption.js
+var TtOption = class extends i4 {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+    this.selected = false;
+    this.active = false;
+    this.value = "";
+    this.includeCheckbox = false;
+    this._onClick = (event) => {
+      if (this.disabled) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        event.stopPropagation();
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("click", this._onClick);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("click", this._onClick);
+  }
+  render() {
+    return x`
+      <li
+        role="option"
+        aria-selected="${this.selected}"
+        aria-disabled="${this.disabled}"
+        ?aria-hidden="${this.hidden}"
+        data-active="${this.active}"
+        data-value="${this.value}"
+        @click="${this._onClick}"
+        @mousedown="${(event) => event.preventDefault()}"
+        part="option"
+      >
+        ${this.includeCheckbox ? x`<input type="checkbox" ?checked=${this.selected} role="presentation" tabindex="-1" part="checkbox" />` : E}
+        <span>
+          <slot></slot>
+        </span>
+      </li>
+    `;
+  }
+};
+TtOption.styles = styles2;
+TtOption.shadowRootOptions = {
+  ...i4.shadowRootOptions,
+  delegatesFocus: true
+};
+__decorate([
+  n4({ type: Boolean })
+], TtOption.prototype, "disabled", void 0);
+__decorate([
+  n4({ type: Boolean })
+], TtOption.prototype, "selected", void 0);
+__decorate([
+  n4({ type: Boolean })
+], TtOption.prototype, "active", void 0);
+__decorate([
+  n4({ type: String })
+], TtOption.prototype, "value", void 0);
+__decorate([
+  n4({ type: Boolean, attribute: "include-checkbox" })
+], TtOption.prototype, "includeCheckbox", void 0);
+
+// ../tt-combobox/dist/src/tt-option/tt-option.js
+if (typeof window !== "undefined") {
+  if (!window.customElements.get("tt-option")) {
+    window.customElements.define("tt-option", TtOption);
+  }
+}
+
+// ../tt-combobox/dist/src/tt-combobox.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-combobox")) {
     window.customElements.define("tt-combobox", TtCombobox);
@@ -1618,7 +1721,7 @@ var visuallyHiddenCss = i`
   clip-path: inset(50%);
   white-space: nowrap;
 `;
-var styles2 = i`
+var styles3 = i`
   :host {
     --nav-bar-width: 260px;
 
@@ -1911,9 +2014,7 @@ var styles2 = i`
     --tt-combobox-color: var(--color-text-inverted-400);
     --tt-combobox-dropdown-color: var(--color-text-inverted-400);
     --tt-combobox-list-background-color: var(--color-surface-inverted-100);
-    --tt-combobox-option-background-color-hover: var(
-      --color-surface-inverted-200
-    );
+    --tt-combobox-option-background-color-hover: var(--color-surface-inverted-200);
     --tt-combobox-placeholder-color: var(--color-text-inverted-300);
     --tt-combobox-background-color: var(--color-surface-inverted-100);
     --tt-combobox-hover-background-color: var(--color-surface-inverted-200);
@@ -2016,7 +2117,9 @@ var TtNavbar = class extends i4 {
       if (!bestMatch && this.clientKey) {
         const parsedPath = currentPath.replace(this.clientKey, "$CLIENT_KEY");
         let mappedUrl = urlMappings[parsedPath];
-        const matchedPattern = this.mappedUrlPatterns.find((pattern) => pattern.test(currentPath, window.location.origin))?.pathname;
+        const matchedPattern = this.mappedUrlPatterns.find(
+          (pattern) => pattern.test(currentPath, window.location.origin)
+        )?.pathname;
         if (matchedPattern) {
           mappedUrl = urlMappings[matchedPattern];
         }
@@ -2066,22 +2169,18 @@ var TtNavbar = class extends i4 {
     this.toggleSidebar = () => {
       this.closeAllDetails();
       this.isOpen = !this.isOpen;
-      const {
-        NavbarStateCookieName,
-        NavbarStateCookieOpenValue,
-        NavbarStateCookieClosedValue
-      } = Config;
+      const { NavbarStateCookieName, NavbarStateCookieOpenValue, NavbarStateCookieClosedValue } = Config;
       const domain = window.location.hostname.endsWith(".triptease.io") ? "domain=.triptease.io" : "";
       document.cookie = `${NavbarStateCookieName}=${this.isOpen ? NavbarStateCookieOpenValue : NavbarStateCookieClosedValue}; path=/; max-age=31536000; ${domain}`;
     };
     this.handleDetailsToggle = (e10) => {
       const { newState } = e10;
-      const target = e10.currentTarget;
+      const target2 = e10.currentTarget;
       if (newState === "open") {
         if (!this.isOpen) {
           this.toggleSidebar();
         }
-        this.closeAllDetails(target);
+        this.closeAllDetails(target2);
       }
     };
     this.buildUrl = (path) => {
@@ -2120,9 +2219,10 @@ var TtNavbar = class extends i4 {
     window.removeEventListener("tetris:navigate", this.setActiveState);
     super.disconnectedCallback();
   }
-  // eslint-disable-next-line no-undef
   get mappedUrlPatterns() {
-    return Object.keys(urlMappings).map((pattern) => new URLPattern({ pathname: pattern, baseURL: window.location.origin }));
+    return Object.keys(urlMappings).map(
+      (pattern) => new URLPattern({ pathname: pattern, baseURL: window.location.origin })
+    );
   }
   render() {
     return x`
@@ -2308,9 +2408,7 @@ var TtNavbar = class extends i4 {
                       >
                         ${this.clients.map(
       (client) => x`
-                            <option slot="option" value=${client.clientKey}>
-                              ${client.displayName}
-                            </option>
+                            <option slot="option" value=${client.clientKey}>${client.displayName}</option>
                           `
     )}
                       </tt-combobox>
@@ -2332,7 +2430,7 @@ var TtNavbar = class extends i4 {
     `;
   }
 };
-TtNavbar.styles = styles2;
+TtNavbar.styles = styles3;
 __decorateClass([
   n4({ type: Function })
 ], TtNavbar.prototype, "navigate", 2);