@oti-adjei/ui 0.1.0-beta.4 → 0.1.0-beta.5

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,79 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-banner
+ *
+ * Hero/section banner with background image and dark overlay.
+ * Supports multiple layout variants for different page contexts.
+ *
+ * **Variants:**
+ * - `default` — Bare background image with dark overlay
+ * - `search` — Centered title and search input
+ * - `detail` — Game detail with artwork, info, stats, and search
+ * - `feature` — Full-width promo with badge, profile, title, and carousel dots
+ *
+ * @slot - Default slot for custom overlay content
+ * @slot search - Override the built-in search input
+ * @slot artwork - Game artwork image (detail variant)
+ * @slot platforms - Platform icons (detail variant)
+ * @slot organizer-logo - Organizer avatar (feature variant)
+ * @slot dots - Override carousel dots (feature variant)
+ *
+ * @csspart base - Outer container
+ * @csspart bg - Background image area
+ * @csspart overlay - Dark overlay
+ * @csspart content - Content layer
+ * @csspart heading - Title text
+ * @csspart search - Search bar
+ * @csspart artwork - Artwork area (detail)
+ * @csspart info - Info section (detail)
+ * @csspart stats - Stats row (detail)
+ * @csspart organizer - Organizer row (feature)
+ * @csspart dots - Carousel dots (feature)
+ */
+export declare class MhBanner extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Layout variant */
+    variant: 'default' | 'search' | 'detail' | 'feature';
+    /** Background image URL */
+    image: string;
+    /** Main heading text */
+    heading: string;
+    /** Description text */
+    description: string;
+    /** Badge label (e.g., "CIRCUIT", "POPULAR") */
+    badge: string;
+    /** Search placeholder text */
+    searchPlaceholder: string;
+    /** Game artwork image URL (detail variant) */
+    gameImage: string;
+    /** Organizer display name (feature variant) */
+    organizerName: string;
+    /** First stat value (detail variant) */
+    stat1: string;
+    /** First stat label (detail variant) */
+    stat1Label: string;
+    /** Second stat value (detail variant) */
+    stat2: string;
+    /** Second stat label (detail variant) */
+    stat2Label: string;
+    /** Number of carousel dots (feature variant) */
+    dotCount: number;
+    /** Active dot index (0-based, feature variant) */
+    activeDot: number;
+    private _renderBg;
+    private _renderSearch;
+    private _renderBadge;
+    private _renderDefault;
+    private _renderSearchVariant;
+    private _renderDetail;
+    private _renderFeature;
+    private _onSearchInput;
+    private _onDotClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-banner': MhBanner;
+    }
+}
+//# sourceMappingURL=banner.d.ts.map

package/dist/components/banner/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,qBAAqB;IAErB,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAa;IAEjE,2BAA2B;IAE3B,KAAK,SAAM;IAEX,wBAAwB;IAExB,OAAO,SAAM;IAEb,uBAAuB;IAEvB,WAAW,SAAM;IAEjB,+CAA+C;IAE/C,KAAK,SAAM;IAEX,8BAA8B;IAE9B,iBAAiB,SAAmD;IAEpE,8CAA8C;IAE9C,SAAS,SAAM;IAEf,+CAA+C;IAE/C,aAAa,SAAM;IAEnB,wCAAwC;IAExC,KAAK,SAAM;IAEX,wCAAwC;IAExC,UAAU,SAAM;IAEhB,yCAAyC;IAEzC,KAAK,SAAM;IAEX,yCAAyC;IAEzC,UAAU,SAAM;IAEhB,gDAAgD;IAEhD,QAAQ,SAAK;IAEb,kDAAkD;IAElD,SAAS,SAAK;IAEd,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,aAAa;IA6FrB,OAAO,CAAC,cAAc;IAgDtB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;IAKnB,MAAM;CAwBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

@@ -0,0 +1,2 @@
+export declare const bannerStyles: import("lit").CSSResult;
+//# sourceMappingURL=banner.styles.d.ts.map

package/dist/components/banner/banner.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAyVxB,CAAC"}

package/dist/components/banner/index.d.ts

@@ -0,0 +1,2 @@
+export { MhBanner } from './banner.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

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

