@manzanohq/components 0.1.1

package/cdn/chunks/chunk.ZI3BHN26.js

@@ -0,0 +1,90 @@
+import{a as r}from"./chunk.KUTEZIT4.js";import{a}from"./chunk.NNH44ORV.js";var o=[r,a`
+    :host {
+      display: block;
+    }
+
+    .card {
+      border: var(--mz-card-border-width, var(--mz-panel-border-width)) solid
+        var(--mz-card-border-color, var(--mz-panel-border-color));
+      border-radius: var(--mz-card-border-radius, var(--mz-panel-border-radius));
+      background: var(--mz-card-bg, var(--mz-color-surface));
+      box-shadow: var(--mz-card-shadow, var(--mz-shadow-sm));
+      overflow: hidden;
+      transition: box-shadow var(--mz-transition-normal) ease,
+        transform var(--mz-transition-normal) ease;
+    }
+
+    .card:hover {
+      box-shadow: var(--mz-card-shadow-hover, var(--mz-shadow-md));
+      transform: translateY(-1px);
+    }
+
+    /* ---- Image ---- */
+
+    .card__image {
+      line-height: 0;
+    }
+
+    .card__image--empty {
+      display: none;
+    }
+
+    .card__image ::slotted(img) {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+
+    /* ---- Header ---- */
+
+    .card__header {
+      padding: var(--mz-card-padding, var(--mz-space-lg)) var(--mz-card-padding, var(--mz-space-xl));
+    }
+
+    .card__header--empty {
+      display: none;
+    }
+
+    /*
+     * Only show the header's bottom border when there's NO image above it.
+     * When an image is present, the visual break is already strong enough.
+     */
+    .card__image--empty + .card__header:not(.card__header--empty) {
+      border-bottom: var(--mz-panel-border-width) solid var(--mz-color-border);
+    }
+
+    /* When header follows an image, tighten the top padding — the image IS the separator */
+    .card__image:not(.card__image--empty) + .card__header {
+      padding-top: var(--mz-space-md);
+      padding-bottom: var(--mz-space-xs);
+    }
+
+    /* ---- Body ---- */
+
+    .card__body {
+      padding: var(--mz-card-padding, var(--mz-space-xl));
+      color: color-mix(in srgb, var(--mz-color-text) 78%, transparent);
+    }
+
+    /* When body follows a visible header (no image case), reduce top padding to avoid double-spacing */
+    .card__image--empty + .card__header:not(.card__header--empty) + .card__body {
+      padding-top: var(--mz-space-md);
+    }
+
+    /* When body follows a visible header after an image, tighten further */
+    .card__image:not(.card__image--empty) + .card__header:not(.card__header--empty) + .card__body {
+      padding-top: var(--mz-space-sm);
+    }
+
+    /* ---- Footer ---- */
+
+    .card__footer {
+      padding: var(--mz-space-md) var(--mz-card-padding, var(--mz-space-xl));
+      border-top: var(--mz-panel-border-width) solid var(--mz-color-border);
+    }
+
+    .card__footer--empty {
+      display: none;
+    }
+  `];export{o as a};
+//# sourceMappingURL=chunk.ZI3BHN26.js.map

