@hotosm/ui 0.3.2-b2 → 0.3.2-b4

package/dist/chunks/chunk.EROFXAZH.js

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

package/dist/chunks/chunk.H5ZQREL2.js

@@ -0,0 +1 @@
+import{b as t}from"./chunk.HDZFWGNV.js";var o=t;customElements.define("hot-button",t);export{o as a};

package/dist/chunks/chunk.HDZFWGNV.js

@@ -0,0 +1,19 @@
+import{a as l}from"./chunk.U4GEH6YR.js";import{b as o}from"./chunk.6ZDEZIWM.js";import{a as n}from"./chunk.KO4EOD3I.js";import{e as t,k as c}from"./chunk.U4P7XQR4.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}"
+        appearance="${this.appearance}"
+        ?disabled="${this.disabled}"
+        ?loading="${this.loading}"
+        type="${this.type}"
+        class="${w}"
+      >
+        ${this.icon&&this.iconPosition==="start"?t`
+          <wa-icon name="${this.icon}" slot="icon"></wa-icon>
+        `:null}
+        <slot></slot>
+        ${this.icon&&this.iconPosition==="end"?t`
+          <wa-icon name="${this.icon}" slot="icon"></wa-icon>
+        `:null}
+      </wa-button>
+    `}};p=new WeakMap,d=new WeakMap,h=new WeakMap,y=new WeakMap,g=new WeakMap,m=new WeakMap,$=new WeakMap,S=new WeakMap,f=new WeakMap,e.styles=[l],s([o({type:String})],e.prototype,"variant",1),s([o({type:String})],e.prototype,"size",1),s([o({type:String})],e.prototype,"appearance",1),s([o({type:Boolean})],e.prototype,"disabled",1),s([o({type:Boolean})],e.prototype,"loading",1),s([o({type:String})],e.prototype,"icon",1),s([o({type:String})],e.prototype,"iconPosition",1),s([o({type:String})],e.prototype,"type",1),s([o({type:String,attribute:"hot-color"})],e.prototype,"hotColor",1);var R=e;export{e as a,R as b};

package/dist/chunks/chunk.HQE63XEZ.js

@@ -0,0 +1,96 @@
+import{b as f}from"./chunk.U4P7XQR4.js";import{a as c,c as g}from"./chunk.NI7UJOOZ.js";function b(t){var r,e,a="";if(typeof t=="string"||typeof t=="number")a+=t;else if(typeof t=="object")if(Array.isArray(t)){var n=t.length;for(r=0;r<n;r++)t[r]&&(e=b(t[r]))&&(a&&(a+=" "),a+=e)}else for(e in t)t[e]&&(a&&(a+=" "),a+=e);return a}function y(){for(var t,r,e=0,a="",n=arguments.length;e<n;e++)(t=arguments[e])&&(r=b(t))&&(a&&(a+=" "),a+=r);return a}var x=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,p=y,z=(t,r)=>e=>{var a;if((r==null?void 0:r.variants)==null)return p(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:n,defaultVariants:s}=r,w=Object.keys(n).map(o=>{let i=e==null?void 0:e[o],d=s==null?void 0:s[o];if(i===null)return null;let l=x(i)||x(d);return n[o][l]}),m=e&&Object.entries(e).reduce((o,i)=>{let[d,l]=i;return l===void 0||(o[d]=l),o},{}),j=r==null||(a=r.compoundVariants)===null||a===void 0?void 0:a.reduce((o,i)=>{let u=i,{class:d,className:l}=u,V=g(u,["class","className"]);return Object.entries(V).every(k=>{let[v,h]=k;return Array.isArray(h)?h.includes(c(c({},s),m)[v]):c(c({},s),m)[v]===h})?[...o,d,l]:o},[]);return p(t,w,j,e==null?void 0:e.class,e==null?void 0:e.className)};var _=z(`
+      header
+  `,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),B=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);
+  }
+
+  .header--tab-group::part(base) {
+    --track-color: transparent;
+    --indicator-color: none;
+  }
+
+  .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 {
+  }
+
+  .header--tab {
+    border-bottom: 2px solid;
+    border-color: transparent;
+  }
+  .header--tab-active {
+    border-color: var(--hot-color-neutral-1000);
+  }
+
+  /* Login Modal Styles */
+  .login-modal {
+    --width: 35rem;
+    --border-radius: 8px;
+    --background-color: white;
+  }
+`;export{_ as a,B as b};