@@ -17,9 +17,11 @@ import { MhElement } from '../../mh-element.js';
 export declare class MhButton extends MhElement {
     static styles: import("lit").CSSResult;
     /** Button variant */
-    variant: 'primary' | 'secondary' | 'ghost' | 'danger';
+    variant: 'primary' | 'secondary' | 'ghost' | 'danger' | 'social' | 'dark';
     /** Button size */
     size: 'sm' | 'md' | 'lg' | 'xl';
+    /** Text case transform */
+    textCase: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
     /** Disabled state */
     disabled: boolean;
     /** Loading state */

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,qBAAqB;IAErB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAa;IAElE,kBAAkB;IAElB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEvC,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,oBAAoB;IAEpB,OAAO,UAAS;IAEhB,kBAAkB;IAElB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C,kCAAkC;IAElC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAEjB,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW;IAYnB,MAAM;CAwDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,qBAAqB;IAErB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAa;IAEtF,kBAAkB;IAElB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEvC,0BAA0B;IAE1B,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAe;IAE1E,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,oBAAoB;IAEpB,OAAO,UAAS;IAEhB,kBAAkB;IAElB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C,kCAAkC;IAElC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAEjB,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW;IAYnB,MAAM;CAwDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA+KxB,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA+NxB,CAAC"}

package/dist/components/card/card.d.ts

@@ -2,18 +2,29 @@ import { MhElement } from '../../mh-element.js';
 /**
  * @tag mh-card
  *
- * @slot - Default slot for unspecified content (renders in body)
- * @slot status - Status badge/label
+ * Generic card container. Use for simple content cards or compose
+ * custom layouts. For specific card types, use the dedicated components:
+ * - <mh-tournament-card> — Tournament listings
+ * - <mh-event-card> — Event listings (vertical/horizontal)
+ * - <mh-game-card> — Game title cards
+ * - <mh-league-card> — League/competition cards
+ * - <mh-user-card> — User profile cards
+ *
+ * @slot - Default slot (renders in body)
  * @slot image - Card image
  * @slot header - Header content
  * @slot body - Body content
  * @slot footer - Footer content
- * @slot content - Content wrapper for variants like hero/tournament
+ *
+ * @csspart base - Outer container
+ * @csspart header - Header section
+ * @csspart body - Body section
+ * @csspart footer - Footer section
  */
 export declare class MhCard extends MhElement {
     static styles: import("lit").CSSResult;
     /** Visual variant */
-    variant: 'default' | 'featured' | 'compact' | 'interactive' | 'event' | 'match' | 'hero' | 'tournament' | 'team' | 'horizontal' | 'feature';
+    variant: 'default' | 'featured' | 'compact' | 'interactive';
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;GAUG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,MAAM,CAAC,MAAM,0BAAc;IAE3B,qBAAqB;IAErB,OAAO,EACH,SAAS,GACT,UAAU,GACV,SAAS,GACT,aAAa,GACb,OAAO,GACP,OAAO,GACP,MAAM,GACN,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,SAAS,CAAa;IAE1B,MAAM;CAqCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,MAAM,CAAC,MAAM,0BAAc;IAE3B,qBAAqB;IAErB,OAAO,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,CAAa;IAExE,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/dropdown/dropdown.d.ts

@@ -10,6 +10,8 @@ import { MhElement } from '../../mh-element.js';
 export declare class MhDropdown extends MhElement {
     static styles: import("lit").CSSResult;
     menu: HTMLElement;
+    /** Visual variant */
+    variant: 'default' | 'black' | 'blue';
     /** Open state */
     open: boolean;
     /** Disabled state */

package/dist/components/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,SAAS;IACvC,MAAM,CAAC,MAAM,0BAAkB;IAEF,IAAI,EAAG,WAAW,CAAC;IAEhD,iBAAiB;IAEjB,IAAI,UAAS;IAEb,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,0BAA0B;IAE1B,KAAK,UAAS;IAEd,wBAAwB;IAExB,EAAE,UAAS;IAEX,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe;IAcvB,MAAM;CAsBP;AAED;;;;GAIG;AACH,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,0BAAkB;IAE/B,iBAAiB;IACL,KAAK,SAAM;IAEvB,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,+BAA+B;IAE/B,aAAa,UAAQ;IAErB,MAAM;CAaP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;QAC1B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKhD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,SAAS;IACvC,MAAM,CAAC,MAAM,0BAAkB;IAEF,IAAI,EAAG,WAAW,CAAC;IAEhD,qBAAqB;IAErB,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAa;IAElD,iBAAiB;IAEjB,IAAI,UAAS;IAEb,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,0BAA0B;IAE1B,KAAK,UAAS;IAEd,wBAAwB;IAExB,EAAE,UAAS;IAEX,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe;IAcvB,MAAM;CAsBP;AAED;;;;GAIG;AACH,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,0BAAkB;IAE/B,iBAAiB;IACL,KAAK,SAAM;IAEvB,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,+BAA+B;IAE/B,aAAa,UAAQ;IAErB,MAAM;CAaP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;QAC1B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/dropdown/dropdown.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAsP1B,CAAC"}
+{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAmP1B,CAAC"}

package/dist/components/event-card/event-card.d.ts

@@ -0,0 +1,44 @@
+import { MhElement } from '../../mh-element.js';
+import '../profile/profile.js';
+/**
+ * @tag mh-event-card
+ *
+ * @slot banner - Custom banner image/content
+ * @slot organizer - Custom organizer content (overrides organizer-name/organizer-image)
+ * @slot - Default slot for extra content
+ *
+ * @csspart base - Outer container
+ * @csspart banner - Banner image area
+ * @csspart content - Content section
+ * @csspart organizer - Organizer row
+ */
+export declare class MhEventCard extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Layout variant */
+    variant: 'vertical' | 'horizontal';
+    /** Banner image URL */
+    image: string;
+    /** Status label (e.g., "EVENT") */
+    status: string;
+    /** Event date string */
+    date: string;
+    /** Event title */
+    heading: string;
+    /** Description text */
+    description: string;
+    /** Location name */
+    location: string;
+    /** Organizer display name */
+    organizerName: string;
+    /** Organizer avatar image URL */
+    organizerImage: string;
+    /** Participant count */
+    participants: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-event-card': MhEventCard;
+    }
+}
+//# sourceMappingURL=event-card.d.ts.map

package/dist/components/event-card/event-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-card.d.ts","sourceRoot":"","sources":["../../../src/components/event-card/event-card.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;;;;GAWG;AACH,qBACa,WAAY,SAAQ,SAAS;IACxC,MAAM,CAAC,MAAM,0BAAmB;IAEhC,qBAAqB;IAErB,OAAO,EAAE,UAAU,GAAG,YAAY,CAAc;IAEhD,uBAAuB;IAEvB,KAAK,SAAM;IAEX,mCAAmC;IAEnC,MAAM,SAAW;IAEjB,wBAAwB;IAExB,IAAI,SAAM;IAEV,kBAAkB;IAElB,OAAO,SAAM;IAEb,uBAAuB;IAEvB,WAAW,SAAM;IAEjB,oBAAoB;IAEpB,QAAQ,SAAM;IAEd,6BAA6B;IAE7B,aAAa,SAAM;IAEnB,iCAAiC;IAEjC,cAAc,SAAM;IAEpB,wBAAwB;IAExB,YAAY,SAAM;IAElB,MAAM;CAsGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/components/event-card/event-card.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const eventCardStyles: import("lit").CSSResult;
+//# sourceMappingURL=event-card.styles.d.ts.map

package/dist/components/event-card/event-card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/event-card/event-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAwN3B,CAAC"}

package/dist/components/event-card/index.d.ts

@@ -0,0 +1,2 @@
+export { MhEventCard } from './event-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/event-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/event-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/footer/footer-group.d.ts

@@ -0,0 +1,25 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-footer-group
+ *
+ * Footer link column with a bold heading and a list of links.
+ * Designed to be used inside <mh-footer> in the "columns" slot.
+ *
+ * @slot - Link items (anchor tags or any element)
+ *
+ * @csspart base - Outer container
+ * @csspart heading - Column heading
+ * @csspart links - Links container
+ */
+export declare class MhFooterGroup extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Column heading text */
+    heading: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-footer-group': MhFooterGroup;
+    }
+}
+//# sourceMappingURL=footer-group.d.ts.map