package/cdn/chunks/chunk.ZI3BHN26.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .card {\n      border: var(--mz-card-border-width, var(--mz-panel-border-width)) solid\n        var(--mz-card-border-color, var(--mz-panel-border-color));\n      border-radius: var(--mz-card-border-radius, var(--mz-panel-border-radius));\n      background: var(--mz-card-bg, var(--mz-color-surface));\n      box-shadow: var(--mz-card-shadow, var(--mz-shadow-sm));\n      overflow: hidden;\n      transition: box-shadow var(--mz-transition-normal) ease,\n        transform var(--mz-transition-normal) ease;\n    }\n\n    .card:hover {\n      box-shadow: var(--mz-card-shadow-hover, var(--mz-shadow-md));\n      transform: translateY(-1px);\n    }\n\n    /* ---- Image ---- */\n\n    .card__image {\n      line-height: 0;\n    }\n\n    .card__image--empty {\n      display: none;\n    }\n\n    .card__image ::slotted(img) {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    /* ---- Header ---- */\n\n    .card__header {\n      padding: var(--mz-card-padding, var(--mz-space-lg)) var(--mz-card-padding, var(--mz-space-xl));\n    }\n\n    .card__header--empty {\n      display: none;\n    }\n\n    /*\n     * Only show the header's bottom border when there's NO image above it.\n     * When an image is present, the visual break is already strong enough.\n     */\n    .card__image--empty + .card__header:not(.card__header--empty) {\n      border-bottom: var(--mz-panel-border-width) solid var(--mz-color-border);\n    }\n\n    /* When header follows an image, tighten the top padding \u2014 the image IS the separator */\n    .card__image:not(.card__image--empty) + .card__header {\n      padding-top: var(--mz-space-md);\n      padding-bottom: var(--mz-space-xs);\n    }\n\n    /* ---- Body ---- */\n\n    .card__body {\n      padding: var(--mz-card-padding, var(--mz-space-xl));\n      color: color-mix(in srgb, var(--mz-color-text) 78%, transparent);\n    }\n\n    /* When body follows a visible header (no image case), reduce top padding to avoid double-spacing */\n    .card__image--empty + .card__header:not(.card__header--empty) + .card__body {\n      padding-top: var(--mz-space-md);\n    }\n\n    /* When body follows a visible header after an image, tighten further */\n    .card__image:not(.card__image--empty) + .card__header:not(.card__header--empty) + .card__body {\n      padding-top: var(--mz-space-sm);\n    }\n\n    /* ---- Footer ---- */\n\n    .card__footer {\n      padding: var(--mz-space-md) var(--mz-card-padding, var(--mz-space-xl));\n      border-top: var(--mz-panel-border-width) solid var(--mz-color-border);\n    }\n\n    .card__footer--empty {\n      display: none;\n    }\n  `\n];\n"],
+  "mappings": "2EAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyFF",
+  "names": ["card_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.ZI7YA6QO.js

@@ -0,0 +1,33 @@
+import{a as f}from"./chunk.VNNJR2UW.js";import{a,d}from"./chunk.GX7DY53T.js";import{a as p}from"./chunk.J37YLNQO.js";import{a as m}from"./chunk.O6DGTOVN.js";import{a as h,b as l}from"./chunk.3HBRHIFP.js";import{a as s,c as n,d as c}from"./chunk.SZ34NZMW.js";import{d as r,f as i}from"./chunk.NNH44ORV.js";import{a as o}from"./chunk.MGICPQBB.js";a("drawer.show.start",{keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.start",{keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],options:{duration:150,easing:"ease"}});a("drawer.show.end",{keyframes:[{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.end",{keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(100%)"}],options:{duration:150,easing:"ease"}});a("drawer.show.top",{keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.top",{keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-100%)"}],options:{duration:150,easing:"ease"}});a("drawer.show.bottom",{keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.bottom",{keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(100%)"}],options:{duration:150,easing:"ease"}});var t=class extends c{constructor(){super(...arguments);this.open=!1;this.label="";this.placement="start";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.focusTrap=new m(this)}disconnectedCallback(){super.disconnectedCallback(),this.focusTrap.deactivate(),l()}async updated(e){e.has("open")&&(this.open?await this.showDrawer():e.get("open")===!0&&await this.hideDrawer())}async showDrawer(){this.emit("mz-show"),this.dialogEl.showModal(),h(),this.focusTrap.activate(),await d(this.panelEl,`drawer.show.${this.placement}`,this.prefersReducedMotion).finished,this.emit("mz-after-show")}async hideDrawer(){this.emit("mz-hide"),this.focusTrap.deactivate(),await d(this.panelEl,`drawer.hide.${this.placement}`,this.prefersReducedMotion).finished,this.dialogEl.close(),l(),this.emit("mz-after-hide")}requestClose(e){this.emit("mz-request-close",{cancelable:!0,detail:{source:e}})&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}handleCancel(e){e.preventDefault(),this.requestClose("keyboard")}handleDialogClick(e){e.target===this.dialogEl&&this.requestClose("backdrop")}render(){return r`
+      <dialog
+        part="base"
+        class="drawer"
+        aria-label=${this.label||i}
+        @cancel=${this.handleCancel}
+        @click=${this.handleDialogClick}
+      >
+        <div part="panel" class="drawer__panel">
+          <header part="header" class="drawer__header">
+            <slot name="header">${this.label}</slot>
+            ${this.noCloseButton?i:r`
+                  <button
+                    part="close"
+                    class="drawer__close"
+                    type="button"
+                    aria-label="Close"
+                    @click=${()=>this.requestClose("close-button")}
+                  >
+                    <mz-icon name="x" label="Close"></mz-icon>
+                  </button>
+                `}
+          </header>
+          <div part="body" class="drawer__body">
+            <slot></slot>
+          </div>
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </dialog>
+    `}};t.styles=f,t.dependencies={"mz-icon":p},o([n("dialog")],t.prototype,"dialogEl",2),o([n(".drawer__panel")],t.prototype,"panelEl",2),o([s({type:Boolean,reflect:!0})],t.prototype,"open",2),o([s()],t.prototype,"label",2),o([s({reflect:!0})],t.prototype,"placement",2),o([s({type:Boolean,attribute:"no-close-button"})],t.prototype,"noCloseButton",2);export{t as a};
+//# sourceMappingURL=chunk.ZI7YA6QO.js.map

package/cdn/chunks/chunk.ZI7YA6QO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/drawer/drawer.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FocusTrap } from '../../internal/modal.js';\nimport { lockScroll, unlockScroll } from '../../internal/scroll.js';\nimport { animateTo, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { MzIcon } from '../icon/icon.component.js';\nimport styles from './drawer.styles.js';\n\n// Register directional drawer animations\nsetDefaultAnimation('drawer.show.start', {\n  keyframes: [\n    { opacity: 0, transform: 'translateX(-100%)' },\n    { opacity: 1, transform: 'translateX(0)' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hide.start', {\n  keyframes: [\n    { opacity: 1, transform: 'translateX(0)' },\n    { opacity: 0, transform: 'translateX(-100%)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.show.end', {\n  keyframes: [\n    { opacity: 0, transform: 'translateX(100%)' },\n    { opacity: 1, transform: 'translateX(0)' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hide.end', {\n  keyframes: [\n    { opacity: 1, transform: 'translateX(0)' },\n    { opacity: 0, transform: 'translateX(100%)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.show.top', {\n  keyframes: [\n    { opacity: 0, transform: 'translateY(-100%)' },\n    { opacity: 1, transform: 'translateY(0)' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hide.top', {\n  keyframes: [\n    { opacity: 1, transform: 'translateY(0)' },\n    { opacity: 0, transform: 'translateY(-100%)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.show.bottom', {\n  keyframes: [\n    { opacity: 0, transform: 'translateY(100%)' },\n    { opacity: 1, transform: 'translateY(0)' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hide.bottom', {\n  keyframes: [\n    { opacity: 1, transform: 'translateY(0)' },\n    { opacity: 0, transform: 'translateY(100%)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\n/**\n * @summary A slide-in panel from a screen edge, using native <dialog>.\n *\n * @tag mz-drawer\n *\n * @dependency mz-icon\n *\n * @slot - The drawer body content.\n * @slot header - Content for the drawer header (overrides label).\n * @slot footer - Content for the drawer footer.\n *\n * @event mz-show - Emitted when the drawer begins to open.\n * @event mz-hide - Emitted when the drawer begins to close.\n * @event mz-after-show - Emitted after the drawer open animation completes.\n * @event mz-after-hide - Emitted after the drawer close animation completes.\n * @event mz-request-close - Emitted when close is requested (cancelable).\n *\n * @csspart base - The native <dialog> element.\n * @csspart panel - The drawer panel container.\n * @csspart header - The drawer header.\n * @csspart close - The close button.\n * @csspart body - The drawer body.\n * @csspart footer - The drawer footer.\n */\nexport class MzDrawer extends ManzanoElement {\n  static styles = styles;\n\n  static dependencies = {\n    'mz-icon': MzIcon\n  };\n\n  @query('dialog') private dialogEl!: HTMLDialogElement;\n  @query('.drawer__panel') private panelEl!: HTMLDivElement;\n\n  private focusTrap!: FocusTrap;\n\n  /** Whether the drawer is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The drawer title (used as accessible label and default header). */\n  @property() label = '';\n\n  /** Which edge the drawer slides from. */\n  @property({ reflect: true }) placement: 'start' | 'end' | 'top' | 'bottom' = 'start';\n\n  /** Hides the close button in the header. */\n  @property({ type: Boolean, attribute: 'no-close-button' }) noCloseButton = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.focusTrap = new FocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.focusTrap.deactivate();\n    unlockScroll();\n  }\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open')) {\n      if (this.open) {\n        await this.showDrawer();\n      } else if (changed.get('open') === true) {\n        await this.hideDrawer();\n      }\n    }\n  }\n\n  private async showDrawer(): Promise<void> {\n    this.emit('mz-show');\n    this.dialogEl.showModal();\n    lockScroll();\n    this.focusTrap.activate();\n    const anim = animateTo(this.panelEl, `drawer.show.${this.placement}`, this.prefersReducedMotion);\n    await anim.finished;\n    this.emit('mz-after-show');\n  }\n\n  private async hideDrawer(): Promise<void> {\n    this.emit('mz-hide');\n    this.focusTrap.deactivate();\n    const anim = animateTo(this.panelEl, `drawer.hide.${this.placement}`, this.prefersReducedMotion);\n    await anim.finished;\n    this.dialogEl.close();\n    unlockScroll();\n    this.emit('mz-after-hide');\n  }\n\n  private requestClose(source: string): void {\n    const allowed = this.emit('mz-request-close', {\n      cancelable: true,\n      detail: { source }\n    });\n    if (allowed) {\n      this.open = false;\n    }\n  }\n\n  /** Programmatically show the drawer */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically hide the drawer */\n  hide(): void {\n    this.open = false;\n  }\n\n  private handleCancel(e: Event): void {\n    e.preventDefault();\n    this.requestClose('keyboard');\n  }\n\n  private handleDialogClick(e: MouseEvent): void {\n    if (e.target === this.dialogEl) {\n      this.requestClose('backdrop');\n    }\n  }\n\n  render() {\n    return html`\n      <dialog\n        part=\"base\"\n        class=\"drawer\"\n        aria-label=${this.label || nothing}\n        @cancel=${this.handleCancel}\n        @click=${this.handleDialogClick}\n      >\n        <div part=\"panel\" class=\"drawer__panel\">\n          <header part=\"header\" class=\"drawer__header\">\n            <slot name=\"header\">${this.label}</slot>\n            ${!this.noCloseButton\n              ? html`\n                  <button\n                    part=\"close\"\n                    class=\"drawer__close\"\n                    type=\"button\"\n                    aria-label=\"Close\"\n                    @click=${() => this.requestClose('close-button')}\n                  >\n                    <mz-icon name=\"x\" label=\"Close\"></mz-icon>\n                  </button>\n                `\n              : nothing}\n          </header>\n          <div part=\"body\" class=\"drawer__body\">\n            <slot></slot>\n          </div>\n          <footer part=\"footer\" class=\"drawer__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </dialog>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["setDefaultAnimation", "MzDrawer", "ManzanoElement", "FocusTrap", "unlockScroll", "changed", "lockScroll", "animateTo", "source", "b", "A", "drawer_styles_default", "MzIcon", "__decorateClass", "e", "n"]
+}

