@hotosm/ui 0.3.3-b0 → 0.3.3-b2

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

@@ -8,8 +8,6 @@ export declare class Consent extends LitElement {
     name: string;
     /** The site id for consent. */
     accessor consentId: string;
-    /** Force display the banner. */
-    accessor force: boolean;
     accessor isOpen: boolean;
     accessor title: string;
     accessor message: string;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.SMJLJ4AN.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
+import{a,b}from"../../chunks/chunk.EOKB5QI4.js";import"../../chunks/chunk.ILRWC26B.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};

package/dist/components/consent/consent.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.IGQ7CODZ.js";import"../../chunks/chunk.SMJLJ4AN.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.FICDKF3C.js";import"../../chunks/chunk.EOKB5QI4.js";import"../../chunks/chunk.ILRWC26B.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

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

@@ -1 +1 @@
-import{d as a,e as b}from"../../chunks/chunk.4CUSUMKJ.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
+import{e as a,f as b}from"../../chunks/chunk.TPOAILO5.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};

package/dist/components/header/header.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.T5JYZBXW.js";import"../../chunks/chunk.4CUSUMKJ.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.65UBVOFP.js";import"../../chunks/chunk.TPOAILO5.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.2E5B6OR3.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};
+import{a,b}from"../../chunks/chunk.2E5B6OR3.js";import"../../chunks/chunk.ILRWC26B.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};

package/dist/components/tracking/tracking.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.3P72BRDN.js";import"../../chunks/chunk.2E5B6OR3.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.3P72BRDN.js";import"../../chunks/chunk.2E5B6OR3.js";import"../../chunks/chunk.ILRWC26B.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/hotosm-ui.d.ts

@@ -2,6 +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';
-import HotButton from './components/button/button.js';
-export { setupAutoInjection, injectHOTThemeIntoButtons, injectCSSIntoShadowDOM } from './utils/shadow-dom-css.js';
-export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, HotButton as Button, };
+export { setupAutoInjection, injectHOTThemeIntoButtons, injectHOTThemeIntoAllComponents, injectCSSIntoShadowDOM } from './utils/shadow-dom-css.js';
+export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, };

package/dist/hotosm-ui.js

@@ -1 +1 @@
-import{a as n}from"./chunks/chunk.T5JYZBXW.js";import{a as o,b as t,c as r}from"./chunks/chunk.4CUSUMKJ.js";import"./chunks/chunk.D4UQX7IV.js";import{a as e}from"./chunks/chunk.MCLA4YSC.js";import"./chunks/chunk.CFJBM2JT.js";import"./chunks/chunk.W65BP3JY.js";import{a as m}from"./chunks/chunk.3P72BRDN.js";import"./chunks/chunk.2E5B6OR3.js";import{a as i}from"./chunks/chunk.4IHZBYNQ.js";import"./chunks/chunk.BPPYCS7U.js";import"./chunks/chunk.O6I2TNK3.js";import{a}from"./chunks/chunk.IGQ7CODZ.js";import"./chunks/chunk.SMJLJ4AN.js";import"./chunks/chunk.34D2LPI2.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.M3ZIZPKF.js";import"./chunks/chunk.GTNRNZDH.js";import"./chunks/chunk.TNLBUOUK.js";import"./chunks/chunk.NI7UJOOZ.js";export{i as Button,a as Consent,n as Header,e as Logo,m as Tracking,o as injectCSSIntoShadowDOM,t as injectHOTThemeIntoButtons,r as setupAutoInjection};
+import{a as m}from"./chunks/chunk.MCLA4YSC.js";import"./chunks/chunk.CFJBM2JT.js";import"./chunks/chunk.W65BP3JY.js";import{a as i}from"./chunks/chunk.3P72BRDN.js";import"./chunks/chunk.2E5B6OR3.js";import{a}from"./chunks/chunk.FICDKF3C.js";import"./chunks/chunk.EOKB5QI4.js";import"./chunks/chunk.ILRWC26B.js";import"./chunks/chunk.GTNRNZDH.js";import{a as r}from"./chunks/chunk.65UBVOFP.js";import{a as o,b as t,c as e,d as n}from"./chunks/chunk.TPOAILO5.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.M3ZIZPKF.js";import"./chunks/chunk.D4UQX7IV.js";import"./chunks/chunk.TNLBUOUK.js";import"./chunks/chunk.NI7UJOOZ.js";export{a as Consent,r as Header,m as Logo,i as Tracking,o as injectCSSIntoShadowDOM,e as injectHOTThemeIntoAllComponents,t as injectHOTThemeIntoButtons,n as setupAutoInjection};