package/dist/components/footer/footer-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-group.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer-group.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,SAAS;IAC1C,MAAM,CAAC,MAAM,0BAAqB;IAElC,0BAA0B;IAE1B,OAAO,SAAM;IAEb,MAAM;CAaP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/footer/footer.d.ts

@@ -2,12 +2,27 @@ import { MhElement } from '../../mh-element.js';
 /**
  * @tag mh-footer
  *
- * @slot - Default slot for unspecified content
- * @slot columns - Footer columns
- * @slot bottom - Footer bottom row
+ * Site footer with brand area (logo, tagline, social), link columns,
+ * and a colored bottom bar (copyright + links).
+ *
+ * @slot logo - Logo content (top-left)
+ * @slot social - Social media icons
+ * @slot columns - Footer link columns (use <mh-footer-group>)
+ * @slot bottom-right - Content for right side of bottom bar
+ * @slot - Default slot for any extra content
+ *
+ * @csspart base - Outer <footer> element
+ * @csspart top - Top section (brand + columns)
+ * @csspart brand - Brand area (logo + tagline + social)
+ * @csspart columns - Link columns area
+ * @csspart bottom - Bottom bar
  */
 export declare class MhFooter extends MhElement {
     static styles: import("lit").CSSResult;
+    /** Tagline / description text below logo */
+    tagline: string;
+    /** Copyright text for bottom bar */
+    copyright: string;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,4CAA4C;IAE5C,OAAO,SAAM;IAEb,oCAAoC;IAEpC,SAAS,SAAM;IAEf,MAAM;CAsCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

@@ -1,2 +1,3 @@
 export declare const footerStyles: import("lit").CSSResult;
+export declare const footerGroupStyles: import("lit").CSSResult;
 //# sourceMappingURL=footer.styles.d.ts.map

package/dist/components/footer/footer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAqIxB,CAAC"}
+{"version":3,"file":"footer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA2IxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAyC7B,CAAC"}

package/dist/components/footer/index.d.ts

@@ -1,2 +1,3 @@
 export { MhFooter } from './footer.js';
+export { MhFooterGroup } from './footer-group.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/game-card/game-card.d.ts

@@ -0,0 +1,32 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-game-card
+ *
+ * @slot hero - Custom hero image/content
+ * @slot - Default slot for extra content
+ *
+ * @csspart base - Outer container
+ * @csspart hero - Hero image area
+ * @csspart content - Content section
+ * @csspart stats - Stats row
+ */
+export declare class MhGameCard extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Hero image URL */
+    image: string;
+    /** Game title */
+    heading: string;
+    /** Description / publisher info */
+    description: string;
+    /** Likes/favorites count */
+    likes: string;
+    /** Player count */
+    players: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-game-card': MhGameCard;
+    }
+}
+//# sourceMappingURL=game-card.d.ts.map