package/cdn/components/alert/alert.component.d.ts

@@ -0,0 +1,39 @@
+import { nothing } from 'lit';
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzIcon } from '../icon/icon.component.js';
+/**
+ * @summary An alert for displaying important messages.
+ *
+ * @tag mz-alert
+ *
+ * @dependency mz-icon
+ *
+ * @slot - The alert's content.
+ * @slot icon - Optional icon to display.
+ *
+ * @event mz-close - Emitted when the close button is clicked.
+ *
+ * @csspart base - The alert's base wrapper.
+ * @csspart icon - The icon container.
+ * @csspart content - The content container.
+ * @csspart close - The close button.
+ *
+ * @cssproperty --mz-alert-radius - Override the alert border radius.
+ */
+export declare class MzAlert extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static dependencies: {
+        'mz-icon': typeof MzIcon;
+    };
+    /** The alert's semantic variant. */
+    variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral';
+    /** The alert's visual appearance. */
+    appearance: 'soft' | 'filled' | 'outline';
+    /** Makes the alert closable. */
+    closable: boolean;
+    /** Whether the alert is open (visible). */
+    open: boolean;
+    private handleClose;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=alert.component.d.ts.map

package/cdn/components/alert/alert.component.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.E4DBQ75N.js";import"../../chunks/chunk.J37YLNQO.js";import"../../chunks/chunk.EL3BQWEZ.js";import"../../chunks/chunk.3JBHP47A.js";import"../../chunks/chunk.ZET76ZDM.js";import"../../chunks/chunk.YJQBIP5J.js";import"../../chunks/chunk.725K2GLP.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.6BC2LGKU.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzAlert};
+//# sourceMappingURL=alert.component.js.map

