@hotosm/ui 0.3.2-b7 → 0.3.2-b9

package/dist/assets/logo/hamburger.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg> 

package/dist/chunks/{chunk.OSUPNFJP.js → chunk.2ULJ7GOD.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./chunk.6Y3X2E2V.js";import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.GTNRNZDH.js";import{e as r,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"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,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
+import{b as o}from"./chunk.6Y3X2E2V.js";import{a as l}from"./chunk.XV3ZU53D.js";import{a as d}from"./chunk.GTNRNZDH.js";import{e as r,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"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,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,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.D4UQX7IV.js

@@ -0,0 +1,146 @@
+import{b as f}from"./chunk.TNLBUOUK.js";import{a as h,c as u}from"./chunk.NI7UJOOZ.js";function p(t){var r,e,a="";if(typeof t=="string"||typeof t=="number")a+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(r=0;r<i;r++)t[r]&&(e=p(t[r]))&&(a&&(a+=" "),a+=e)}else for(e in t)t[e]&&(a&&(a+=" "),a+=e);return a}function b(){for(var t,r,e=0,a="",i=arguments.length;e<i;e++)(t=arguments[e])&&(r=p(t))&&(a&&(a+=" "),a+=r);return a}var x=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=b,w=(t,r)=>e=>{var a;if((r==null?void 0:r.variants)==null)return y(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:i,defaultVariants:s}=r,z=Object.keys(i).map(o=>{let n=e==null?void 0:e[o],d=s==null?void 0:s[o];if(n===null)return null;let l=x(n)||x(d);return i[o][l]}),m=e&&Object.entries(e).reduce((o,n)=>{let[d,l]=n;return l===void 0||(o[d]=l),o},{}),j=r==null||(a=r.compoundVariants)===null||a===void 0?void 0:a.reduce((o,n)=>{let v=n,{class:d,className:l}=v,k=u(v,["class","className"]);return Object.entries(k).every(V=>{let[g,c]=V;return Array.isArray(c)?c.includes(h(h({},s),m)[g]):h(h({},s),m)[g]===c})?[...o,d,l]:o},[]);return y(t,z,j,e==null?void 0:e.class,e==null?void 0:e.className)};var S=w(`
+      header
+  `,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),_=f`
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 var(--hot-spacing-small);
+  }
+
+  .header.border-bottom {
+    border-bottom: var(--hot-spacing-3x-small) solid var(--hot-color-neutral-50);
+  }
+
+  .header--size-small {
+    height: var(--hot-spacing-4x-large);
+  }
+
+  .header--size-medium {
+    height: calc(var(--hot-spacing-4x-large) * 2);
+  }
+
+  .header--size-large {
+    height: calc(var(--hot-spacing-4x-large) * 4);
+  }
+
+  .header--link {
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--hot-spacing-small);
+  }
+
+  .header--title {
+    color: var(--hot-color-neutral-950);
+    font-family: var(--hot-font-sans);
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  .header--tab::part(base) {
+    font-size: var(--hot-font-size-medium);
+    font-weight: var(--hot-font-weight-normal);
+    color: var(--hot-color-neutral-950);
+    padding: var(--hot-spacing-small) var(--hot-spacing-small);
+    border-bottom: 2px solid transparent;
+    transition: border-color 0.2s ease;
+  }
+
+  .header--tab[active]::part(base) {
+    border-bottom-color: var(--hot-color-neutral-1000);
+    font-weight: var(--hot-font-weight-semibold);
+  }
+
+  .header--tab:hover::part(base) {
+    color: var(--hot-color-neutral-700);
+  }
+
+  .header--tab[active]:hover::part(base) {
+    color: var(--hot-color-neutral-950);
+  }
+
+  .header--tab-group::part(base) {
+    --track-color: transparent;
+    --indicator-color: transparent;
+  }
+
+  .header--nav {
+    justify-content: space-between;
+    justify-items: center;
+    gap: var(--hot-spacing-medium);
+    font-weight: var(--hot-font-weight-semibold);
+  }
+
+  .header--nav-mobile {
+  }
+
+  .header--person-circle {
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  .header--drawer {
+    font-size: var(--hot-font-size-x-large)
+  }
+
+  .header--right-section {
+    display: flex;
+    align-items: center;
+    gap: var(--hot-spacing-small);
+  }
+
+
+
+  .header--logo-img {
+  }
+
+
+
+  /* Login Modal Styles */
+  .login-modal {
+    --width: 35rem;
+    --border-radius: 8px;
+    --background-color: white;
+  }
+
+  /* --- Responsive styles for mobile --- */
+  @media (max-width: 768px) {
+    .header {
+      flex-direction: column;
+      align-items: stretch;
+      padding: var(--hot-spacing-small);
+      height: auto;
+    }
+    .header--link {
+      justify-content: flex-start;
+      gap: var(--hot-spacing-x-small);
+    }
+    .header--title {
+      font-size: var(--hot-font-size-large);
+    }
+    .header--nav {
+      display: none;
+    }
+    .header--nav-mobile {
+      display: block;
+      width: 100%;
+      margin-top: var(--hot-spacing-small);
+    }
+    .header--right-section {
+      justify-content: flex-end;
+      width: 100%;
+      margin-top: var(--hot-spacing-small);
+      gap: var(--hot-spacing-x-small);
+    }
+    .header--logo-img {
+      max-height: 2.5rem;
+      width: auto;
+    }
+    wa-button[appearance="outlined"] {
+      /* Make drawer button larger for touch */
+      min-width: 2.5rem;
+      min-height: 2.5rem;
+      padding: 0.5rem;
+    }
+  }
+`;export{S as a,_ as b};

package/dist/chunks/chunk.JWXDWX4U.js

@@ -0,0 +1 @@
+import{e}from"./chunk.PDA7Y3OG.js";var r=e;customElements.define("hot-header",e);export{r as a};

package/dist/chunks/{chunk.NQSLFHXC.js → chunk.NA5VYRZH.js}

@@ -1,4 +1,4 @@
-import{a as l}from"./chunk.O6I2TNK3.js";import{b as o}from"./chunk.6Y3X2E2V.js";import{a as n}from"./chunk.KO4EOD3I.js";import{e as t,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as i,f as a,g as r}from"./chunk.NI7UJOOZ.js";n();var p,d,h,y,g,m,$,S,f,e=class extends c{constructor(){super(...arguments);this.name="hot-button";a(this,p,"primary");a(this,d,"medium");a(this,h,"default");a(this,y,!1);a(this,g,!1);a(this,m,"");a(this,$,"start");a(this,S,"button");a(this,f,"")}get variant(){return i(this,p)}set variant(w){r(this,p,w)}get size(){return i(this,d)}set size(w){r(this,d,w)}get appearance(){return i(this,h)}set appearance(w){r(this,h,w)}get disabled(){return i(this,y)}set disabled(w){r(this,y,w)}get loading(){return i(this,g)}set loading(w){r(this,g,w)}get icon(){return i(this,m)}set icon(w){r(this,m,w)}get iconPosition(){return i(this,$)}set iconPosition(w){r(this,$,w)}get type(){return i(this,S)}set type(w){r(this,S,w)}get hotColor(){return i(this,f)}set hotColor(w){r(this,f,w)}render(){let w=`hot-button${this.hotColor?` hot-${this.hotColor}`:""}`;return t`
+import{a as l}from"./chunk.O6I2TNK3.js";import{b as o}from"./chunk.6Y3X2E2V.js";import{a as n}from"./chunk.XV3ZU53D.js";import{e as t,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as i,f as a,g as r}from"./chunk.NI7UJOOZ.js";n();var p,d,h,y,g,m,$,S,f,e=class extends c{constructor(){super(...arguments);this.name="hot-button";a(this,p,"primary");a(this,d,"medium");a(this,h,"default");a(this,y,!1);a(this,g,!1);a(this,m,"");a(this,$,"start");a(this,S,"button");a(this,f,"")}get variant(){return i(this,p)}set variant(w){r(this,p,w)}get size(){return i(this,d)}set size(w){r(this,d,w)}get appearance(){return i(this,h)}set appearance(w){r(this,h,w)}get disabled(){return i(this,y)}set disabled(w){r(this,y,w)}get loading(){return i(this,g)}set loading(w){r(this,g,w)}get icon(){return i(this,m)}set icon(w){r(this,m,w)}get iconPosition(){return i(this,$)}set iconPosition(w){r(this,$,w)}get type(){return i(this,S)}set type(w){r(this,S,w)}get hotColor(){return i(this,f)}set hotColor(w){r(this,f,w)}render(){let w=`hot-button${this.hotColor?` hot-${this.hotColor}`:""}`;return t`
       <wa-button
         variant="${this.variant}"
         size="${this.size}"