package/dist/components/game-card/game-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-card.d.ts","sourceRoot":"","sources":["../../../src/components/game-card/game-card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,SAAS;IACvC,MAAM,CAAC,MAAM,0BAAkB;IAE/B,qBAAqB;IAErB,KAAK,SAAM;IAEX,iBAAiB;IAEjB,OAAO,SAAM;IAEb,mCAAmC;IAEnC,WAAW,SAAM;IAEjB,4BAA4B;IAE5B,KAAK,SAAM;IAEX,mBAAmB;IAEnB,OAAO,SAAM;IAEb,MAAM;CA4DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/game-card/game-card.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const gameCardStyles: import("lit").CSSResult;
+//# sourceMappingURL=game-card.styles.d.ts.map

package/dist/components/game-card/game-card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/game-card/game-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA2F1B,CAAC"}

package/dist/components/game-card/index.d.ts

@@ -0,0 +1,2 @@
+export { MhGameCard } from './game-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/game-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/game-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/icon-box/icon-box.d.ts

@@ -0,0 +1,30 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-icon-box
+ *
+ * Colored rounded square with a centered icon slot. Used as a visual
+ * accent in cards, lists, and stat groups.
+ *
+ * @slot - Icon content (SVG, img, or text)
+ *
+ * @csspart base - The outer box
+ *
+ * @cssproperty --mh-icon-box-size - Box dimensions (default: 34px)
+ * @cssproperty --mh-icon-box-bg - Background color
+ * @cssproperty --mh-icon-box-radius - Border radius
+ * @cssproperty --mh-icon-box-color - Icon color
+ */
+export declare class MhIconBox extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Color variant */
+    variant: 'primary' | 'success' | 'error' | 'warning' | 'dark';
+    /** Size preset */
+    size: 'sm' | 'md' | 'lg';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-icon-box': MhIconBox;
+    }
+}
+//# sourceMappingURL=icon-box.d.ts.map

package/dist/components/icon-box/icon-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-box.d.ts","sourceRoot":"","sources":["../../../src/components/icon-box/icon-box.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;;;;GAcG;AACH,qBACa,SAAU,SAAQ,SAAS;IACtC,MAAM,CAAC,MAAM,0BAAiB;IAE9B,oBAAoB;IAEpB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAa;IAE1E,kBAAkB;IAElB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}

package/dist/components/icon-box/icon-box.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const iconBoxStyles: import("lit").CSSResult;
+//# sourceMappingURL=icon-box.styles.d.ts.map

package/dist/components/icon-box/icon-box.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-box.styles.d.ts","sourceRoot":"","sources":["../../../src/components/icon-box/icon-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAwDzB,CAAC"}

package/dist/components/icon-box/index.d.ts