package/cdn/components/alert/alert.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/alert/alert.d.ts

@@ -0,0 +1,8 @@
+import { MzAlert } from './alert.component.js';
+export * from './alert.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-alert': MzAlert;
+    }
+}
+//# sourceMappingURL=alert.d.ts.map

package/cdn/components/alert/alert.js

@@ -0,0 +1,2 @@
+import"../../chunks/chunk.BTBWAH3D.js";import{a}from"../../chunks/chunk.E4DBQ75N.js";import"../../chunks/chunk.J37YLNQO.js";import"../../chunks/chunk.EL3BQWEZ.js";import"../../chunks/chunk.3JBHP47A.js";import"../../chunks/chunk.ZET76ZDM.js";import"../../chunks/chunk.YJQBIP5J.js";import"../../chunks/chunk.725K2GLP.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.6BC2LGKU.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzAlert};
+//# sourceMappingURL=alert.js.map

package/cdn/components/alert/alert.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=alert.styles.d.ts.map

package/cdn/components/alert/alert.styles.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.YJQBIP5J.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as default};
+//# sourceMappingURL=alert.styles.js.map

package/cdn/components/alert/alert.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/avatar/avatar.component.d.ts

@@ -0,0 +1,39 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzIcon } from '../icon/icon.component.js';
+/**
+ * @summary An avatar for representing users or entities.
+ *
+ * @tag mz-avatar
+ *
+ * @dependency mz-icon
+ *
+ * @csspart base - The avatar's base wrapper.
+ * @csspart image - The avatar image element.
+ * @csspart initials - The initials text.
+ * @csspart icon - The fallback icon.
+ *
+ * @cssproperty --mz-avatar-size - Override the avatar size.
+ * @cssproperty --mz-avatar-bg - Override the avatar background.
+ * @cssproperty --mz-avatar-color - Override the avatar text/icon color.
+ * @cssproperty --mz-avatar-radius - Override the avatar border radius.
+ */
+export declare class MzAvatar extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static dependencies: {
+        'mz-icon': typeof MzIcon;
+    };
+    /** The image URL for the avatar. */
+    image: string;
+    /** Alt text for the image. */
+    label: string;
+    /** Initials to display when no image is set (1–2 characters). */
+    initials: string;
+    /** The avatar's size. */
+    size: 'sm' | 'md' | 'lg' | 'xl';
+    /** The avatar's shape. */
+    shape: 'circle' | 'square';
+    private hasError;
+    private handleImageError;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=avatar.component.d.ts.map