package/dist/themes/hot-wa-override.css

@@ -7,7 +7,7 @@
   :where(:root),
   .wa-palette-hotosm {
     /* NOTE: for some reason WA decided to swap the ordering 05 --> 95 to be dark to light... */
-    /* Material design and Shoelace convention is the inverse, so we map to that */
+    /* Material design and WebAwesome convention is the inverse, so we map to that */
     --wa-color-red-95: var(--hot-color-red-50);
     --wa-color-red-90: var(--hot-color-red-100);
     --wa-color-red-80: var(--hot-color-red-200);
@@ -92,6 +92,81 @@
     --wa-color-gray: var(--wa-color-gray-40);
     --wa-color-gray-key: 40;
 
+    /* Brand colors - Map to HOT primary colors (red) */
+    --wa-color-brand-95: var(--hot-color-primary-50);
+    --wa-color-brand-90: var(--hot-color-primary-100);
+    --wa-color-brand-80: var(--hot-color-primary-200);
+    --wa-color-brand-70: var(--hot-color-primary-300);
+    --wa-color-brand-60: var(--hot-color-primary-400);
+    --wa-color-brand-50: var(--hot-color-primary-500);
+    --wa-color-brand-40: var(--hot-color-primary-600);
+    --wa-color-brand-30: var(--hot-color-primary-700);
+    --wa-color-brand-20: var(--hot-color-primary-800);
+    --wa-color-brand-10: var(--hot-color-primary-900);
+    --wa-color-brand-05: var(--hot-color-primary-950);
+    --wa-color-brand: var(--wa-color-brand-50);
+    --wa-color-brand-key: 50;
+
+    /* Neutral colors - Map to HOT neutral colors (gray) */
+    --wa-color-neutral-95: var(--hot-color-neutral-50);
+    --wa-color-neutral-90: var(--hot-color-neutral-100);
+    --wa-color-neutral-80: var(--hot-color-neutral-200);
+    --wa-color-neutral-70: var(--hot-color-neutral-300);
+    --wa-color-neutral-60: var(--hot-color-neutral-400);
+    --wa-color-neutral-50: var(--hot-color-neutral-500);
+    --wa-color-neutral-40: var(--hot-color-neutral-600);
+    --wa-color-neutral-30: var(--hot-color-neutral-700);
+    --wa-color-neutral-20: var(--hot-color-neutral-800);
+    --wa-color-neutral-10: var(--hot-color-neutral-900);
+    --wa-color-neutral-05: var(--hot-color-neutral-950);
+    --wa-color-neutral: var(--wa-color-neutral-40);
+    --wa-color-neutral-key: 40;
+
+    /* Success colors - Map to HOT success colors */
+    --wa-color-success-95: var(--hot-color-success-50);
+    --wa-color-success-90: var(--hot-color-success-100);
+    --wa-color-success-80: var(--hot-color-success-200);
+    --wa-color-success-70: var(--hot-color-success-300);
+    --wa-color-success-60: var(--hot-color-success-400);
+    --wa-color-success-50: var(--hot-color-success-500);
+    --wa-color-success-40: var(--hot-color-success-600);
+    --wa-color-success-30: var(--hot-color-success-700);
+    --wa-color-success-20: var(--hot-color-success-800);
+    --wa-color-success-10: var(--hot-color-success-900);
+    --wa-color-success-05: var(--hot-color-success-950);
+    --wa-color-success: var(--wa-color-success-60);
+    --wa-color-success-key: 60;
+
+    /* Warning colors - Map to HOT warning colors */
+    --wa-color-warning-95: var(--hot-color-warning-50);
+    --wa-color-warning-90: var(--hot-color-warning-100);
+    --wa-color-warning-80: var(--hot-color-warning-200);
+    --wa-color-warning-70: var(--hot-color-warning-300);
+    --wa-color-warning-60: var(--hot-color-warning-400);
+    --wa-color-warning-50: var(--hot-color-warning-500);
+    --wa-color-warning-40: var(--hot-color-warning-600);
+    --wa-color-warning-30: var(--hot-color-warning-700);
+    --wa-color-warning-20: var(--hot-color-warning-800);
+    --wa-color-warning-10: var(--hot-color-warning-900);
+    --wa-color-warning-05: var(--hot-color-warning-950);
+    --wa-color-warning: var(--wa-color-warning-80);
+    --wa-color-warning-key: 80;
+
+    /* Danger colors - Map to HOT danger colors */
+    --wa-color-danger-95: var(--hot-color-danger-50);
+    --wa-color-danger-90: var(--hot-color-danger-100);
+    --wa-color-danger-80: var(--hot-color-danger-200);
+    --wa-color-danger-70: var(--hot-color-danger-300);
+    --wa-color-danger-60: var(--hot-color-danger-400);
+    --wa-color-danger-50: var(--hot-color-danger-500);
+    --wa-color-danger-40: var(--hot-color-danger-600);
+    --wa-color-danger-30: var(--hot-color-danger-700);
+    --wa-color-danger-20: var(--hot-color-danger-800);
+    --wa-color-danger-10: var(--hot-color-danger-900);
+    --wa-color-danger-05: var(--hot-color-danger-950);
+    --wa-color-danger: var(--wa-color-danger-50);
+    --wa-color-danger-key: 50;
+
     /* Check the defaults at https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/color/palettes/default.css */
     /* No change made to: purple, indigo, pink, green */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.3.3-b0",
+  "version": "0.3.3-b2",
   "description": "Shared UI components with HOT theming.",
   "homepage": "https://github.com/hotosm/ui#readme",
   "author": {
@@ -50,20 +50,19 @@
   },
   "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",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-links": "^9.0.18",
+    "@storybook/web-components-vite": "^9.0.18",
     "@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"
+    "@whitespace/storybook-addon-html": "^7.0.0",
+    "class-variance-authority": "^0.7.1",
+    "del": "^8.0.0",
+    "esbuild": "^0.25.8",
+    "globby": "^14.1.0",
+    "lit": "^3.3.1",
+    "storybook": "^9.0.18",
+    "typescript": "^5.8.3",
+    "user-agent-data-types": "^0.4.2"
   },
   "scripts": {
     "dev": "storybook dev -p 3001 --no-open",

package/dist/chunks/chunk.4IHZBYNQ.js

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

package/dist/chunks/chunk.BPPYCS7U.js

@@ -1,19 +0,0 @@
-import{a as l}from"./chunk.O6I2TNK3.js";import{b as o}from"./chunk.6Y3X2E2V.js";import{a as n}from"./chunk.M3ZIZPKF.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}"
-        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.IGQ7CODZ.js

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

package/dist/chunks/chunk.O6I2TNK3.js

@@ -1,203 +0,0 @@
-import{b as o}from"./chunk.TNLBUOUK.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/chunks/chunk.T5JYZBXW.js

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

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

@@ -1,28 +0,0 @@
-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-html").TemplateResult<1>;
-}
-export default Button;

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

@@ -1 +0,0 @@
-import{a,b}from"../../chunks/chunk.BPPYCS7U.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};

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

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

package/dist/components/button/button.js

@@ -1 +0,0 @@
-import{a}from"../../chunks/chunk.4IHZBYNQ.js";import"../../chunks/chunk.BPPYCS7U.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

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

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

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

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