@oti-adjei/ui 0.1.0-beta.1

package/README.md

@@ -0,0 +1,229 @@
+# @mashharder/ui
+
+Web Component library using Lit + Shadow DOM for Mashharder's esports products.
+
+## Features
+
+- ⚡ **Web Components** - Native custom elements with Shadow DOM encapsulation
+- 🎨 **Lit-based** - Built with Lit for reactive, efficient components
+- 🔧 **Framework-agnostic** - Works with React, Vue, Next.js, Astro, Svelte, or plain HTML
+- 🎯 **Design tokens** - CSS custom properties for consistent theming
+- 📦 **Tree-shakeable** - Import only what you need
+- 🎭 **Dark theme** - Designed for esports aesthetics
+- 📚 **Storybook** - Interactive component documentation
+- 🔒 **TypeScript** - Full TypeScript support with type definitions
+- 🎯 **Shadow DOM** - Encapsulated styles prevent conflicts
+
+## Installation
+
+```bash
+npm install @mashharder/ui
+```
+
+## Usage
+
+### Import All Styles
+
+```typescript
+// In your app's entry point
+import '@mashharder/ui';
+```
+
+### Import Selectively
+
+```typescript
+// Just design tokens
+import '@mashharder/ui/tokens';
+
+// Specific components
+import '@mashharder/ui/components/button/button.css';
+import '@mashharder/ui/components/card/card.css';
+```
+
+### HTML Usage
+
+```html
+<!-- Button -->
+<mh-button variant="primary">Click me</mh-button>
+
+<!-- Card with slots -->
+<mh-card>
+  <div slot="header">
+    <h3>Tournament Name</h3>
+  </div>
+  <div slot="body">
+    <p>Tournament description</p>
+  </div>
+  <div slot="footer">
+    <mh-button variant="primary">Join</mh-button>
+  </div>
+</mh-card>
+
+<!-- Badge -->
+<mh-badge variant="solid" status="error" pulse>Live</mh-badge>
+
+<!-- Input with validation -->
+<mh-input
+  label="Email"
+  type="email"
+  placeholder="Enter email"
+  help-text="We'll never share your email"
+  required>
+</mh-input>
+```
+
+### React/Next.js Usage
+
+```tsx
+export function TournamentCard() {
+  return (
+    <mh-card variant="featured">
+      <div slot="header">
+        <h3>Spring Championship</h3>
+      </div>
+      <div slot="body">
+        <p>Join the biggest tournament of the season</p>
+      </div>
+      <div slot="footer">
+        <mh-button variant="primary">Register Now</mh-button>
+      </div>
+    </mh-card>
+  );
+}
+```
+
+### TypeScript Support
+
+Full TypeScript support with auto-completion:
+
+```tsx
+import '@mashharder/ui';
+import type { MhButton, MhCard } from '@mashharder/ui';
+
+// Type-safe element references
+const button = document.querySelector<MhButton>('mh-button');
+button?.addEventListener('mh-click', (e) => {
+  console.log('Button clicked!', e.detail);
+});
+```
+
+### Shadow DOM
+
+All components use Shadow DOM for style encapsulation. This means:
+- Component styles don't leak out
+- External styles don't leak in
+- No naming conflicts with your app's CSS
+- Customization via CSS custom properties (design tokens)
+
+```css
+/* Customize via CSS custom properties */
+:root {
+  --mh-color-primary: #your-brand-color;
+  --mh-font-display: 'Your-Font', sans-serif;
+}
+```
+
+## Components
+
+### P0 (Core Components) ✅ Complete
+- ✅ **Button** - Primary, secondary, ghost, danger variants with sizes
+- ✅ **Card** - Event cards, match cards, featured variants
+- ✅ **Badge** - Status indicators with colors and animations
+- ✅ **Input** - Text inputs, textareas, selects with validation states
+
+### P1 (Form Components) ✅ Complete
+- ✅ **Alert** - Info, success, warning, error with solid variants
+- ✅ **Checkbox** - Custom styled with indeterminate state
+- ✅ **Switch** - Toggle switches with color variants
+- ✅ **Dropdown** - Custom dropdowns with icons and descriptions
+- ✅ **Search** - Search input with results dropdown
+
+### P2 (Layout Components) ✅ Complete
+- ✅ **Progress** - Linear, circular, and step progress indicators
+- ✅ **Pagination** - Page navigation with multiple variants
+- ✅ **Navigation** - Header navigation with mobile support
+- ✅ **Footer** - Site footer with links and social media
+- ✅ **Table** - Data tables with sorting and variants
+
+### P3 (Advanced Components) ✅ Complete
+- ✅ **Scroll** - Custom scrollbar styles
+- ✅ **Avatar** - User avatars with status indicators
+
+## Design Tokens
+
+All design tokens are available as CSS custom properties:
+
+```css
+/* Colors */
+--mh-color-primary: #475efd;
+--mh-color-bg-base: #101112;
+--mh-color-text-primary: #ffffff;
+
+/* Typography */
+--mh-font-display: 'Gilroy', sans-serif;
+--mh-font-body: 'Inter', sans-serif;
+--mh-text-base: 0.875rem;
+
+/* Spacing */
+--mh-space-4: 1rem;
+--mh-space-6: 1.5rem;
+
+/* Shadows */
+--mh-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.25);
+
+/* Radius */
+--mh-radius-md: 8px;
+--mh-radius-lg: 12px;
+```
+
+## Development
+
+### Install Dependencies
+
+```bash
+npm install
+```
+
+### Run Storybook
+
+```bash
+npm run dev
+```
+
+Visit http://localhost:6006 to view the component library.
+
+### Build
+
+```bash
+npm run build
+```
+
+### Build Storybook
+
+```bash
+npm run build:storybook
+```
+
+## Naming Convention
+
+Components follow BEM methodology with `mh-` prefix:
+
+- **Block:** `.mh-button`
+- **Element:** `.mh-button__icon`
+- **Modifier:** `.mh-button--primary`
+- **State:** `.mh-button:hover`
+
+## Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+
+## License
+
+MIT
+
+## Contributing
+
+This is a private package for Mashharder projects. For issues or feature requests, please contact the development team.

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,36 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-alert
+ *
+ * @slot - Additional content
+ * @slot icon - Icon content
+ * @slot title - Title content
+ * @slot description - Description content
+ * @fires mh-close - Fired when close button is clicked
+ */
+export declare class MhAlert extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Visual variant */
+    variant: 'info' | 'success' | 'warning' | 'error' | 'solid-info' | 'solid-success' | 'solid-warning' | 'solid-error';
+    /** Size variant */
+    size: 'sm' | 'md' | 'lg';
+    /** Show close button */
+    closable: boolean;
+    /** Control visibility */
+    open: boolean;
+    /** Optional icon text */
+    icon?: string;
+    /** Optional title text */
+    heading: string;
+    /** Optional description text */
+    description?: string;
+    private isDismissing;
+    private handleClose;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-alert': MhAlert;
+    }
+}
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;;;GAQG;AACH,qBACa,OAAQ,SAAQ,SAAS;IACpC,MAAM,CAAC,MAAM,0BAAe;IAE5B,qBAAqB;IAErB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,eAAe,GAAG,eAAe,GAAG,aAAa,CAC3G;IAET,mBAAmB;IAEnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC,wBAAwB;IAExB,QAAQ,UAAS;IAEjB,yBAAyB;IAEzB,IAAI,UAAQ;IAEZ,yBAAyB;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1B,0BAA0B;IACQ,OAAO,SAAM;IAE/C,gCAAgC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAExB,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,WAAW;IAYnB,MAAM;CA2CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

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

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

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

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

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

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

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

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

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,34 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-avatar
+ *
+ * @slot - Fallback content (e.g., initials)
+ */
+export declare class MhAvatar extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Image source */
+    src?: string;
+    /** Image alt text */
+    alt?: string;
+    /** Initials text when no image is provided */
+    initials?: string;
+    /** Size variant */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Shape variant */
+    shape: 'circle' | 'rounded' | 'square';
+    /** Status indicator */
+    status: 'online' | 'offline' | 'away' | 'busy' | 'none';
+    /** Border style */
+    border: 'none' | 'subtle' | 'primary';
+    /** Background tone for initials */
+    tone: 'cyan' | 'pink' | 'orange' | 'green' | 'yellow' | 'purple' | 'primary' | 'dark' | 'none';
+    /** Clickable styling */
+    clickable: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-avatar': MhAvatar;
+    }
+}
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;GAIG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,mBAAmB;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,qBAAqB;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,8CAA8C;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9B,mBAAmB;IAEnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAQ;IAEtD,oBAAoB;IAEpB,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAY;IAElD,uBAAuB;IAEvB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAEjE,mBAAmB;IAEnB,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAU;IAE/C,mCAAmC;IAEnC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAU;IAExG,wBAAwB;IAExB,SAAS,UAAS;IAElB,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

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

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

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

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

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

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

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

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,30 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-badge
+ *
+ * @slot - Badge text
+ * @fires mh-remove - Fired when remove button is clicked
+ */
+export declare class MhBadge extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Visual variant */
+    variant: 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info' | 'solid-primary' | 'solid-success' | 'solid-error' | 'solid-warning';
+    /** Size variant */
+    size: 'sm' | 'md' | 'lg';
+    /** Show dot indicator */
+    dot: boolean;
+    /** Pulsing animation */
+    pulse: boolean;
+    /** Show remove button */
+    removable: boolean;
+    /** Clickable styling */
+    clickable: boolean;
+    private handleRemove;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-badge': MhBadge;
+    }
+}
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,SAAS;IACpC,MAAM,CAAC,MAAM,0BAAe;IAE5B,qBAAqB;IAErB,OAAO,EACH,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,eAAe,GACf,eAAe,GACf,aAAa,GACb,eAAe,CAAa;IAEhC,mBAAmB;IAEnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC,yBAAyB;IAEzB,GAAG,UAAS;IAEZ,wBAAwB;IAExB,KAAK,UAAS;IAEd,yBAAyB;IAEzB,SAAS,UAAS;IAElB,wBAAwB;IAExB,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY;IAKpB,MAAM;CAkCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-button
+ *
+ * @slot - Button label
+ * @slot prefix - Icon or content before label
+ * @slot suffix - Icon or content after label
+ *
+ * @csspart base - The button element
+ * @csspart prefix - The prefix slot container
+ * @csspart label - The label slot container
+ * @csspart suffix - The suffix slot container
+ * @csspart spinner - The loading spinner
+ *
+ * @fires mh-click - Fired when button is clicked (not fired when disabled or loading)
+ */
+export declare class MhButton extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Button variant */
+    variant: 'primary' | 'secondary' | 'ghost' | 'danger';
+    /** Button size */
+    size: 'sm' | 'md' | 'lg' | 'xl';
+    /** Disabled state */
+    disabled: boolean;
+    /** Loading state */
+    loading: boolean;
+    /** Button type */
+    type: 'button' | 'submit' | 'reset';
+    /** Makes button render as link */
+    href?: string;
+    /** Full width */
+    fullWidth: boolean;
+    private handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-button': MhButton;
+    }
+}
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-card
+ *
+ * @slot status - Status badge/label
+ * @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
+ */
+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';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-card': MhCard;
+    }
+}
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +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;;;;;;;;;GASG;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;CAoCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

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

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

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

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

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

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

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

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

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,33 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-checkbox
+ *
+ * @fires mh-change - Fired when checked state changes
+ * @fires mh-input - Fired on input interaction
+ */
+export declare class MhCheckbox extends MhElement {
+    static styles: import("lit").CSSResult;
+    input: HTMLInputElement;
+    /** Checked state */
+    checked: boolean;
+    /** Indeterminate state */
+    indeterminate: boolean;
+    /** Disabled state */
+    disabled: boolean;
+    /** Size variant */
+    size: 'sm' | 'md' | 'lg';
+    /** Label text */
+    label: string;
+    /** Description text */
+    description: string;
+    updated(changed: Map<string, unknown>): void;
+    private handleInput;
+    private handleChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-checkbox': MhCheckbox;
+    }
+}
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;GAKG;AACH,qBACa,UAAW,SAAQ,SAAS;IACvC,MAAM,CAAC,MAAM,0BAAkB;IAEf,KAAK,EAAG,gBAAgB,CAAC;IAEzC,oBAAoB;IAEpB,OAAO,UAAS;IAEhB,0BAA0B;IAE1B,aAAa,UAAS;IAEtB,qBAAqB;IAErB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC,iBAAiB;IACL,KAAK,SAAM;IAEvB,uBAAuB;IACX,WAAW,SAAM;IAE7B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAUpB,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-dropdown
+ *
+ * @slot trigger - Trigger content
+ * @slot - Dropdown items
+ * @fires mh-toggle - Fired when dropdown opens/closes
+ * @fires mh-select - Fired when an item is selected
+ */
+export declare class MhDropdown extends MhElement {
+    static styles: import("lit").CSSResult;
+    menu: HTMLElement;
+    /** Open state */
+    open: boolean;
+    /** Disabled state */
+    disabled: boolean;
+    /** Align menu to right */
+    right: boolean;
+    /** Open menu upwards */
+    up: boolean;
+    private handleToggle;
+    private handleMenuClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * @tag mh-dropdown-item
+ *
+ * @slot - Item content
+ */
+export declare class MhDropdownItem extends MhElement {
+    static styles: import("lit").CSSResult;
+    /** Item value */
+    value: string;
+    /** Disabled state */
+    disabled: boolean;
+    /** Selected state */
+    selected: boolean;
+    /** Close dropdown on select */
+    closeOnSelect: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-dropdown': MhDropdown;
+        'mh-dropdown-item': MhDropdownItem;
+    }
+}
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { MhElement } from '../../mh-element.js';
+/**
+ * @tag mh-footer
+ *
+ * @slot columns - Footer columns
+ * @slot bottom - Footer bottom row
+ */
+export declare class MhFooter extends MhElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mh-footer': MhFooter;
+    }
+}
+//# sourceMappingURL=footer.d.ts.map

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

@@ -0,0 +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;;;;;GAKG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,0BAAgB;IAE7B,MAAM;CAeP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

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

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

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

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

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