package/cdn/components/avatar/avatar.component.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.NAKSPQZK.js";import"../../chunks/chunk.UQ2AJSXG.js";import"../../chunks/chunk.J37YLNQO.js";import"../../chunks/chunk.EL3BQWEZ.js";import"../../chunks/chunk.3JBHP47A.js";import"../../chunks/chunk.ZET76ZDM.js";import"../../chunks/chunk.725K2GLP.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.6BC2LGKU.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzAvatar};
+//# sourceMappingURL=avatar.component.js.map

package/cdn/components/avatar/avatar.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/avatar/avatar.d.ts

@@ -0,0 +1,8 @@
+import { MzAvatar } from './avatar.component.js';
+export * from './avatar.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-avatar': MzAvatar;
+    }
+}
+//# sourceMappingURL=avatar.d.ts.map

package/cdn/components/avatar/avatar.js

@@ -0,0 +1,2 @@
+import"../../chunks/chunk.LMGASQQU.js";import{a}from"../../chunks/chunk.NAKSPQZK.js";import"../../chunks/chunk.UQ2AJSXG.js";import"../../chunks/chunk.J37YLNQO.js";import"../../chunks/chunk.EL3BQWEZ.js";import"../../chunks/chunk.3JBHP47A.js";import"../../chunks/chunk.ZET76ZDM.js";import"../../chunks/chunk.725K2GLP.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.6BC2LGKU.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzAvatar};
+//# sourceMappingURL=avatar.js.map