@@ -0,0 +1,2 @@
+export { MhIconBox } from './icon-box.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icon-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/input/input.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAqLvB,CAAC"}
+{"version":3,"file":"input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAsLvB,CAAC"}

package/dist/components/league-card/index.d.ts

@@ -0,0 +1,2 @@
+export { MhLeagueCard } from './league-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/league-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/league-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/league-card/league-card.d.ts

@@ -0,0 +1,35 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-league-card
+ *
+ * @slot logo - League/shield logo
+ * @slot - Default slot for extra content
+ *
+ * @csspart base - Outer container
+ * @csspart logo - Logo area
+ * @csspart info - Info section
+ * @csspart stats - Stats row
+ * @csspart badge - Badge/progress area
+ */
+export declare class MhLeagueCard extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** League title */
+    heading: string;
+    /** Description text */
+    description: string;
+    /** Badge text (e.g., "TEXT", "SEASON 2") */
+    badge: string;
+    /** Prize pool or point value */
+    prizePool: string;
+    /** Participant count (e.g., "32/32") */
+    participants: string;
+    /** Progress percentage (0-100) */
+    progress: number;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-league-card': MhLeagueCard;
+    }
+}
+//# sourceMappingURL=league-card.d.ts.map

package/dist/components/league-card/league-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"league-card.d.ts","sourceRoot":"","sources":["../../../src/components/league-card/league-card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;;;;GAWG;AACH,qBACa,YAAa,SAAQ,SAAS;IACzC,MAAM,CAAC,MAAM,0BAAoB;IAEjC,mBAAmB;IAEnB,OAAO,SAAM;IAEb,uBAAuB;IAEvB,WAAW,SAAM;IAEjB,4CAA4C;IAE5C,KAAK,SAAM;IAEX,gCAAgC;IAEhC,SAAS,SAAM;IAEf,wCAAwC;IAExC,YAAY,SAAM;IAElB,kCAAkC;IAElC,QAAQ,SAAK;IAEb,MAAM;CA+EP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/league-card/league-card.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const leagueCardStyles: import("lit").CSSResult;
+//# sourceMappingURL=league-card.styles.d.ts.map

package/dist/components/league-card/league-card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"league-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/league-card/league-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAgK5B,CAAC"}

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

@@ -2,20 +2,32 @@ import { MhElement } from '../../mh-element.js';
 /**
  * @tag mh-logo
  *
- * @slot - Fallback content (e.g., inline SVG)
+ * @slot - Fallback content when using custom logo (e.g., inline SVG)
+ *
+ * @csspart base - The outer container
+ * @csspart link - The anchor wrapper (when href is set)
+ * @csspart icon - The controller icon
+ * @csspart wordmark - The MASH HARDER text
+ *
+ * @cssproperty --mh-logo-height - Override logo height
+ * @cssproperty --mh-logo-bg - Override background color
+ * @cssproperty --mh-logo-icon-color - Override icon color
+ * @cssproperty --mh-logo-accent - Override "MASH" text color
+ * @cssproperty --mh-logo-text-color - Override "HARDER" text color
+ * @cssproperty --mh-logo-gap - Override gap between icon and text
  */
 export declare class MhLogo extends MhElement {
     static styles: import("lit").CSSResult;
-    /** Image source */
+    /** Image source — overrides built-in logo with a custom image */
     src?: string;
     /** Image alt text */
     alt?: string;
-    /** Link href */
+    /** Link href — wraps the logo in an anchor */
     href?: string;
-    /** Variant */
-    variant: 'icon' | 'lockup' | 'responsive';
-    /** Size */
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Logo variant */
+    variant: 'lockup' | 'icon' | 'wordmark';
+    /** Size preset */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;GAIG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,MAAM,CAAC,MAAM,0BAAc;IAE3B,mBAAmB;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,qBAAqB;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,gBAAgB;IACJ,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1B,cAAc;IAEd,OAAO,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAU;IAEnD,WAAW;IAEX,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAQ;IAEtD,MAAM;CA0BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAchD;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,MAAM,CAAC,MAAM,0BAAc;IAE3B,iEAAiE;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,qBAAqB;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,8CAA8C;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1B,mBAAmB;IAEnB,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAY;IAEnD,kBAAkB;IAElB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE9C,MAAM;CAsCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"logo.styles.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAgHtB,CAAC"}
+{"version":3,"file":"logo.styles.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyJtB,CAAC"}

package/dist/components/navigation/index.d.ts

@@ -1,2 +1,3 @@
 export { MhNav, MhNavItem } from './navigation.js';
+export { MhTabNav, MhTabItem } from './tab-nav.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}