package/dist/chunks/{chunk.LPSHZWUY.js → chunk.QT57GV7H.js}

@@ -1,4 +1,4 @@
-import{c as o,d as t,g as l,h as i}from"./chunk.D2BMH7HD.js";import{a as e,b as a}from"./chunk.6ZDEZIWM.js";import{e as n}from"./chunk.U4P7XQR4.js";var d=`:host {
+import{c as o,d as t,g as l,h as i}from"./chunk.CS444ZXM.js";import{a as e,b as a}from"./chunk.6ZDEZIWM.js";import{e as n}from"./chunk.U4P7XQR4.js";var d=`:host {
   display: flex;
   position: relative;
   align-items: stretch;

package/dist/chunks/chunk.U4GEH6YR.js

@@ -0,0 +1,203 @@
+import{b as o}from"./chunk.U4P7XQR4.js";var r=o`
+  .hot-button {
+    /* Use HOT theme variables for consistent styling */
+    font-family: var(--hot-font-sans);
+    font-weight: var(--hot-font-weight-semibold);
+    border-radius: var(--hot-border-radius-medium);
+    transition: all 0.2s ease-in-out;
+  }
+
+  .hot-button::part(base) {
+    /* Ensure the base part uses HOT styling */
+    font-family: var(--hot-font-sans);
+    font-weight: var(--hot-font-weight-semibold);
+    border-radius: var(--hot-border-radius-medium);
+  }
+
+  .hot-button::part(label) {
+    /* Style the label part */
+    font-family: var(--hot-font-sans);
+    font-weight: var(--hot-font-weight-semibold);
+  }
+
+  /* Custom HOT gradient variant */
+  .hot-button.hot-gradient::part(base) {
+    background: linear-gradient(135deg, var(--hot-color-primary-500), var(--hot-color-primary-600));
+    border: none;
+    color: white;
+  }
+
+  .hot-button.hot-gradient::part(base):hover {
+    background: linear-gradient(135deg, var(--hot-color-primary-600), var(--hot-color-primary-700));
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-gradient::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  /* Custom HOT outline variant */
+  .hot-button.hot-outline::part(base) {
+    background: transparent;
+    border: 2px solid var(--hot-color-primary-500);
+    color: var(--hot-color-primary-500);
+  }
+
+  .hot-button.hot-outline::part(base):hover {
+    background: var(--hot-color-primary-50);
+    border-color: var(--hot-color-primary-600);
+    color: var(--hot-color-primary-600);
+  }
+
+  /* Custom HOT ghost variant */
+  .hot-button.hot-ghost::part(base) {
+    background: transparent;
+    border: none;
+    color: var(--hot-color-primary-500);
+  }
+
+  .hot-button.hot-ghost::part(base):hover {
+    background: var(--hot-color-primary-50);
+    color: var(--hot-color-primary-600);
+  }
+
+  /* HOT Color Variants */
+  .hot-button.hot-red::part(base) {
+    background: var(--hot-color-red-500);
+    border: none;
+    color: white;
+  }
+
+  .hot-button.hot-red::part(base):hover {
+    background: var(--hot-color-red-600);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-red::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .hot-button.hot-yellow::part(base) {
+    background: var(--hot-color-yellow-500);
+    border: none;
+    color: var(--hot-color-gray-900);
+  }
+
+  .hot-button.hot-yellow::part(base):hover {
+    background: var(--hot-color-yellow-600);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-yellow::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .hot-button.hot-blue::part(base) {
+    background: var(--hot-color-blue-500);
+    border: none;
+    color: white;
+  }
+
+  .hot-button.hot-blue::part(base):hover {
+    background: var(--hot-color-blue-600);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-blue::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .hot-button.hot-cyan::part(base) {
+    background: var(--hot-color-cyan-500);
+    border: none;
+    color: white;
+  }
+
+  .hot-button.hot-cyan::part(base):hover {
+    background: var(--hot-color-cyan-600);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-cyan::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .hot-button.hot-rose::part(base) {
+    background: var(--hot-color-rose-500);
+    border: none;
+    color: white;
+  }
+
+  .hot-button.hot-rose::part(base):hover {
+    background: var(--hot-color-rose-600);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-rose::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .hot-button.hot-gray::part(base) {
+    background: var(--hot-color-gray-500);
+    border: none;
+    color: white;
+  }
+
+  .hot-button.hot-gray::part(base):hover {
+    background: var(--hot-color-gray-600);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  .hot-button.hot-gray::part(base):active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  /* Size variations using HOT spacing */
+  .hot-button[size="small"]::part(base) {
+    padding: var(--hot-spacing-x-small) var(--hot-spacing-small);
+    font-size: var(--hot-font-size-small);
+  }
+
+  .hot-button[size="medium"]::part(base) {
+    padding: var(--hot-spacing-small) var(--hot-spacing-medium);
+    font-size: var(--hot-font-size-medium);
+  }
+
+  .hot-button[size="large"]::part(base) {
+    padding: var(--hot-spacing-medium) var(--hot-spacing-large);
+    font-size: var(--hot-font-size-large);
+  }
+
+  /* Icon button specific styling */
+  .hot-button[appearance="icon"]::part(base) {
+    border-radius: var(--hot-border-radius-circle);
+    min-width: auto;
+    width: fit-content;
+  }
+
+  /* Loading state */
+  .hot-button[loading]::part(base) {
+    opacity: 0.7;
+    cursor: not-allowed;
+  }
+
+  /* Disabled state */
+  .hot-button[disabled]::part(base) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;export{r as a};

package/dist/components/button/button.component.d.ts

@@ -0,0 +1,28 @@
+import '@awesome.me/webawesome/dist/components/button/button.js';
+import '@awesome.me/webawesome/dist/components/icon/icon.js';
+import { LitElement } from "lit";
+import type { CSSResultGroup } from 'lit';
+export declare class Button extends LitElement {
+    static styles: CSSResultGroup;
+    name: string;
+    /** The button variant to use. */
+    accessor variant: 'primary' | 'secondary' | 'outline' | 'success' | 'warning' | 'danger';
+    /** The button size. */
+    accessor size: 'small' | 'medium' | 'large';
+    /** The button appearance. */
+    accessor appearance: 'default' | 'icon';
+    /** Whether the button is disabled. */
+    accessor disabled: boolean;
+    /** Whether the button is in loading state. */
+    accessor loading: boolean;
+    /** The icon name to display. */
+    accessor icon: string;
+    /** The icon position relative to the text. */
+    accessor iconPosition: 'start' | 'end';
+    /** The button type. */
+    accessor type: 'button' | 'submit' | 'reset';
+    /** The HOT color variant to use. */
+    accessor hotColor: 'red' | 'yellow' | 'blue' | 'cyan' | 'rose' | 'gray' | '';
+    protected render(): import("lit").TemplateResult<1>;
+}
+export default Button;

package/dist/components/button/button.component.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk.HDZFWGNV.js";import"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};

package/dist/components/button/button.d.ts

@@ -0,0 +1,7 @@
+import Button from './button.component.js';
+export default Button;
+declare global {
+    interface HTMLElementTagNameMap {
+        'hot-button': Button;
+    }
+}

package/dist/components/button/button.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk.H5ZQREL2.js";import"../../chunks/chunk.HDZFWGNV.js";import"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/button/button.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/button/button.styles.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/consent/consent.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.LPSHZWUY.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
+import{a,b}from"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.QT57GV7H.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};

package/dist/components/consent/consent.d.ts

@@ -1,17 +1,7 @@
 import Consent from './consent.component.js';
 export default Consent;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-consent': Consent;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-consent': Consent;
-      }
-    }
-}

package/dist/components/consent/consent.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.UYOJKKGV.js";import"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.LPSHZWUY.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.UYOJKKGV.js";import"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.QT57GV7H.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/header/header.component.d.ts

@@ -1,25 +1,13 @@
 import '@awesome.me/webawesome/dist/components/tab-group/tab-group.js';
 import '@awesome.me/webawesome/dist/components/dialog/dialog.js';
-import '@awesome.me/webawesome/dist/components/button/button.js';
 import '@awesome.me/webawesome/dist/components/icon/icon.js';
 import { LitElement } from "lit";
-import { type sizes } from './header.styles.js';
 import type { CSSResultGroup } from 'lit';
+import { type sizes } from './header.styles.js';
 interface MenuItem {
     label: string;
     clickEvent: () => void;
 }
-interface LoginProvider {
-    icon?: string;
-    loginUrl: string;
-    redirectUrl: string;
-    clientId?: string;
-    name?: string;
-    scope?: string;
-}
-interface LoginProviders {
-    [key: string]: LoginProvider;
-}
 export declare class Header extends LitElement {
     static styles: CSSResultGroup;
     name: string;
@@ -41,19 +29,10 @@ export declare class Header extends LitElement {
     accessor showLogin: boolean;
     /** Control the login modal state. */
     accessor loginModalOpen: boolean;
-    /** Configuration object for login providers. */
-    accessor loginProviders: LoginProviders;
     /** Default fallback icon for providers without custom icons. */
     accessor defaultLoginIcon: string;
-    accessor osmOauthUrl: string;
-    accessor OsmOauthClientId: string;
-    accessor OsmOauthRedirectUri: string;
-    private get loginOptions();
-    private formatProviderName;
+    connectedCallback(): Promise<void>;
     selectTab(index: number): void;
-    private performLogin;
-    private legacyOsmLoginRedirect;
-    private handleSignIn;
     protected render(): import("lit").TemplateResult<1>;
     private _tabClick;
     private _handleLogin;

package/dist/components/header/header.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.5F5JALRB.js";import"../../chunks/chunk.HTYJKOJL.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
+import{a,b}from"../../chunks/chunk.EMBNMR2N.js";import"../../chunks/chunk.HQE63XEZ.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};

package/dist/components/header/header.d.ts

@@ -1,17 +1,7 @@
 import Header from './header.component.js';
 export default Header;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-header': Header;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-header': Header;
-      }
-    }
-}

package/dist/components/header/header.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.H4QL3V4P.js";import"../../chunks/chunk.5F5JALRB.js";import"../../chunks/chunk.HTYJKOJL.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.EROFXAZH.js";import"../../chunks/chunk.EMBNMR2N.js";import"../../chunks/chunk.HQE63XEZ.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/header/header.styles.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.HTYJKOJL.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};
+import{a,b}from"../../chunks/chunk.HQE63XEZ.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};

package/dist/components/logo/logo.d.ts

@@ -1,17 +1,7 @@
 import Logo from './logo.component.js';
 export default Logo;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-logo': Logo;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-logo': Logo;
-      }
-    }
-}

package/dist/components/tracking/tracking.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.LPSHZWUY.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};
+import{a,b}from"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.QT57GV7H.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};

package/dist/components/tracking/tracking.d.ts

@@ -1,17 +1,7 @@
 import MatomoTracking from './tracking.component.js';
 export default MatomoTracking;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-tracking': MatomoTracking;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-tracking': MatomoTracking;
-      }
-    }
-}

package/dist/components/tracking/tracking.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.YYEOK7MA.js";import"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.LPSHZWUY.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.YYEOK7MA.js";import"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.QT57GV7H.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.CS444ZXM.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/hotosm-ui.d.ts

@@ -2,4 +2,5 @@ import HotHeader from './components/header/header.js';
 import HotLogo from './components/logo/logo.js';
 import HotTracking from './components/tracking/tracking.js';
 import HotConsent from './components/consent/consent.js';
-export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, };
+import HotButton from './components/button/button.js';
+export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, HotButton as Button, };

package/dist/hotosm-ui.js

@@ -1 +1 @@
-import{a as r}from"./chunks/chunk.SZ46YTWY.js";import"./chunks/chunk.7RJ72M75.js";import"./chunks/chunk.UTSKEKTV.js";import{a as t}from"./chunks/chunk.YYEOK7MA.js";import"./chunks/chunk.PDLGEB7T.js";import{a as o}from"./chunks/chunk.H4QL3V4P.js";import"./chunks/chunk.5F5JALRB.js";import"./chunks/chunk.HTYJKOJL.js";import{a}from"./chunks/chunk.UYOJKKGV.js";import"./chunks/chunk.CS56NBTQ.js";import"./chunks/chunk.LPSHZWUY.js";import"./chunks/chunk.D2BMH7HD.js";import"./chunks/chunk.6ZDEZIWM.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.T4GALJJA.js";import"./chunks/chunk.U4P7XQR4.js";import"./chunks/chunk.NI7UJOOZ.js";export{a as Consent,o as Header,r as Logo,t as Tracking};
+import{a as o}from"./chunks/chunk.EROFXAZH.js";import"./chunks/chunk.EMBNMR2N.js";import"./chunks/chunk.HQE63XEZ.js";import{a as t}from"./chunks/chunk.SZ46YTWY.js";import"./chunks/chunk.7RJ72M75.js";import"./chunks/chunk.UTSKEKTV.js";import{a as r}from"./chunks/chunk.YYEOK7MA.js";import"./chunks/chunk.PDLGEB7T.js";import{a}from"./chunks/chunk.H5ZQREL2.js";import"./chunks/chunk.HDZFWGNV.js";import"./chunks/chunk.U4GEH6YR.js";import{a as m}from"./chunks/chunk.UYOJKKGV.js";import"./chunks/chunk.CS56NBTQ.js";import"./chunks/chunk.QT57GV7H.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.CS444ZXM.js";import"./chunks/chunk.6ZDEZIWM.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.T4GALJJA.js";import"./chunks/chunk.U4P7XQR4.js";import"./chunks/chunk.NI7UJOOZ.js";export{a as Button,m as Consent,o as Header,t as Logo,r as Tracking};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.3.2-b2",
+  "version": "0.3.2-b4",
   "description": "Shared UI components with HOT theming.",
   "homepage": "https://github.com/hotosm/ui#readme",
   "author": {
@@ -48,20 +48,19 @@
   "engines": {
     "node": ">=14.17.0"
   },
-  "dependencies": {
-    "@awesome.me/webawesome": "3.0.0-beta.1",
-    "class-variance-authority": "^0.7.0",
-    "lit": "^3.0.0"
-  },
   "devDependencies": {
+    "@awesome.me/webawesome": "3.0.0-beta.1",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-links": "^8.3.5",
     "@storybook/blocks": "^8.3.5",
     "@storybook/web-components": "^8.2.9",
     "@storybook/web-components-vite": "^8.2.9",
+    "@teamhanko/hanko-elements": "^2.1.0",
+    "class-variance-authority": "^0.7.0",
     "del": "^7.1.0",
     "esbuild": "^0.19.4",
     "globby": "^14.0.2",
+    "lit": "^3.0.0",
     "storybook": "^8.2.9",
     "typescript": "^5.2.2",
     "user-agent-data-types": "^0.3.1"