package/cdn/components/avatar/avatar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=avatar.styles.d.ts.map

package/cdn/components/avatar/avatar.styles.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.UQ2AJSXG.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as default};
+//# sourceMappingURL=avatar.styles.js.map

package/cdn/components/avatar/avatar.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/badge/badge.component.d.ts

@@ -0,0 +1,27 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A badge for status, labels, and counts.
+ *
+ * @tag mz-badge
+ *
+ * @slot - The badge's content.
+ *
+ * @csspart base - The badge's base wrapper.
+ *
+ * @cssproperty --mz-badge-bg - Override the badge background.
+ * @cssproperty --mz-badge-color - Override the badge text color.
+ * @cssproperty --mz-badge-radius - Override the badge border radius.
+ */
+export declare class MzBadge extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** The badge's semantic variant. */
+    variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral';
+    /** The badge's visual appearance. */
+    appearance: 'filled' | 'outline' | 'soft';
+    /** The badge's size. */
+    size: 'sm' | 'md' | 'lg';
+    /** Renders a pill-shaped badge. */
+    pill: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=badge.component.d.ts.map

package/cdn/components/badge/badge.component.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.DN5XKN7W.js";import"../../chunks/chunk.CZIBGUF4.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzBadge};
+//# sourceMappingURL=badge.component.js.map

package/cdn/components/badge/badge.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/badge/badge.d.ts

@@ -0,0 +1,8 @@
+import { MzBadge } from './badge.component.js';
+export * from './badge.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-badge': MzBadge;
+    }
+}
+//# sourceMappingURL=badge.d.ts.map

package/cdn/components/badge/badge.js

@@ -0,0 +1,2 @@
+import"../../chunks/chunk.VFW2PHO4.js";import{a}from"../../chunks/chunk.DN5XKN7W.js";import"../../chunks/chunk.CZIBGUF4.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzBadge};
+//# sourceMappingURL=badge.js.map

package/cdn/components/badge/badge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=badge.styles.d.ts.map

package/cdn/components/badge/badge.styles.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.CZIBGUF4.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as default};
+//# sourceMappingURL=badge.styles.js.map

package/cdn/components/badge/badge.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,72 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzSpinner } from '../spinner/spinner.component.js';
+import { MzIcon } from '../icon/icon.component.js';
+/**
+ * @summary A button component with multiple variants and appearances.
+ *
+ * @tag mz-button
+ *
+ * @dependency mz-spinner
+ * @dependency mz-icon
+ *
+ * @slot - The button's label.
+ * @slot prefix - Content to render before the label.
+ * @slot suffix - Content to render after the label.
+ *
+ * @event mz-focus - Emitted when the button gains focus.
+ * @event mz-blur - Emitted when the button loses focus.
+ *
+ * @csspart base - The button's base wrapper.
+ * @csspart prefix - The prefix container.
+ * @csspart label - The label container.
+ * @csspart suffix - The suffix container.
+ *
+ * @cssproperty --mz-button-bg - Override the button background.
+ * @cssproperty --mz-button-color - Override the button text color.
+ * @cssproperty --mz-button-radius - Override the button border radius.
+ */
+export declare class MzButton extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static formAssociated: boolean;
+    static dependencies: {
+        'mz-spinner': typeof MzSpinner;
+        'mz-icon': typeof MzIcon;
+    };
+    private readonly formController;
+    private readonly hasSlotController;
+    /** The button's semantic variant. */
+    variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral';
+    /** The button's visual appearance. */
+    appearance: 'filled' | 'outline' | 'ghost' | 'link';
+    /** The button's size. */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Renders a pill-shaped button. */
+    pill: boolean;
+    /** Renders the button in a loading state. */
+    loading: boolean;
+    /** Disables the button. */
+    disabled: boolean;
+    /** The button's type (for form participation). */
+    type: 'button' | 'submit' | 'reset';
+    /** The button's name (for form participation). */
+    name: string;
+    /** The button's value (for form participation). */
+    value: string;
+    /** Renders the button as a link. */
+    href: string;
+    /** The target attribute for link buttons. */
+    target: '_blank' | '_parent' | '_self' | '_top' | '';
+    /** The download attribute for link buttons. */
+    download?: string;
+    /** Simulates a click on the button. */
+    click(): void;
+    /** Sets focus on the button. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the button. */
+    blur(): void;
+    private handleClick;
+    private handleFocus;
+    private handleBlur;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=button.component.d.ts.map

