@hotosm/ui 0.7.0 → 0.8.1

package/dist/chunks/{chunk.CNUZFRRF.js → chunk.6JUW2IZJ.js}

@@ -1,4 +1,4 @@
-import{a as M}from"./chunk.252GL6HT.js";import{a as f,b as m,c as z}from"./chunk.ZETV7TDG.js";import{d as h,e as x,f as F}from"./chunk.QABMDRWR.js";import{d as n,e as o,f as d,g as c}from"./chunk.N2W26RCT.js";var E={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},y=l=>(...a)=>({_$litDirective$:l,values:a}),$=class{constructor(a){}get _$AU(){return this._$AM._$AU}_$AT(a,e,i){this._$Ct=a,this._$AM=e,this._$Ci=i}_$AS(a,e){return this.update(a,e)}update(a,e){return this.render(...e)}};var _=y(class extends ${constructor(l){var a;if(super(l),l.type!==E.ATTRIBUTE||l.name!=="class"||((a=l.strings)==null?void 0:a.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(l){return" "+Object.keys(l).filter(a=>l[a]).join(" ")+" "}update(l,[a]){var i,s;if(this.st===void 0){this.st=new Set,l.strings!==void 0&&(this.nt=new Set(l.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(let t in a)a[t]&&!((i=this.nt)!=null&&i.has(t))&&this.st.add(t);return this.render(a)}let e=l.element.classList;for(let t of this.st)t in a||(e.remove(t),this.st.delete(t));for(let t in a){let p=!!a[t];p===this.st.has(t)||(s=this.nt)!=null&&s.has(t)||(p?(e.add(t),this.st.add(t)):(e.remove(t),this.st.delete(t)))}return x}});Promise.allSettled([import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/divider/divider.js")]);var S,T,C,D,P,A,B,L,k,W,I,O,r=class extends F{constructor(){super(...arguments);this.name="hot-file-input-dropzone";d(this,S,!1);d(this,T,"");d(this,C,0);d(this,D,!1);d(this,P,!1);d(this,A,"");d(this,B,"traditional");d(this,L,!1);d(this,k,[]);d(this,W,"");d(this,I,"");d(this,O)}get multiple(){return o(this,S)}set multiple(e){c(this,S,e)}get accept(){return o(this,T)}set accept(e){c(this,T,e)}get maxSize(){return o(this,C)}set maxSize(e){c(this,C,e)}get showPreview(){return o(this,D)}set showPreview(e){c(this,D,e)}get disabled(){return o(this,P)}set disabled(e){c(this,P,e)}get label(){return o(this,A)}set label(e){c(this,A,e)}get variant(){return o(this,B)}set variant(e){c(this,B,e)}get isDragging(){return o(this,L)}set isDragging(e){c(this,L,e)}get selectedFiles(){return o(this,k)}set selectedFiles(e){c(this,k,e)}get errorMessage(){return o(this,W)}set errorMessage(e){c(this,W,e)}get statusMessage(){return o(this,I)}set statusMessage(e){c(this,I,e)}get fileInput(){return o(this,O)}set fileInput(e){c(this,O,e)}_generateId(){return`file-${Date.now()}-${Math.random().toString(36).substring(2,11)}`}_handleDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.isDragging=!0)}_handleDragLeave(e){e.preventDefault(),e.stopPropagation(),this.isDragging=!1}_handleDrop(e){var s;if(e.preventDefault(),e.stopPropagation(),this.isDragging=!1,this.disabled)return;let i=Array.from(((s=e.dataTransfer)==null?void 0:s.files)||[]);this._processFiles(i)}_handleClick(){this.disabled||this.fileInput.click()}_handleKeyDown(e){!this.disabled&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.fileInput.click())}_handleFileInputChange(e){let i=e.target,s=Array.from(i.files||[]);this._processFiles(s)}_processFiles(e){if(this.errorMessage="",!this.multiple&&e.length>1){this.errorMessage="Only one file can be selected";return}if(this.accept){let t=this.accept.split(",").map(u=>u.trim().toLowerCase()),p=e.filter(u=>{let b=u.name.toLowerCase(),g=u.type.toLowerCase();return!t.some(v=>{if(v.startsWith("."))return b.endsWith(v);if(v.endsWith("/*")){let w=v.split("/")[0];if(g)return g.startsWith(w+"/");let j=b.substring(b.lastIndexOf("."));return this._getFileIcon(j).includes(w)}return g?g===v:!1})});if(p.length>0){this.errorMessage=`Invalid file type(s): ${p.map(u=>u.name).join(", ")}`;return}}if(this.maxSize>0){let t=e.filter(p=>p.size>this.maxSize);if(t.length>0){this.errorMessage=`File(s) exceed maximum size of ${this._formatFileSize(this.maxSize)}: ${t.map(p=>p.name).join(", ")}`;return}}let i=e.map(t=>({file:t,id:this._generateId()}));this.multiple?this.selectedFiles=[...i,...this.selectedFiles]:this.selectedFiles=i,this.dispatchEvent(new CustomEvent("hot-file-change",{detail:{files:this.selectedFiles.map(t=>t.file)},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("hot-files-selected",{detail:{files:i.map(t=>t.file),allFiles:this.selectedFiles.map(t=>t.file)},bubbles:!0,composed:!0}));let s=i.length;this.statusMessage=`${s} ${s===1?"file":"files"} selected: ${i.map(t=>t.file.name).join(", ")}`}_removeFile(e){let i=this.selectedFiles.find(s=>s.id===e);this.selectedFiles=this.selectedFiles.filter(s=>s.id!==e),this.fileInput&&(this.fileInput.value=""),this.dispatchEvent(new CustomEvent("hot-file-change",{detail:{files:this.selectedFiles.map(s=>s.file)},bubbles:!0,composed:!0})),i&&(this.statusMessage=`File removed: ${i.file.name}. ${this.selectedFiles.length} ${this.selectedFiles.length===1?"file":"files"} remaining.`)}_formatFileSize(e){if(e===0)return"0 Bytes";let i=1e3,s=["Bytes","KB","MB","GB"],t=Math.floor(Math.log(e)/Math.log(i)),p=e/Math.pow(i,t);return`${Math.round(p*10)/10} ${s[t]}`}_getFileIcon(e){return e.startsWith("image/")?"file-image":e.startsWith("video/")?"file-video":e.startsWith("audio/")?"file-audio":e==="application/pdf"?"file-pdf":e.includes("word")?"file-word":e.includes("sheet")||e.includes("excel")?"file-excel":e.includes("zip")||e.includes("rar")||e.includes("7z")?"file-archive":e.includes("text")?"file-text":"file"}clearFiles(){this.selectedFiles=[],this.errorMessage="",this.fileInput&&(this.fileInput.value="")}getFiles(){return this.selectedFiles.map(e=>e.file)}render(){let e={dropzone:!0,"dropzone--dragging":this.isDragging,"dropzone--disabled":this.disabled,"dropzone--has-files":this.selectedFiles.length>0,"dropzone--compact":this.variant==="compact"},i=this.variant==="compact";return h`
+import{a as f,b as m,c as z}from"./chunk.ZETV7TDG.js";import{a as M}from"./chunk.252GL6HT.js";import{d as h,e as x,f as F}from"./chunk.QABMDRWR.js";import{d as n,e as o,f as d,g as c}from"./chunk.N2W26RCT.js";var E={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},y=l=>(...a)=>({_$litDirective$:l,values:a}),$=class{constructor(a){}get _$AU(){return this._$AM._$AU}_$AT(a,e,i){this._$Ct=a,this._$AM=e,this._$Ci=i}_$AS(a,e){return this.update(a,e)}update(a,e){return this.render(...e)}};var _=y(class extends ${constructor(l){var a;if(super(l),l.type!==E.ATTRIBUTE||l.name!=="class"||((a=l.strings)==null?void 0:a.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(l){return" "+Object.keys(l).filter(a=>l[a]).join(" ")+" "}update(l,[a]){var i,s;if(this.st===void 0){this.st=new Set,l.strings!==void 0&&(this.nt=new Set(l.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(let t in a)a[t]&&!((i=this.nt)!=null&&i.has(t))&&this.st.add(t);return this.render(a)}let e=l.element.classList;for(let t of this.st)t in a||(e.remove(t),this.st.delete(t));for(let t in a){let p=!!a[t];p===this.st.has(t)||(s=this.nt)!=null&&s.has(t)||(p?(e.add(t),this.st.add(t)):(e.remove(t),this.st.delete(t)))}return x}});Promise.allSettled([import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/divider/divider.js")]);var S,T,C,D,P,A,B,L,k,W,I,O,r=class extends F{constructor(){super(...arguments);this.name="hot-file-input-dropzone";d(this,S,!1);d(this,T,"");d(this,C,0);d(this,D,!1);d(this,P,!1);d(this,A,"");d(this,B,"traditional");d(this,L,!1);d(this,k,[]);d(this,W,"");d(this,I,"");d(this,O)}get multiple(){return o(this,S)}set multiple(e){c(this,S,e)}get accept(){return o(this,T)}set accept(e){c(this,T,e)}get maxSize(){return o(this,C)}set maxSize(e){c(this,C,e)}get showPreview(){return o(this,D)}set showPreview(e){c(this,D,e)}get disabled(){return o(this,P)}set disabled(e){c(this,P,e)}get label(){return o(this,A)}set label(e){c(this,A,e)}get variant(){return o(this,B)}set variant(e){c(this,B,e)}get isDragging(){return o(this,L)}set isDragging(e){c(this,L,e)}get selectedFiles(){return o(this,k)}set selectedFiles(e){c(this,k,e)}get errorMessage(){return o(this,W)}set errorMessage(e){c(this,W,e)}get statusMessage(){return o(this,I)}set statusMessage(e){c(this,I,e)}get fileInput(){return o(this,O)}set fileInput(e){c(this,O,e)}_generateId(){return`file-${Date.now()}-${Math.random().toString(36).substring(2,11)}`}_handleDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.isDragging=!0)}_handleDragLeave(e){e.preventDefault(),e.stopPropagation(),this.isDragging=!1}_handleDrop(e){var s;if(e.preventDefault(),e.stopPropagation(),this.isDragging=!1,this.disabled)return;let i=Array.from(((s=e.dataTransfer)==null?void 0:s.files)||[]);this._processFiles(i)}_handleClick(){this.disabled||this.fileInput.click()}_handleKeyDown(e){!this.disabled&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.fileInput.click())}_handleFileInputChange(e){let i=e.target,s=Array.from(i.files||[]);this._processFiles(s)}_processFiles(e){if(this.errorMessage="",!this.multiple&&e.length>1){this.errorMessage="Only one file can be selected";return}if(this.accept){let t=this.accept.split(",").map(u=>u.trim().toLowerCase()),p=e.filter(u=>{let b=u.name.toLowerCase(),g=u.type.toLowerCase();return!t.some(v=>{if(v.startsWith("."))return b.endsWith(v);if(v.endsWith("/*")){let w=v.split("/")[0];if(g)return g.startsWith(w+"/");let j=b.substring(b.lastIndexOf("."));return this._getFileIcon(j).includes(w)}return g?g===v:!1})});if(p.length>0){this.errorMessage=`Invalid file type(s): ${p.map(u=>u.name).join(", ")}`;return}}if(this.maxSize>0){let t=e.filter(p=>p.size>this.maxSize);if(t.length>0){this.errorMessage=`File(s) exceed maximum size of ${this._formatFileSize(this.maxSize)}: ${t.map(p=>p.name).join(", ")}`;return}}let i=e.map(t=>({file:t,id:this._generateId()}));this.multiple?this.selectedFiles=[...i,...this.selectedFiles]:this.selectedFiles=i,this.dispatchEvent(new CustomEvent("hot-file-change",{detail:{files:this.selectedFiles.map(t=>t.file)},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("hot-files-selected",{detail:{files:i.map(t=>t.file),allFiles:this.selectedFiles.map(t=>t.file)},bubbles:!0,composed:!0}));let s=i.length;this.statusMessage=`${s} ${s===1?"file":"files"} selected: ${i.map(t=>t.file.name).join(", ")}`}_removeFile(e){let i=this.selectedFiles.find(s=>s.id===e);this.selectedFiles=this.selectedFiles.filter(s=>s.id!==e),this.fileInput&&(this.fileInput.value=""),this.dispatchEvent(new CustomEvent("hot-file-change",{detail:{files:this.selectedFiles.map(s=>s.file)},bubbles:!0,composed:!0})),i&&(this.statusMessage=`File removed: ${i.file.name}. ${this.selectedFiles.length} ${this.selectedFiles.length===1?"file":"files"} remaining.`)}_formatFileSize(e){if(e===0)return"0 Bytes";let i=1e3,s=["Bytes","KB","MB","GB"],t=Math.floor(Math.log(e)/Math.log(i)),p=e/Math.pow(i,t);return`${Math.round(p*10)/10} ${s[t]}`}_getFileIcon(e){return e.startsWith("image/")?"file-image":e.startsWith("video/")?"file-video":e.startsWith("audio/")?"file-audio":e==="application/pdf"?"file-pdf":e.includes("word")?"file-word":e.includes("sheet")||e.includes("excel")?"file-excel":e.includes("zip")||e.includes("rar")||e.includes("7z")?"file-archive":e.includes("text")?"file-text":"file"}clearFiles(){this.selectedFiles=[],this.errorMessage="",this.fileInput&&(this.fileInput.value="")}getFiles(){return this.selectedFiles.map(e=>e.file)}render(){let e={dropzone:!0,"dropzone--dragging":this.isDragging,"dropzone--disabled":this.disabled,"dropzone--has-files":this.selectedFiles.length>0,"dropzone--compact":this.variant==="compact"},i=this.variant==="compact";return h`
       <div class="file-input-dropzone">
         ${this.label&&this.variant==="traditional"?h`<label class="label" id="dropzone-label">${this.label}</label>`:""}
         ${this.variant==="traditional"?h`<wa-divider></wa-divider>`:""}

package/dist/chunks/chunk.6WYUOJRX.js

@@ -0,0 +1,569 @@
+import{a as u}from"./chunk.QABMDRWR.js";import{a as h,c as v}from"./chunk.N2W26RCT.js";function f(a){var t,e,r="";if(typeof a=="string"||typeof a=="number")r+=a;else if(typeof a=="object")if(Array.isArray(a)){var o=a.length;for(t=0;t<o;t++)a[t]&&(e=f(a[t]))&&(r&&(r+=" "),r+=e)}else for(e in a)a[e]&&(r&&(r+=" "),r+=e);return r}function x(){for(var a,t,e=0,r="",o=arguments.length;e<o;e++)(a=arguments[e])&&(t=f(a))&&(r&&(r+=" "),r+=t);return r}var b=a=>typeof a=="boolean"?`${a}`:a===0?"0":a,w=x,y=(a,t)=>e=>{var r;if((t==null?void 0:t.variants)==null)return w(a,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:o,defaultVariants:d}=t,z=Object.keys(o).map(i=>{let n=e==null?void 0:e[i],s=d==null?void 0:d[i];if(n===null)return null;let l=b(n)||b(s);return o[i][l]}),g=e&&Object.entries(e).reduce((i,n)=>{let[s,l]=n;return l===void 0||(i[s]=l),i},{}),k=t==null||(r=t.compoundVariants)===null||r===void 0?void 0:r.reduce((i,n)=>{let c=n,{class:s,className:l}=c,j=v(c,["class","className"]);return Object.entries(j).every(V=>{let[p,m]=V;return Array.isArray(m)?m.includes(h(h({},d),g)[p]):h(h({},d),g)[p]===m})?[...i,s,l]:i},[]);return w(a,z,k,e==null?void 0:e.class,e==null?void 0:e.className)};var T=y("header",{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"}}}),D=u`
+  /* ================================================================
+   * Layout
+   * ================================================================ */
+
+  .header-container {
+    background-color: #ffffff;
+    border-bottom: 1px solid var(--hot-color-neutral-100);
+  }
+
+  .header {
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+    height: auto;
+    padding: var(--hot-spacing-2x-small) var(--hot-spacing-small);
+  }
+
+  /* ================================================================
+   * Top bar (tagline + external link) - hidden on "small" variant
+   * ================================================================ */
+
+  .header--top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--hot-spacing-2x-small) var(--hot-spacing-small);
+    background-color: #ffffff;
+    font-family: var(--hot-font-sans);
+    font-size: var(--hot-font-size-small);
+    border-bottom: 1px solid var(--hot-color-neutral-100);
+  }
+
+  .header--top-tagline {
+    color: var(--hot-color-primary-400);
+    white-space: nowrap;
+  }
+
+  .header--top-link {
+    color: var(--hot-color-primary-400);
+    text-decoration: none;
+    font-weight: var(--hot-font-weight-semibold);
+  }
+
+  .header--top-link:hover {
+    text-decoration: underline;
+  }
+
+  .header--external-icon {
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: var(--hot-spacing-3x-small);
+    width: 0.65em;
+    height: 0.65em;
+  }
+
+  /* On mobile: hide the tagline and show the short link text */
+  .header--top-link-short {
+    display: inline;
+  }
+
+  .header--top-link-full {
+    display: none;
+  }
+
+  @media (min-width: 769px) {
+    .header--top-link-short {
+      display: none;
+    }
+
+    .header--top-link-full {
+      display: inline;
+    }
+
+    .header--top-tagline {
+      display: inline;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .header--top-tagline {
+      display: none;
+    }
+  }
+
+  /* ================================================================
+   * Logo / title link
+   * ================================================================ */
+
+  .header--link {
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    padding-right: var(--hot-spacing-2x-small);
+    gap: var(--hot-spacing-x-small);
+    flex-shrink: 0;
+  }
+
+  .header--link hot-logo {
+    display: flex;
+    align-items: center;
+  }
+
+  .header--link .header--logo-img {
+    max-height: 2.5rem;
+    width: auto;
+    display: block;
+    object-fit: contain;
+    vertical-align: middle;
+  }
+
+  .header--title {
+    color: var(--hot-color-neutral-950);
+    font-family: var(--hot-font-sans);
+    font-size: var(--hot-font-size-large);
+    margin: 0;
+    line-height: 1;
+    white-space: nowrap;
+  }
+
+  /* ================================================================
+   * Navigation (desktop tabs with horizontal scroll arrows)
+   * Hidden on mobile; shown via media query below.
+   * ================================================================ */
+
+  .header--nav {
+    display: none;
+  }
+
+  .header--nav-wrapper {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap: var(--hot-spacing-2x-small);
+    overflow: hidden;
+  }
+
+  .header--nav-scroll {
+    flex: 1;
+    overflow-x: auto;
+    scrollbar-width: none;
+  }
+
+  .header--nav-scroll::-webkit-scrollbar {
+    display: none;
+  }
+
+  .header--nav-arrow {
+    background: transparent;
+    border: none;
+    color: var(--hot-color-neutral-500);
+    cursor: pointer;
+    padding: 0;
+    font-size: var(--hot-font-size-medium);
+    line-height: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+
+  .header--nav-arrow:hover {
+    color: var(--hot-color-neutral-800);
+  }
+
+  .header--nav-arrow[disabled] {
+    opacity: 0;
+    pointer-events: none;
+    width: 0;
+    padding: 0;
+    overflow: hidden;
+  }
+
+  .header--nav-mobile {
+    display: block;
+    width: 100%;
+    margin-top: var(--hot-spacing-small);
+  }
+
+  /* ================================================================
+   * Tabs
+   * ================================================================ */
+
+  .header--tab-group::part(base) {
+    --track-color: transparent;
+    --indicator-color: transparent;
+  }
+
+  .header--tab-group::part(nav) {
+    display: flex;
+    justify-content: flex-start;
+  }
+
+  .header--nav-center .header--tab-group::part(nav) {
+    justify-content: center;
+  }
+
+  .header--tab::part(base) {
+    font-size: var(--hot-font-size-medium);
+    font-weight: var(--hot-font-weight-bold);
+    color: var(--hot-color-neutral-600);
+    padding: var(--hot-spacing-small);
+    border-bottom: 3px solid transparent;
+    transition: all 0.2s ease;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    white-space: nowrap;
+  }
+
+  .header--tab[active]::part(base) {
+    color: var(--hot-color-neutral-800);
+    border-bottom-color: var(--hot-color-neutral-800);
+  }
+
+  .header--tab:hover::part(base) {
+    color: var(--hot-color-neutral-800);
+    border-bottom-color: var(--hot-color-neutral-300);
+  }
+
+  .header--tab[active]:hover::part(base) {
+    color: var(--hot-color-neutral-900);
+    border-bottom-color: var(--hot-color-neutral-900);
+  }
+
+  /* ================================================================
+   * Right section (login button, drawer toggle)
+   * ================================================================ */
+
+  .header--right-section {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--hot-spacing-x-small);
+    flex-shrink: 0;
+  }
+
+  /* Base mobile touch target for drawer / close buttons */
+  wa-button[appearance="outlined"] {
+    min-width: 2.5rem;
+    min-height: 2.5rem;
+    padding: 0.5rem;
+  }
+
+  /*
+   * When drawer is not explicitly enabled but tabs exist, show the
+   * hamburger only on mobile so users can still reach the nav items.
+   */
+  .header--drawer-mobile-only {
+    display: inline-flex;
+  }
+
+  @media (min-width: 769px) {
+    .header--drawer-mobile-only {
+      display: none;
+    }
+  }
+
+  /* ================================================================
+   * User avatar + dropdown (shown when logged in)
+   * ================================================================ */
+
+  .header--avatar-trigger {
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .header--avatar-trigger:hover {
+    box-shadow: 0 0 0 2px var(--hot-color-neutral-200);
+  }
+
+  /* Google-style text initial avatar */
+  .header--avatar-initial {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: var(--hot-color-primary-500);
+    color: #fff;
+    font-weight: 600;
+    font-size: 0.85rem;
+    line-height: 1;
+    text-transform: uppercase;
+    user-select: none;
+  }
+
+  .header--size-small .header--avatar-trigger {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+
+  .header--size-small .header--avatar-initial {
+    font-size: 0.7rem;
+  }
+
+  .header--user-dropdown::part(menu) {
+    min-width: 10rem;
+  }
+
+  /* ================================================================
+   * Login modal
+   * ================================================================ */
+
+  .login-modal {
+    --width: 35rem;
+    --border-radius: var(--hot-border-radius-large);
+    --background-color: white;
+  }
+
+  /* ================================================================
+   * Size variants
+   *
+   *   small  - compact toolbar    (48 px)
+   *   medium - standard header    (60 px)
+   *   large  - prominent header   (72 px)
+   *
+   * Each section scales: header height, logo, title, buttons, tabs.
+   * ================================================================ */
+
+  /* ─── Small (48 px) ─── */
+
+  .header--size-small {
+    height: var(--hot-spacing-3x-large); /* 3rem */
+  }
+
+  .header--size-small .header--link {
+    padding-top: var(--hot-spacing-x-small);
+    padding-bottom: var(--hot-spacing-x-small);
+  }
+
+  .header--size-small hot-logo {
+    --hot-logo-height: calc(var(--hot-spacing-medium) + var(--hot-spacing-x-small)); /* 1.5rem */
+  }
+
+  .header--size-small .header--logo-img {
+    max-height: 1.75rem;
+  }
+
+  .header--size-small .header--title {
+    font-size: var(--hot-font-size-medium);
+  }
+
+  .header--size-small .header--tab::part(base) {
+    font-size: var(--hot-font-size-small);
+    padding: var(--hot-spacing-x-small);
+  }
+
+  .header--size-small .header--right-section {
+    padding-top: var(--hot-spacing-x-small);
+    padding-bottom: var(--hot-spacing-x-small);
+    gap: var(--hot-spacing-2x-small);
+  }
+
+  .header--size-small .login-button::part(base) {
+    padding: var(--hot-spacing-3x-small) var(--hot-spacing-x-small);
+    font-size: var(--hot-font-size-small);
+  }
+
+  .header--size-small .header--right-section wa-button[appearance="outlined"] {
+    min-width: 1.5rem;
+    min-height: 1.5rem;
+    padding: 0;
+  }
+
+  .header--size-small .header--right-section wa-button[appearance="outlined"]::part(base) {
+    min-width: 1.5rem;
+    min-height: 1.5rem;
+    padding: var(--hot-spacing-3x-small);
+  }
+
+  /* ─── Medium (60 px) ─── */
+
+  .header--size-medium {
+    height: calc(var(--hot-spacing-3x-large) + var(--hot-spacing-small)); /* 3.75rem */
+  }
+
+  .header--size-medium .header--link {
+    padding-top: var(--hot-spacing-x-small);
+    padding-bottom: var(--hot-spacing-x-small);
+  }
+
+  .header--size-medium hot-logo {
+    --hot-logo-height: var(--hot-spacing-2x-large); /* 2.25rem */
+  }
+
+  .header--size-medium .header--logo-img {
+    max-height: 2.25rem;
+  }
+
+  .header--size-medium .login-button::part(base) {
+    padding: var(--hot-spacing-2x-small) var(--hot-spacing-x-small);
+    font-size: var(--hot-font-size-small);
+  }
+
+  .header--size-medium .header--right-section wa-button[appearance="outlined"] {
+    min-width: 2rem;
+    min-height: 2rem;
+    padding: 0;
+  }
+
+  .header--size-medium .header--right-section wa-button[appearance="outlined"]::part(base) {
+    min-width: 2rem;
+    min-height: 2rem;
+    padding: var(--hot-spacing-2x-small);
+  }
+
+  /* ─── Large (72 px) ─── */
+
+  .header--size-large {
+    height: var(--hot-spacing-4x-large); /* 4.5rem */
+  }
+
+  .header--size-large .header--link {
+    padding-top: var(--hot-spacing-x-small);
+    padding-bottom: var(--hot-spacing-x-small);
+  }
+
+  .header--size-large hot-logo {
+    --hot-logo-height: var(--hot-spacing-3x-large); /* 3rem */
+  }
+
+  .header--size-large .header--logo-img {
+    max-height: 2.75rem;
+  }
+
+  .header--size-large .header--title {
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  /* ================================================================
+   * Desktop / tablet (≥ 769 px)
+   * ================================================================ */
+
+  @media (min-width: 769px) {
+    .header {
+      align-items: center;
+      height: auto;
+    }
+
+    .header--link {
+      justify-content: flex-start;
+      padding-right: 0;
+      gap: var(--hot-spacing-small);
+    }
+
+    .header--title {
+      font-size: var(--hot-font-size-x-large);
+    }
+
+    .header--nav {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      margin-left: var(--hot-spacing-x-large);
+      font-weight: var(--hot-font-weight-semibold);
+      overflow: hidden;
+    }
+
+    .header--nav-mobile {
+      display: none;
+    }
+
+    .header--right-section {
+      justify-content: center;
+      margin-top: 0;
+      gap: var(--hot-spacing-small);
+    }
+
+    .header--size-small .header--logo-img {
+      max-height: 1.75rem;
+    }
+
+    .header--size-medium .header--logo-img {
+      max-height: 2.5rem;
+    }
+
+    .header--size-large .header--logo-img {
+      max-height: 2.75rem;
+    }
+
+    wa-button[appearance="outlined"] {
+      min-width: auto;
+      min-height: auto;
+      padding: initial;
+    }
+  }
+
+  /* ================================================================
+   * Drawer (mobile sidebar)
+   * ================================================================ */
+
+  .drawer-content {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .drawer-nav {
+    margin-bottom: var(--hot-spacing-small);
+  }
+
+  .drawer-nav-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .drawer-nav-item + .drawer-nav-item {
+    margin-top: var(--hot-spacing-x-small);
+  }
+
+  .drawer-nav-button {
+    width: 100%;
+    text-align: left;
+    background: none;
+    border: none;
+    padding: var(--hot-spacing-x-small) 0;
+    font: inherit;
+    color: var(--hot-color-neutral-950);
+    cursor: pointer;
+  }
+
+  .drawer-nav-button:hover {
+    color: var(--hot-color-primary-600);
+  }
+
+  .drawer-separator {
+    border: 0;
+    border-top: 1px solid var(--hot-color-neutral-100);
+    margin: var(--hot-spacing-small) 0;
+  }
+
+  .drawer-link-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .drawer-link-item + .drawer-link-item {
+    margin-top: var(--hot-spacing-small);
+  }
+
+  .drawer-link {
+    color: inherit;
+    text-decoration: none;
+    font-size: var(--hot-font-size-medium);
+  }
+
+  .drawer-link:hover {
+    text-decoration: underline;
+  }
+
+  @media (min-width: 769px) {
+    .drawer-nav {
+      display: none;
+    }
+  }
+`;export{T as a,D as b};

package/dist/chunks/{chunk.6BGQ256H.js → chunk.LVC64FO7.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./chunk.ZGC6XD6L.js";import{a as o}from"./chunk.ZETV7TDG.js";import{a as l}from"./chunk.KO4EOD3I.js";import{d as r,f as c}from"./chunk.QABMDRWR.js";import{d as s,e as a,f as n,g as i}from"./chunk.N2W26RCT.js";Promise.allSettled([import("@awesome.me/webawesome/dist/components/callout/callout.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/button/button.js")]);l();var u,g,p,b,m,h,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,"About the information we collect");n(this,b,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,h,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get isOpen(){return a(this,g)}set isOpen(t){i(this,g,t)}get title(){return a(this,p)}set title(t){i(this,p,t)}get message(){return a(this,b)}set message(t){i(this,b,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,h)}set notAgreeLabel(t){i(this,h,t)}render(){return this.isOpen?r`
+import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.ZGC6XD6L.js";import{a as o}from"./chunk.ZETV7TDG.js";import{d as r,f as c}from"./chunk.QABMDRWR.js";import{d as s,e as a,f as n,g as i}from"./chunk.N2W26RCT.js";Promise.allSettled([import("@awesome.me/webawesome/dist/components/callout/callout.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/button/button.js")]);l();var u,g,p,b,m,h,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,"About the information we collect");n(this,b,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,h,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get isOpen(){return a(this,g)}set isOpen(t){i(this,g,t)}get title(){return a(this,p)}set title(t){i(this,p,t)}get message(){return a(this,b)}set message(t){i(this,b,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,h)}set notAgreeLabel(t){i(this,h,t)}render(){return this.isOpen?r`
       <div class="consent-overlay">
         <div class="consent-container">
           <wa-callout variant="brand" appearance="outlined filled" size="large" class="consent-callout">

package/dist/chunks/{chunk.7JIKOYG6.js → chunk.M3LK72JN.js}

@@ -1 +1 @@
-import{b as e}from"./chunk.6BGQ256H.js";var n=e;customElements.get("hot-consent")||customElements.define("hot-consent",e);export{n as a};
+import{b as e}from"./chunk.LVC64FO7.js";var n=e;customElements.get("hot-consent")||customElements.define("hot-consent",e);export{n as a};

package/dist/chunks/{chunk.APYFF2XE.js → chunk.N5KXL4J6.js}

@@ -1 +1 @@
-import{b as o}from"./chunk.LVCDAVRU.js";var t=o;customElements.get("hot-logo")||customElements.define("hot-logo",o);export{t as a};
+import{b as o}from"./chunk.R44PTHOJ.js";var t=o;customElements.get("hot-logo")||customElements.define("hot-logo",o);export{t as a};