package/cdn/components/button/button.component.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.A43MPSEY.js";import"../../chunks/chunk.5DIMFNYE.js";import"../../chunks/chunk.KHFMYWK7.js";import"../../chunks/chunk.CYUGAT7M.js";import"../../chunks/chunk.YVOT5EWM.js";import"../../chunks/chunk.Q4JHOT26.js";import"../../chunks/chunk.56BXWGR3.js";import"../../chunks/chunk.BFGS3UP4.js";import"../../chunks/chunk.J37YLNQO.js";import"../../chunks/chunk.EL3BQWEZ.js";import"../../chunks/chunk.3JBHP47A.js";import"../../chunks/chunk.ZET76ZDM.js";import"../../chunks/chunk.N7WYNIN3.js";import"../../chunks/chunk.725K2GLP.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.6BC2LGKU.js";import"../../chunks/chunk.JWKG2VH6.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzButton};
+//# sourceMappingURL=button.component.js.map

package/cdn/components/button/button.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/button/button.d.ts

@@ -0,0 +1,8 @@
+import { MzButton } from './button.component.js';
+export * from './button.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-button': MzButton;
+    }
+}
+//# sourceMappingURL=button.d.ts.map

package/cdn/components/button/button.js

@@ -0,0 +1,2 @@
+import"../../chunks/chunk.NCAAHSZM.js";import{a}from"../../chunks/chunk.A43MPSEY.js";import"../../chunks/chunk.5DIMFNYE.js";import"../../chunks/chunk.KHFMYWK7.js";import"../../chunks/chunk.CYUGAT7M.js";import"../../chunks/chunk.YVOT5EWM.js";import"../../chunks/chunk.Q4JHOT26.js";import"../../chunks/chunk.56BXWGR3.js";import"../../chunks/chunk.BFGS3UP4.js";import"../../chunks/chunk.J37YLNQO.js";import"../../chunks/chunk.EL3BQWEZ.js";import"../../chunks/chunk.3JBHP47A.js";import"../../chunks/chunk.ZET76ZDM.js";import"../../chunks/chunk.N7WYNIN3.js";import"../../chunks/chunk.725K2GLP.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.6BC2LGKU.js";import"../../chunks/chunk.JWKG2VH6.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzButton};
+//# sourceMappingURL=button.js.map

package/cdn/components/button/button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=button.styles.d.ts.map

package/cdn/components/button/button.styles.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.YVOT5EWM.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as default};
+//# sourceMappingURL=button.styles.js.map

package/cdn/components/button/button.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/button-group/button-group.component.d.ts

@@ -0,0 +1,17 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A container that visually groups buttons.
+ *
+ * @tag mz-button-group
+ *
+ * @slot - The buttons (mz-button elements).
+ *
+ * @csspart base - The button group wrapper.
+ */
+export declare class MzButtonGroup extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** An accessible label for the group. */
+    label: string;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=button-group.component.d.ts.map

package/cdn/components/button-group/button-group.component.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.GUHR6EZY.js";import"../../chunks/chunk.P5EX7XYU.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzButtonGroup};
+//# sourceMappingURL=button-group.component.js.map

package/cdn/components/button-group/button-group.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/components/button-group/button-group.d.ts

@@ -0,0 +1,8 @@
+import { MzButtonGroup } from './button-group.component.js';
+export * from './button-group.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-button-group': MzButtonGroup;
+    }
+}
+//# sourceMappingURL=button-group.d.ts.map

package/cdn/components/button-group/button-group.js

@@ -0,0 +1,2 @@
+import"../../chunks/chunk.7BVWDYJP.js";import{a}from"../../chunks/chunk.GUHR6EZY.js";import"../../chunks/chunk.P5EX7XYU.js";import"../../chunks/chunk.KUTEZIT4.js";import"../../chunks/chunk.SZ34NZMW.js";import"../../chunks/chunk.NNH44ORV.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzButtonGroup};
+//# sourceMappingURL=button-group.js.map