@manzanohq/components 0.1.1

package/cdn/chunks/chunk.T2POSQDH.js

@@ -0,0 +1,119 @@
+import{a}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var n=[a,r`
+    @layer base, variants, appearances, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .tag {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--mz-space-2xs);
+        white-space: nowrap;
+        font-family: var(--mz-font-sans);
+        font-weight: var(--mz-font-weight-medium);
+        line-height: var(--mz-line-height-dense);
+        border: var(--mz-border-width-sm) solid transparent;
+        border-radius: var(--_radius, var(--mz-tag-radius, var(--mz-radius-md)));
+        background: var(--_bg);
+        color: var(--_text);
+        border-color: var(--_border, transparent);
+        font-size: var(--_font-size);
+        padding: var(--_padding);
+        cursor: default;
+      }
+
+      .tag__remove {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        background: none;
+        border: none;
+        padding: 0;
+        margin-inline-start: var(--mz-space-3xs);
+        color: inherit;
+        opacity: 0.7;
+        transition: opacity var(--mz-transition-fast);
+        font-size: inherit;
+        line-height: 1;
+      }
+
+      .tag__remove:hover {
+        opacity: 1;
+      }
+    }
+
+    @layer variants {
+      :host([variant='primary']) {
+        --_color: var(--mz-color-primary);
+        --_on-color: var(--mz-color-on-primary);
+      }
+
+      :host([variant='danger']) {
+        --_color: var(--mz-color-danger);
+        --_on-color: var(--mz-color-on-danger);
+      }
+
+      :host([variant='success']) {
+        --_color: var(--mz-color-success);
+        --_on-color: var(--mz-color-on-success);
+      }
+
+      :host([variant='warning']) {
+        --_color: var(--mz-color-warning);
+        --_on-color: var(--mz-color-on-warning);
+      }
+
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_color: var(--mz-color-neutral);
+        --_on-color: var(--mz-color-on-neutral);
+      }
+    }
+
+    @layer appearances {
+      :host([appearance='filled']),
+      :host(:not([appearance])) {
+        --_bg: var(--mz-tag-bg, var(--_color));
+        --_text: var(--mz-tag-color, var(--_on-color));
+      }
+
+      :host([appearance='outline']) {
+        --_bg: transparent;
+        --_text: var(--_color);
+        --_border: var(--_color);
+      }
+
+      :host([appearance='soft']) {
+        --_bg: color-mix(in srgb, var(--_color) 15%, transparent);
+        --_text: var(--_color);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-2xs);
+        --_padding: var(--mz-space-2xs) var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-xs);
+        --_padding: var(--mz-space-2xs) var(--mz-space-md);
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-sm);
+        --_padding: var(--mz-space-xs) var(--mz-space-lg);
+      }
+    }
+
+    @layer states {
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+    }
+  `];export{n as a};
+//# sourceMappingURL=chunk.T2POSQDH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tag/tag.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, variants, appearances, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-flex;\n      }\n\n      .tag {\n        display: inline-flex;\n        align-items: center;\n        gap: var(--mz-space-2xs);\n        white-space: nowrap;\n        font-family: var(--mz-font-sans);\n        font-weight: var(--mz-font-weight-medium);\n        line-height: var(--mz-line-height-dense);\n        border: var(--mz-border-width-sm) solid transparent;\n        border-radius: var(--_radius, var(--mz-tag-radius, var(--mz-radius-md)));\n        background: var(--_bg);\n        color: var(--_text);\n        border-color: var(--_border, transparent);\n        font-size: var(--_font-size);\n        padding: var(--_padding);\n        cursor: default;\n      }\n\n      .tag__remove {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        background: none;\n        border: none;\n        padding: 0;\n        margin-inline-start: var(--mz-space-3xs);\n        color: inherit;\n        opacity: 0.7;\n        transition: opacity var(--mz-transition-fast);\n        font-size: inherit;\n        line-height: 1;\n      }\n\n      .tag__remove:hover {\n        opacity: 1;\n      }\n    }\n\n    @layer variants {\n      :host([variant='primary']) {\n        --_color: var(--mz-color-primary);\n        --_on-color: var(--mz-color-on-primary);\n      }\n\n      :host([variant='danger']) {\n        --_color: var(--mz-color-danger);\n        --_on-color: var(--mz-color-on-danger);\n      }\n\n      :host([variant='success']) {\n        --_color: var(--mz-color-success);\n        --_on-color: var(--mz-color-on-success);\n      }\n\n      :host([variant='warning']) {\n        --_color: var(--mz-color-warning);\n        --_on-color: var(--mz-color-on-warning);\n      }\n\n      :host([variant='neutral']),\n      :host(:not([variant])) {\n        --_color: var(--mz-color-neutral);\n        --_on-color: var(--mz-color-on-neutral);\n      }\n    }\n\n    @layer appearances {\n      :host([appearance='filled']),\n      :host(:not([appearance])) {\n        --_bg: var(--mz-tag-bg, var(--_color));\n        --_text: var(--mz-tag-color, var(--_on-color));\n      }\n\n      :host([appearance='outline']) {\n        --_bg: transparent;\n        --_text: var(--_color);\n        --_border: var(--_color);\n      }\n\n      :host([appearance='soft']) {\n        --_bg: color-mix(in srgb, var(--_color) 15%, transparent);\n        --_text: var(--_color);\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_font-size: var(--mz-font-size-2xs);\n        --_padding: var(--mz-space-2xs) var(--mz-space-sm);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-font-size-xs);\n        --_padding: var(--mz-space-2xs) var(--mz-space-md);\n      }\n\n      :host([size='lg']) {\n        --_font-size: var(--mz-font-size-sm);\n        --_padding: var(--mz-space-xs) var(--mz-space-lg);\n      }\n    }\n\n    @layer states {\n      :host([pill]) {\n        --_radius: var(--mz-radius-pill);\n      }\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;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,GAsHF",
+  "names": ["tag_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.UEG423ZW.js

@@ -0,0 +1,17 @@
+import{a as i}from"./chunk.ZI3BHN26.js";import{a as o}from"./chunk.Q4JHOT26.js";import{b as s,d as h}from"./chunk.SZ34NZMW.js";import{d as l}from"./chunk.NNH44ORV.js";import{a}from"./chunk.MGICPQBB.js";var t=class extends h{constructor(){super(...arguments);this.hasImage=!1;this.hasHeader=!1;this.hasFooter=!1}handleSlotChange(e,d){let r=d.target.assignedNodes({flatten:!0}).length>0;e==="image"?this.hasImage=r:e==="header"?this.hasHeader=r:this.hasFooter=r}render(){return l`
+      <div part="base" class="card">
+        <div part="image" class=${o({card__image:!0,"card__image--empty":!this.hasImage})}>
+          <slot name="image" @slotchange=${e=>this.handleSlotChange("image",e)}></slot>
+        </div>
+        <div part="header" class=${o({card__header:!0,"card__header--empty":!this.hasHeader})}>
+          <slot name="header" @slotchange=${e=>this.handleSlotChange("header",e)}></slot>
+        </div>
+        <div part="body" class="card__body">
+          <slot></slot>
+        </div>
+        <div part="footer" class=${o({card__footer:!0,"card__footer--empty":!this.hasFooter})}>
+          <slot name="footer" @slotchange=${e=>this.handleSlotChange("footer",e)}></slot>
+        </div>
+      </div>
+    `}};t.styles=i,a([s()],t.prototype,"hasImage",2),a([s()],t.prototype,"hasHeader",2),a([s()],t.prototype,"hasFooter",2);export{t as a};
+//# sourceMappingURL=chunk.UEG423ZW.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './card.styles.js';\n\n/**\n * @summary A card container with optional image, header, and footer.\n *\n * @tag mz-card\n *\n * @slot - The card's body content.\n * @slot image - An image displayed at the top of the card (no padding).\n * @slot header - Optional header content.\n * @slot footer - Optional footer content.\n *\n * @csspart base - The card's outer wrapper.\n * @csspart image - The image container.\n * @csspart header - The header container.\n * @csspart body - The body container.\n * @csspart footer - The footer container.\n *\n * @cssproperty --mz-card-bg - Override the card background.\n * @cssproperty --mz-card-border-width - Override the card border width.\n * @cssproperty --mz-card-border-color - Override the card border color.\n * @cssproperty --mz-card-border-radius - Override the card border radius.\n * @cssproperty --mz-card-shadow - Override the card box shadow.\n * @cssproperty --mz-card-padding - Override the card padding.\n */\nexport class MzCard extends ManzanoElement {\n  static styles = styles;\n\n  @state() private hasImage = false;\n  @state() private hasHeader = false;\n  @state() private hasFooter = false;\n\n  private handleSlotChange(slot: 'image' | 'header' | 'footer', e: Event) {\n    const slotEl = e.target as HTMLSlotElement;\n    const hasContent = slotEl.assignedNodes({ flatten: true }).length > 0;\n    if (slot === 'image') this.hasImage = hasContent;\n    else if (slot === 'header') this.hasHeader = hasContent;\n    else this.hasFooter = hasContent;\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" class=\"card\">\n        <div part=\"image\" class=${classMap({ card__image: true, 'card__image--empty': !this.hasImage })}>\n          <slot name=\"image\" @slotchange=${(e: Event) => this.handleSlotChange('image', e)}></slot>\n        </div>\n        <div part=\"header\" class=${classMap({ card__header: true, 'card__header--empty': !this.hasHeader })}>\n          <slot name=\"header\" @slotchange=${(e: Event) => this.handleSlotChange('header', e)}></slot>\n        </div>\n        <div part=\"body\" class=\"card__body\">\n          <slot></slot>\n        </div>\n        <div part=\"footer\" class=${classMap({ card__footer: true, 'card__footer--empty': !this.hasFooter })}>\n          <slot name=\"footer\" @slotchange=${(e: Event) => this.handleSlotChange('footer', e)}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "0MA6BO,IAAMA,EAAN,cAAqBC,CAAe,CAApC,kCAGI,KAAQ,SAAW,GACnB,KAAQ,UAAY,GACpB,KAAQ,UAAY,GAErB,iBAAiBC,EAAqCC,EAAU,CAEtE,IAAMC,EADSD,EAAE,OACS,cAAc,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,EAChED,IAAS,QAAS,KAAK,SAAWE,EAC7BF,IAAS,SAAU,KAAK,UAAYE,EACxC,KAAK,UAAYA,CACxB,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,kCAEuBF,EAAS,CAAE,YAAa,GAAM,qBAAsB,CAAC,KAAK,QAAS,CAAC,CAAC;AAAA,2CAC3D,GAAa,KAAK,iBAAiB,QAAS,CAAC,CAAC;AAAA;AAAA,mCAEvDA,EAAS,CAAE,aAAc,GAAM,sBAAuB,CAAC,KAAK,SAAU,CAAC,CAAC;AAAA,4CAC9D,GAAa,KAAK,iBAAiB,SAAU,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKzDA,EAAS,CAAE,aAAc,GAAM,sBAAuB,CAAC,KAAK,SAAU,CAAC,CAAC;AAAA,4CAC9D,GAAa,KAAK,iBAAiB,SAAU,CAAC,CAAC;AAAA;AAAA;AAAA,KAI1F,CACF,EAjCaH,EACJ,OAASM,EAECC,EAAA,CAAhBC,EAAM,GAHIR,EAGM,wBACAO,EAAA,CAAhBC,EAAM,GAJIR,EAIM,yBACAO,EAAA,CAAhBC,EAAM,GALIR,EAKM",
+  "names": ["MzCard", "ManzanoElement", "slot", "e", "hasContent", "b", "card_styles_default", "__decorateClass", "r"]
+}

package/cdn/chunks/chunk.UQ2AJSXG.js

@@ -0,0 +1,66 @@
+import{a}from"./chunk.KUTEZIT4.js";import{a as e}from"./chunk.NNH44ORV.js";var i=[a,e`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .avatar {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+        width: var(--_size, var(--mz-avatar-size, 2.5rem));
+        height: var(--_size, var(--mz-avatar-size, 2.5rem));
+        border-radius: var(--_radius, var(--mz-avatar-radius, var(--mz-radius-circle)));
+        background: var(--mz-avatar-bg, var(--mz-color-neutral));
+        color: var(--mz-avatar-color, var(--mz-color-on-neutral));
+        font-family: var(--mz-font-sans);
+        font-weight: var(--mz-font-weight-semibold);
+        font-size: var(--_font-size, calc(var(--_size, 2.5rem) * 0.4));
+        line-height: 1;
+        user-select: none;
+        flex-shrink: 0;
+      }
+
+      .avatar__image {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      .avatar__icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: calc(var(--_size, 2.5rem) * 0.5);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_size: 2rem;
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_size: 2.5rem;
+      }
+
+      :host([size='lg']) {
+        --_size: 3rem;
+      }
+
+      :host([size='xl']) {
+        --_size: 4rem;
+      }
+    }
+
+    @layer states {
+      :host([shape='square']) {
+        --_radius: var(--mz-radius-md);
+      }
+    }
+  `];export{i as a};
+//# sourceMappingURL=chunk.UQ2AJSXG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/avatar/avatar.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-flex;\n      }\n\n      .avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        width: var(--_size, var(--mz-avatar-size, 2.5rem));\n        height: var(--_size, var(--mz-avatar-size, 2.5rem));\n        border-radius: var(--_radius, var(--mz-avatar-radius, var(--mz-radius-circle)));\n        background: var(--mz-avatar-bg, var(--mz-color-neutral));\n        color: var(--mz-avatar-color, var(--mz-color-on-neutral));\n        font-family: var(--mz-font-sans);\n        font-weight: var(--mz-font-weight-semibold);\n        font-size: var(--_font-size, calc(var(--_size, 2.5rem) * 0.4));\n        line-height: 1;\n        user-select: none;\n        flex-shrink: 0;\n      }\n\n      .avatar__image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .avatar__icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: calc(var(--_size, 2.5rem) * 0.5);\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_size: 2rem;\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_size: 2.5rem;\n      }\n\n      :host([size='lg']) {\n        --_size: 3rem;\n      }\n\n      :host([size='xl']) {\n        --_size: 4rem;\n      }\n    }\n\n    @layer states {\n      :host([shape='square']) {\n        --_radius: var(--mz-radius-md);\n      }\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,GAiEF",
+  "names": ["avatar_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.UTXZ7YUF.js

@@ -0,0 +1,13 @@
+import{a}from"./chunk.V5EOP3IC.js";import{a as i}from"./chunk.Q4JHOT26.js";import{a as s,d as r}from"./chunk.SZ34NZMW.js";import{d as l}from"./chunk.NNH44ORV.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends r{constructor(){super(...arguments);this.value="";this.disabled=!1;this.selected=!1;this.current=!1}getTextLabel(){return(this.textContent??"").trim()}handleClick(){this.disabled||this.emit("mz-option-select",{detail:{value:this.value}})}render(){let o={option:!0,"option--selected":this.selected,"option--current":this.current,"option--disabled":this.disabled};return l`
+      <div
+        part="base"
+        class=${i(o)}
+        role="option"
+        aria-selected=${this.selected}
+        aria-disabled=${this.disabled}
+        @click=${this.handleClick}
+      >
+        <slot></slot>
+      </div>
+    `}};e.styles=a,t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean,reflect:!0})],e.prototype,"selected",2),t([s({type:Boolean,reflect:!0})],e.prototype,"current",2);export{e as a};
+//# sourceMappingURL=chunk.UTXZ7YUF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './option.styles.js';\n\n/**\n * @summary An option for use inside mz-select.\n *\n * @tag mz-option\n *\n * @slot - The option's label text.\n *\n * @csspart base - The option wrapper.\n */\nexport class MzOption extends ManzanoElement {\n  static styles = styles;\n\n  /** The option's value. */\n  @property() value = '';\n\n  /** Disables the option. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Whether this option is currently selected (set by mz-select). */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /** Whether this option is currently highlighted via keyboard (set by mz-select). */\n  @property({ type: Boolean, reflect: true }) current = false;\n\n  /** Returns the text content of this option (for display in trigger). */\n  getTextLabel(): string {\n    return (this.textContent ?? '').trim();\n  }\n\n  private handleClick(): void {\n    if (this.disabled) return;\n    this.emit('mz-option-select', { detail: { value: this.value } });\n  }\n\n  render() {\n    const classes = {\n      option: true,\n      'option--selected': this.selected,\n      'option--current': this.current,\n      'option--disabled': this.disabled\n    };\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap(classes)}\n        role=\"option\"\n        aria-selected=${this.selected}\n        aria-disabled=${this.disabled}\n        @click=${this.handleClick}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "0MAeO,IAAMA,EAAN,cAAuBC,CAAe,CAAtC,kCAIO,WAAQ,GAGwB,cAAW,GAGX,cAAW,GAGX,aAAU,GAGtD,cAAuB,CACrB,OAAQ,KAAK,aAAe,IAAI,KAAK,CACvC,CAEQ,aAAoB,CACtB,KAAK,UACT,KAAK,KAAK,mBAAoB,CAAE,OAAQ,CAAE,MAAO,KAAK,KAAM,CAAE,CAAC,CACjE,CAEA,QAAS,CACP,IAAMC,EAAU,CACd,OAAQ,GACR,mBAAoB,KAAK,SACzB,kBAAmB,KAAK,QACxB,mBAAoB,KAAK,QAC3B,EAEA,OAAOC;AAAA;AAAA;AAAA,gBAGKC,EAASF,CAAO,CAAC;AAAA;AAAA,wBAET,KAAK,QAAQ;AAAA,wBACb,KAAK,QAAQ;AAAA,iBACpB,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,KAK/B,CACF,EA9CaF,EACJ,OAASK,EAGJC,EAAA,CAAXC,EAAS,GAJCP,EAIC,qBAGgCM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BP,EAOiC,wBAGAM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BP,EAUiC,wBAGAM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAb/BP,EAaiC",
+  "names": ["MzOption", "ManzanoElement", "classes", "b", "e", "option_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.V5EOP3IC.js

@@ -0,0 +1,36 @@
+import{a as r}from"./chunk.KUTEZIT4.js";import{a as o}from"./chunk.NNH44ORV.js";var e=[r,o`
+    :host {
+      display: block;
+    }
+
+    .option {
+      display: flex;
+      align-items: center;
+      padding: var(--mz-space-xs) var(--mz-space-md);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-md);
+      color: var(--mz-color-text);
+      cursor: pointer;
+      border-radius: var(--mz-radius-sm);
+      transition: background var(--mz-transition-fast);
+    }
+
+    .option:hover:not(.option--disabled) {
+      background: var(--mz-color-surface-hover);
+    }
+
+    .option--current {
+      background: var(--mz-color-surface-hover);
+    }
+
+    .option--selected {
+      font-weight: var(--mz-font-weight-medium);
+      color: var(--mz-color-primary);
+    }
+
+    .option--disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  `];export{e as a};
+//# sourceMappingURL=chunk.V5EOP3IC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option.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    .option {\n      display: flex;\n      align-items: center;\n      padding: var(--mz-space-xs) var(--mz-space-md);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-md);\n      color: var(--mz-color-text);\n      cursor: pointer;\n      border-radius: var(--mz-radius-sm);\n      transition: background var(--mz-transition-fast);\n    }\n\n    .option:hover:not(.option--disabled) {\n      background: var(--mz-color-surface-hover);\n    }\n\n    .option--current {\n      background: var(--mz-color-surface-hover);\n    }\n\n    .option--selected {\n      font-weight: var(--mz-font-weight-medium);\n      color: var(--mz-color-primary);\n    }\n\n    .option--disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,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,GAmCF",
+  "names": ["option_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.VFW2PHO4.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.DN5XKN7W.js";e.define("mz-badge");
+//# sourceMappingURL=chunk.VFW2PHO4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge/badge.ts"],
+  "sourcesContent": ["import { MzBadge } from './badge.component.js';\n\nexport * from './badge.component.js';\n\nMzBadge.define('mz-badge');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-badge': MzBadge;\n  }\n}\n"],
+  "mappings": "wCAIAA,EAAQ,OAAO,UAAU",
+  "names": ["MzBadge"]
+}

package/cdn/chunks/chunk.VKUFNHZY.js

@@ -0,0 +1,14 @@
+import{a as h}from"./chunk.2N73PDHB.js";import{d as a}from"./chunk.GX7DY53T.js";import{a as l}from"./chunk.OJRE6F6M.js";import{a as s,c as n,d}from"./chunk.SZ34NZMW.js";import{d as o,f as r}from"./chunk.NNH44ORV.js";import{a as i}from"./chunk.MGICPQBB.js";var t=class extends d{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.distance=8;this.skidding=0;this.arrow=!1}connectedCallback(){super.connectedCallback(),this.handleOutsideClick=this.handleOutsideClick.bind(this),this.floatingController=new l(this,{referenceEl:()=>this.getAnchor(),floatingEl:()=>this.bodyEl,arrowEl:()=>this.arrow?this.arrowEl:null,placement:this.placement,distance:this.distance,skidding:this.skidding})}disconnectedCallback(){super.disconnectedCallback(),this.removeOutsideClickListener()}getAnchor(){return(this.shadowRoot?.querySelector('slot[name="anchor"]')?.assignedElements({flatten:!0})??[])[0]??null}async updated(e){e.has("open")&&(this.open?await this.animateShow():e.get("open")===!0&&await this.animateHide()),(e.has("placement")||e.has("distance")||e.has("skidding"))&&(this.floatingController=new l(this,{referenceEl:()=>this.getAnchor(),floatingEl:()=>this.bodyEl,arrowEl:()=>this.arrow?this.arrowEl:null,placement:this.placement,distance:this.distance,skidding:this.skidding}))}async animateShow(){this.emit("mz-show"),this.bodyEl.style.display="block",await this.floatingController.show(),await a(this.bodyEl,"dropdown.show",this.prefersReducedMotion).finished,this.addOutsideClickListener(),this.emit("mz-after-show")}async animateHide(){this.emit("mz-hide"),this.removeOutsideClickListener(),await a(this.bodyEl,"dropdown.hide",this.prefersReducedMotion).finished,this.bodyEl.style.display="none",this.floatingController.hide(),this.emit("mz-after-hide")}toggle(){this.open=!this.open}show(){this.open=!0}hide(){this.open=!1}handleAnchorClick(){this.toggle()}handleOutsideClick(e){this.contains(e.target)||this.hide()}addOutsideClickListener(){document.addEventListener("click",this.handleOutsideClick,!0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}handleKeyDown(e){e.key==="Escape"&&this.open&&(e.stopPropagation(),this.hide())}render(){return o`
+      <slot name="anchor" @click=${this.handleAnchorClick}></slot>
+      <div
+        part="body"
+        class="popover__body"
+        role="tooltip"
+        @keydown=${this.handleKeyDown}
+        style="display: ${this.open?"block":"none"}"
+      >
+        <slot></slot>
+        ${this.arrow?o`<div part="arrow" class="popover__arrow"></div>`:r}
+      </div>
+    `}};t.styles=h,i([n(".popover__body")],t.prototype,"bodyEl",2),i([n(".popover__arrow")],t.prototype,"arrowEl",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s()],t.prototype,"placement",2),i([s({type:Number})],t.prototype,"distance",2),i([s({type:Number})],t.prototype,"skidding",2),i([s({type:Boolean})],t.prototype,"arrow",2);export{t as a};
+//# sourceMappingURL=chunk.VKUFNHZY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/popover/popover.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport type { Placement } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FloatingController } from '../../internal/floating.js';\nimport { animateTo } from '../../utilities/animation-registry.js';\nimport styles from './popover.styles.js';\n\n/**\n * @summary A positioned floating panel anchored to a trigger element.\n *\n * @tag mz-popover\n *\n * @slot - The popover content.\n * @slot anchor - The trigger element that opens the popover.\n *\n * @event mz-show - Emitted when the popover begins to open.\n * @event mz-hide - Emitted when the popover begins to close.\n * @event mz-after-show - Emitted after the popover open animation completes.\n * @event mz-after-hide - Emitted after the popover close animation completes.\n *\n * @csspart body - The popover body container.\n * @csspart arrow - The popover arrow element.\n */\nexport class MzPopover extends ManzanoElement {\n  static styles = styles;\n\n  @query('.popover__body') private bodyEl!: HTMLDivElement;\n  @query('.popover__arrow') private arrowEl!: HTMLDivElement;\n\n  private floatingController!: FloatingController;\n\n  /** Whether the popover is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Preferred placement relative to the anchor. */\n  @property() placement: Placement = 'bottom-start';\n\n  /** Distance from the anchor in pixels. */\n  @property({ type: Number }) distance = 8;\n\n  /** Cross-axis offset in pixels. */\n  @property({ type: Number }) skidding = 0;\n\n  /** Whether to show an arrow pointing at the anchor. */\n  @property({ type: Boolean }) arrow = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.handleOutsideClick = this.handleOutsideClick.bind(this);\n    this.floatingController = new FloatingController(this, {\n      referenceEl: () => this.getAnchor(),\n      floatingEl: () => this.bodyEl,\n      arrowEl: () => (this.arrow ? this.arrowEl : null),\n      placement: this.placement as Placement,\n      distance: this.distance,\n      skidding: this.skidding\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeOutsideClickListener();\n  }\n\n  private getAnchor(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"anchor\"]');\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (assigned[0] as HTMLElement) ?? null;\n  }\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open')) {\n      if (this.open) {\n        await this.animateShow();\n      } else if (changed.get('open') === true) {\n        await this.animateHide();\n      }\n    }\n\n    if (changed.has('placement') || changed.has('distance') || changed.has('skidding')) {\n      this.floatingController = new FloatingController(this, {\n        referenceEl: () => this.getAnchor(),\n        floatingEl: () => this.bodyEl,\n        arrowEl: () => (this.arrow ? this.arrowEl : null),\n        placement: this.placement as Placement,\n        distance: this.distance,\n        skidding: this.skidding\n      });\n    }\n  }\n\n  private async animateShow(): Promise<void> {\n    this.emit('mz-show');\n    this.bodyEl.style.display = 'block';\n    await this.floatingController.show();\n    const anim = animateTo(this.bodyEl, 'dropdown.show', this.prefersReducedMotion);\n    await anim.finished;\n    this.addOutsideClickListener();\n    this.emit('mz-after-show');\n  }\n\n  private async animateHide(): Promise<void> {\n    this.emit('mz-hide');\n    this.removeOutsideClickListener();\n    const anim = animateTo(this.bodyEl, 'dropdown.hide', this.prefersReducedMotion);\n    await anim.finished;\n    this.bodyEl.style.display = 'none';\n    this.floatingController.hide();\n    this.emit('mz-after-hide');\n  }\n\n  /** Toggle open state */\n  toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Programmatically show the popover */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically hide the popover */\n  hide(): void {\n    this.open = false;\n  }\n\n  private handleAnchorClick(): void {\n    this.toggle();\n  }\n\n  private handleOutsideClick(e: MouseEvent): void {\n    if (!this.contains(e.target as Node)) {\n      this.hide();\n    }\n  }\n\n  private addOutsideClickListener(): void {\n    document.addEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private removeOutsideClickListener(): void {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this.open) {\n      e.stopPropagation();\n      this.hide();\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"anchor\" @click=${this.handleAnchorClick}></slot>\n      <div\n        part=\"body\"\n        class=\"popover__body\"\n        role=\"tooltip\"\n        @keydown=${this.handleKeyDown}\n        style=\"display: ${this.open ? 'block' : 'none'}\"\n      >\n        <slot></slot>\n        ${this.arrow ? html`<div part=\"arrow\" class=\"popover__arrow\"></div>` : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzPopover", "ManzanoElement", "FloatingController", "changed", "animateTo", "b", "A", "popover_styles_default", "__decorateClass", "e", "n"]
+}

package/cdn/chunks/chunk.VNNJR2UW.js

@@ -0,0 +1,123 @@
+import{a as e}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var t=[e,r`
+    :host {
+      display: contents;
+    }
+
+    .drawer {
+      border: none;
+      padding: 0;
+      background: transparent;
+      max-width: none;
+      max-height: none;
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+    }
+
+    .drawer::backdrop {
+      background: rgb(28 25 21 / 0.5);
+    }
+
+    .drawer__panel {
+      position: fixed;
+      display: flex;
+      flex-direction: column;
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      box-shadow: var(--mz-shadow-xl);
+      z-index: var(--mz-z-modal, 1050);
+      overflow: hidden;
+    }
+
+    /* Placement: start (left) */
+    :host([placement='start']) .drawer__panel,
+    :host(:not([placement])) .drawer__panel {
+      inset-block: 0;
+      inset-inline-start: 0;
+      width: min(20rem, calc(100vw - var(--mz-space-xl)));
+      height: 100%;
+      border-radius: 0 var(--mz-radius-lg) var(--mz-radius-lg) 0;
+    }
+
+    /* Placement: end (right) */
+    :host([placement='end']) .drawer__panel {
+      inset-block: 0;
+      inset-inline-end: 0;
+      width: min(20rem, calc(100vw - var(--mz-space-xl)));
+      height: 100%;
+      border-radius: var(--mz-radius-lg) 0 0 var(--mz-radius-lg);
+    }
+
+    /* Placement: top */
+    :host([placement='top']) .drawer__panel {
+      inset-inline: 0;
+      inset-block-start: 0;
+      width: 100%;
+      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));
+      border-radius: 0 0 var(--mz-radius-lg) var(--mz-radius-lg);
+    }
+
+    /* Placement: bottom */
+    :host([placement='bottom']) .drawer__panel {
+      inset-inline: 0;
+      inset-block-end: 0;
+      width: 100%;
+      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));
+      border-radius: var(--mz-radius-lg) var(--mz-radius-lg) 0 0;
+    }
+
+    .drawer__header {
+      display: flex;
+      align-items: center;
+      gap: var(--mz-space-sm);
+      padding: var(--mz-space-md) var(--mz-space-lg);
+      border-bottom: var(--mz-border-width-sm) solid var(--mz-color-border);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-lg);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text);
+    }
+
+    .drawer__close {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      margin-inline-start: auto;
+      padding: var(--mz-space-2xs);
+      border: none;
+      background: none;
+      color: var(--mz-color-text-secondary);
+      cursor: pointer;
+      border-radius: var(--mz-radius-sm);
+      transition: color var(--mz-transition-fast), background var(--mz-transition-fast);
+    }
+
+    .drawer__close:hover {
+      color: var(--mz-color-text);
+      background: var(--mz-color-gray-100);
+    }
+
+    .drawer__close:focus-visible {
+      outline: var(--mz-focus-ring);
+      outline-offset: var(--mz-focus-ring-offset);
+    }
+
+    .drawer__body {
+      flex: 1;
+      padding: var(--mz-space-lg);
+      overflow-y: auto;
+      color: var(--mz-color-text);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-md);
+      line-height: var(--mz-line-height-normal);
+    }
+
+    .drawer__footer {
+      padding: var(--mz-space-md) var(--mz-space-lg);
+      border-top: var(--mz-border-width-sm) solid var(--mz-color-border);
+    }
+
+    .drawer__footer:empty {
+      display: none;
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.VNNJR2UW.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/drawer/drawer.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: contents;\n    }\n\n    .drawer {\n      border: none;\n      padding: 0;\n      background: transparent;\n      max-width: none;\n      max-height: none;\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n    }\n\n    .drawer::backdrop {\n      background: rgb(28 25 21 / 0.5);\n    }\n\n    .drawer__panel {\n      position: fixed;\n      display: flex;\n      flex-direction: column;\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      box-shadow: var(--mz-shadow-xl);\n      z-index: var(--mz-z-modal, 1050);\n      overflow: hidden;\n    }\n\n    /* Placement: start (left) */\n    :host([placement='start']) .drawer__panel,\n    :host(:not([placement])) .drawer__panel {\n      inset-block: 0;\n      inset-inline-start: 0;\n      width: min(20rem, calc(100vw - var(--mz-space-xl)));\n      height: 100%;\n      border-radius: 0 var(--mz-radius-lg) var(--mz-radius-lg) 0;\n    }\n\n    /* Placement: end (right) */\n    :host([placement='end']) .drawer__panel {\n      inset-block: 0;\n      inset-inline-end: 0;\n      width: min(20rem, calc(100vw - var(--mz-space-xl)));\n      height: 100%;\n      border-radius: var(--mz-radius-lg) 0 0 var(--mz-radius-lg);\n    }\n\n    /* Placement: top */\n    :host([placement='top']) .drawer__panel {\n      inset-inline: 0;\n      inset-block-start: 0;\n      width: 100%;\n      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));\n      border-radius: 0 0 var(--mz-radius-lg) var(--mz-radius-lg);\n    }\n\n    /* Placement: bottom */\n    :host([placement='bottom']) .drawer__panel {\n      inset-inline: 0;\n      inset-block-end: 0;\n      width: 100%;\n      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));\n      border-radius: var(--mz-radius-lg) var(--mz-radius-lg) 0 0;\n    }\n\n    .drawer__header {\n      display: flex;\n      align-items: center;\n      gap: var(--mz-space-sm);\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-bottom: var(--mz-border-width-sm) solid var(--mz-color-border);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n    }\n\n    .drawer__close {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-inline-start: auto;\n      padding: var(--mz-space-2xs);\n      border: none;\n      background: none;\n      color: var(--mz-color-text-secondary);\n      cursor: pointer;\n      border-radius: var(--mz-radius-sm);\n      transition: color var(--mz-transition-fast), background var(--mz-transition-fast);\n    }\n\n    .drawer__close:hover {\n      color: var(--mz-color-text);\n      background: var(--mz-color-gray-100);\n    }\n\n    .drawer__close:focus-visible {\n      outline: var(--mz-focus-ring);\n      outline-offset: var(--mz-focus-ring-offset);\n    }\n\n    .drawer__body {\n      flex: 1;\n      padding: var(--mz-space-lg);\n      overflow-y: auto;\n      color: var(--mz-color-text);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-md);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    .drawer__footer {\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-top: var(--mz-border-width-sm) solid var(--mz-color-border);\n    }\n\n    .drawer__footer:empty {\n      display: none;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,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;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,GA0HF",
+  "names": ["drawer_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.VNOKMWLO.js

@@ -0,0 +1,37 @@
+import{a as y}from"./chunk.4XEZ5QSS.js";import{a as u}from"./chunk.Q4JHOT26.js";import{a as c}from"./chunk.J37YLNQO.js";import{a as v}from"./chunk.N7WYNIN3.js";import{a as f,c as g,d as m,f as b}from"./chunk.4Z7MJZFY.js";import{a as o,b as h,c as p,d}from"./chunk.SZ34NZMW.js";import{d as l,f as a}from"./chunk.NNH44ORV.js";import{a as n}from"./chunk.MGICPQBB.js";var s=class extends d{constructor(){super(...arguments);this.hasSlotController=new v(this,"label","help-text");this.typeAheadBuffer="";this.typeAheadTimeout=null;this.name="";this.value="";this.placeholder="";this.size="md";this.label="";this.helpText="";this.disabled=!1;this.required=!1;this.pill=!1;this.open=!1;this.displayText="";this.currentIndex=-1;this.handleOptionSelect=t=>{t.stopPropagation();let e=t.detail.value;e!==this.value&&(this.value=e,this.emit("mz-change")),this.close(),this.triggerEl?.focus()};this.outsideClickHandler=t=>{this.contains(t.target)||this.close()}}focus(t){this.triggerEl?.focus(t)}blur(){this.triggerEl?.blur()}connectedCallback(){super.connectedCallback(),this.addEventListener("mz-option-select",this.handleOptionSelect)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("mz-option-select",this.handleOptionSelect)}willUpdate(t){t.has("value")&&this.syncOptions()}updated(t){t.has("open")&&this.open&&this.positionDropdown()}getOptions(){return[...this.querySelectorAll("mz-option")]}getEnabledOptions(){return this.getOptions().filter(t=>!t.disabled)}syncOptions(){let t=this.getOptions(),e="";for(let i of t){let r=i.value===this.value;i.selected=r,r&&(e=i.getTextLabel())}this.displayText=e}handleSlotChange(){this.syncOptions()}handleTriggerClick(){this.disabled||(this.open?this.close():this.show())}handleTriggerKeyDown(t){if(this.disabled)return;let e=this.getEnabledOptions();if(e.length!==0)if(t.key==="ArrowDown")t.preventDefault(),this.open||this.show(),this.navigateOptions(1);else if(t.key==="ArrowUp")t.preventDefault(),this.open||this.show(),this.navigateOptions(-1);else if(t.key==="Enter"||t.key===" ")if(t.preventDefault(),this.open&&this.currentIndex>=0){let i=e[this.currentIndex];i&&(i.value!==this.value&&(this.value=i.value,this.emit("mz-change")),this.close())}else this.show();else t.key==="Escape"?this.open&&(t.preventDefault(),this.close(),this.triggerEl?.focus()):t.key==="Home"?(t.preventDefault(),this.open&&(this.currentIndex=0,this.highlightCurrentOption())):t.key==="End"?(t.preventDefault(),this.open&&(this.currentIndex=e.length-1,this.highlightCurrentOption())):t.key==="Tab"?this.open&&this.close():t.key.length===1&&this.handleTypeAhead(t.key)}handleTypeAhead(t){this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadBuffer+=t.toLowerCase(),this.typeAheadTimeout=setTimeout(()=>{this.typeAheadBuffer=""},500);let e=this.getEnabledOptions(),i=e.findIndex(r=>r.getTextLabel().toLowerCase().startsWith(this.typeAheadBuffer));if(i!==-1)if(this.open)this.currentIndex=i,this.highlightCurrentOption();else{let r=e[i];r.value!==this.value&&(this.value=r.value,this.emit("mz-change"))}}navigateOptions(t){let e=this.getEnabledOptions();if(e.length===0)return;let i=this.currentIndex+t;i<0&&(i=e.length-1),i>=e.length&&(i=0),this.currentIndex=i,this.highlightCurrentOption()}highlightCurrentOption(){let t=this.getEnabledOptions(),e=this.getOptions();for(let i of e)i.current=!1;this.currentIndex>=0&&this.currentIndex<t.length&&(t[this.currentIndex].current=!0)}show(){if(this.open||this.disabled)return;this.open=!0;let t=this.getEnabledOptions();this.currentIndex=t.findIndex(e=>e.value===this.value),this.highlightCurrentOption(),this.emit("mz-show"),this.addOutsideClickListener()}close(){this.open&&(this.open=!1,this.currentIndex=-1,this.highlightCurrentOption(),this.emit("mz-hide"),this.removeOutsideClickListener())}addOutsideClickListener(){document.addEventListener("click",this.outsideClickHandler,!0)}removeOutsideClickListener(){document.removeEventListener("click",this.outsideClickHandler,!0)}async positionDropdown(){if(!this.triggerEl||!this.dropdownEl)return;let t=this.dropdownEl,{x:e,y:i}=await b(this.triggerEl,t,{placement:"bottom-start",middleware:[f(4),g(),m({apply({availableHeight:r,rects:x}){Object.assign(t.style,{width:`${x.reference.width}px`,maxHeight:`${Math.min(r,300)}px`})}})]});Object.assign(t.style,{left:`${e}px`,top:`${i}px`})}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let t=this.label||this.hasSlotController.test("label"),e=this.helpText||this.hasSlotController.test("help-text"),i={select__trigger:!0,"select__trigger--open":this.open,"select__trigger--placeholder":!this.displayText};return l`
+      <div part="base" class="form-control">
+        ${t?l`<label part="label" class="form-control__label">
+              ${this.label||l`<slot name="label"></slot>`}
+            </label>`:a}
+        <div part="control-wrapper" class="select__control-wrapper">
+          <button
+            part="trigger"
+            class=${u(i)}
+            type="button"
+            role="combobox"
+            aria-expanded=${this.open}
+            aria-haspopup="listbox"
+            aria-label=${this.label||a}
+            ?disabled=${this.disabled}
+            @click=${this.handleTriggerClick}
+            @keydown=${this.handleTriggerKeyDown}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          >
+            <span part="display" class="select__display">
+              ${this.displayText||this.placeholder||l`&nbsp;`}
+            </span>
+            <mz-icon class="select__chevron" name="chevron-down"></mz-icon>
+          </button>
+        </div>
+        ${this.open?l`
+              <div part="dropdown" class="select__dropdown" role="listbox">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+              </div>
+            `:a}
+        ${e?l`<span part="help-text" class="form-control__help-text">
+              ${this.helpText||l`<slot name="help-text"></slot>`}
+            </span>`:a}
+      </div>
+    `}};s.styles=y,s.formAssociated=!0,s.dependencies={"mz-icon":c},n([p(".select__trigger")],s.prototype,"triggerEl",2),n([p(".select__dropdown")],s.prototype,"dropdownEl",2),n([o()],s.prototype,"name",2),n([o()],s.prototype,"value",2),n([o()],s.prototype,"placeholder",2),n([o({reflect:!0})],s.prototype,"size",2),n([o()],s.prototype,"label",2),n([o({attribute:"help-text"})],s.prototype,"helpText",2),n([o({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([o({type:Boolean,reflect:!0})],s.prototype,"required",2),n([o({type:Boolean,reflect:!0})],s.prototype,"pill",2),n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([h()],s.prototype,"displayText",2),n([h()],s.prototype,"currentIndex",2);export{s as a};
+//# sourceMappingURL=chunk.VNOKMWLO.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/select/select.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { computePosition, flip, offset, size as sizeMiddleware } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { MzIcon } from '../icon/icon.component.js';\nimport type { MzOption } from '../option/option.component.js';\nimport styles from './select.styles.js';\n\n/**\n * @summary A custom select dropdown.\n *\n * @tag mz-select\n *\n * @dependency mz-icon\n *\n * @slot - The options (mz-option elements).\n * @slot label - The select label.\n * @slot help-text - Help text below the select.\n *\n * @event mz-change - Emitted when the selected value changes.\n * @event mz-focus - Emitted when the trigger gains focus.\n * @event mz-blur - Emitted when the trigger loses focus.\n * @event mz-show - Emitted when the dropdown opens.\n * @event mz-hide - Emitted when the dropdown closes.\n *\n * @csspart base - The form control wrapper.\n * @csspart label - The label element.\n * @csspart control-wrapper - The trigger wrapper.\n * @csspart trigger - The trigger button.\n * @csspart display - The selected value display text.\n * @csspart dropdown - The dropdown panel.\n * @csspart help-text - The help text element.\n */\nexport class MzSelect extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  static dependencies = {\n    'mz-icon': MzIcon\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, 'label', 'help-text');\n  private typeAheadBuffer = '';\n  private typeAheadTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  @query('.select__trigger') private triggerEl!: HTMLButtonElement;\n  @query('.select__dropdown') private dropdownEl!: HTMLDivElement;\n\n  /** The select's name for form participation. */\n  @property() name = '';\n\n  /** The currently selected value. */\n  @property() value = '';\n\n  /** Placeholder text when no value is selected. */\n  @property() placeholder = '';\n\n  /** The select's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** The label text (alternative to label slot). */\n  @property() label = '';\n\n  /** Help text (alternative to help-text slot). */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the select. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the select required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Renders a pill-shaped trigger. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** Whether the dropdown is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private displayText = '';\n  @state() private currentIndex = -1;\n\n  /** Sets focus on the trigger. */\n  focus(options?: FocusOptions): void {\n    this.triggerEl?.focus(options);\n  }\n\n  /** Removes focus from the trigger. */\n  blur(): void {\n    this.triggerEl?.blur();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('mz-option-select', this.handleOptionSelect as EventListener);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('mz-option-select', this.handleOptionSelect as EventListener);\n  }\n\n  willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('value')) {\n      this.syncOptions();\n    }\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('open') && this.open) {\n      this.positionDropdown();\n    }\n  }\n\n  private getOptions(): MzOption[] {\n    return [...this.querySelectorAll('mz-option')] as MzOption[];\n  }\n\n  private getEnabledOptions(): MzOption[] {\n    return this.getOptions().filter(o => !o.disabled);\n  }\n\n  private syncOptions(): void {\n    const options = this.getOptions();\n    let display = '';\n    for (const option of options) {\n      const isSelected = option.value === this.value;\n      option.selected = isSelected;\n      if (isSelected) {\n        display = option.getTextLabel();\n      }\n    }\n    this.displayText = display;\n  }\n\n  private handleOptionSelect = (e: CustomEvent<{ value: string }>): void => {\n    e.stopPropagation();\n    const newValue = e.detail.value;\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.emit('mz-change');\n    }\n    this.close();\n    this.triggerEl?.focus();\n  };\n\n  private handleSlotChange(): void {\n    this.syncOptions();\n  }\n\n  private handleTriggerClick(): void {\n    if (this.disabled) return;\n    if (this.open) {\n      this.close();\n    } else {\n      this.show();\n    }\n  }\n\n  private handleTriggerKeyDown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n\n    const enabledOptions = this.getEnabledOptions();\n    if (enabledOptions.length === 0) return;\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      if (!this.open) {\n        this.show();\n      }\n      this.navigateOptions(1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      if (!this.open) {\n        this.show();\n      }\n      this.navigateOptions(-1);\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (this.open && this.currentIndex >= 0) {\n        const option = enabledOptions[this.currentIndex];\n        if (option) {\n          if (option.value !== this.value) {\n            this.value = option.value;\n            this.emit('mz-change');\n          }\n          this.close();\n        }\n      } else {\n        this.show();\n      }\n    } else if (e.key === 'Escape') {\n      if (this.open) {\n        e.preventDefault();\n        this.close();\n        this.triggerEl?.focus();\n      }\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      if (this.open) {\n        this.currentIndex = 0;\n        this.highlightCurrentOption();\n      }\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      if (this.open) {\n        this.currentIndex = enabledOptions.length - 1;\n        this.highlightCurrentOption();\n      }\n    } else if (e.key === 'Tab') {\n      if (this.open) {\n        this.close();\n      }\n    } else if (e.key.length === 1) {\n      this.handleTypeAhead(e.key);\n    }\n  }\n\n  private handleTypeAhead(char: string): void {\n    if (this.typeAheadTimeout) {\n      clearTimeout(this.typeAheadTimeout);\n    }\n    this.typeAheadBuffer += char.toLowerCase();\n    this.typeAheadTimeout = setTimeout(() => {\n      this.typeAheadBuffer = '';\n    }, 500);\n\n    const enabledOptions = this.getEnabledOptions();\n    const match = enabledOptions.findIndex(o =>\n      o.getTextLabel().toLowerCase().startsWith(this.typeAheadBuffer)\n    );\n\n    if (match !== -1) {\n      if (this.open) {\n        this.currentIndex = match;\n        this.highlightCurrentOption();\n      } else {\n        const option = enabledOptions[match];\n        if (option.value !== this.value) {\n          this.value = option.value;\n          this.emit('mz-change');\n        }\n      }\n    }\n  }\n\n  private navigateOptions(direction: number): void {\n    const enabledOptions = this.getEnabledOptions();\n    if (enabledOptions.length === 0) return;\n\n    let next = this.currentIndex + direction;\n    if (next < 0) next = enabledOptions.length - 1;\n    if (next >= enabledOptions.length) next = 0;\n\n    this.currentIndex = next;\n    this.highlightCurrentOption();\n  }\n\n  private highlightCurrentOption(): void {\n    const enabledOptions = this.getEnabledOptions();\n    const allOptions = this.getOptions();\n    for (const option of allOptions) {\n      option.current = false;\n    }\n    if (this.currentIndex >= 0 && this.currentIndex < enabledOptions.length) {\n      enabledOptions[this.currentIndex].current = true;\n    }\n  }\n\n  private show(): void {\n    if (this.open || this.disabled) return;\n    this.open = true;\n\n    // Set current index to selected option\n    const enabledOptions = this.getEnabledOptions();\n    this.currentIndex = enabledOptions.findIndex(o => o.value === this.value);\n    this.highlightCurrentOption();\n\n    this.emit('mz-show');\n    this.addOutsideClickListener();\n  }\n\n  private close(): void {\n    if (!this.open) return;\n    this.open = false;\n    this.currentIndex = -1;\n    this.highlightCurrentOption();\n    this.emit('mz-hide');\n    this.removeOutsideClickListener();\n  }\n\n  private outsideClickHandler = (e: MouseEvent): void => {\n    if (!this.contains(e.target as Node)) {\n      this.close();\n    }\n  };\n\n  private addOutsideClickListener(): void {\n    document.addEventListener('click', this.outsideClickHandler, true);\n  }\n\n  private removeOutsideClickListener(): void {\n    document.removeEventListener('click', this.outsideClickHandler, true);\n  }\n\n  private async positionDropdown(): Promise<void> {\n    if (!this.triggerEl || !this.dropdownEl) return;\n\n    const dropdown = this.dropdownEl;\n    const { x, y } = await computePosition(this.triggerEl, dropdown, {\n      placement: 'bottom-start',\n      middleware: [\n        offset(4),\n        flip(),\n        sizeMiddleware({\n          apply({ availableHeight, rects }) {\n            Object.assign(dropdown.style, {\n              width: `${rects.reference.width}px`,\n              maxHeight: `${Math.min(availableHeight, 300)}px`\n            });\n          }\n        })\n      ]\n    });\n\n    Object.assign(dropdown.style, {\n      left: `${x}px`,\n      top: `${y}px`\n    });\n  }\n\n  private handleFocus(): void {\n    this.emit('mz-focus');\n  }\n\n  private handleBlur(): void {\n    this.emit('mz-blur');\n  }\n\n  render() {\n    const hasLabel = this.label || this.hasSlotController.test('label');\n    const hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n\n    const triggerClasses = {\n      select__trigger: true,\n      'select__trigger--open': this.open,\n      'select__trigger--placeholder': !this.displayText\n    };\n\n    return html`\n      <div part=\"base\" class=\"form-control\">\n        ${hasLabel\n          ? html`<label part=\"label\" class=\"form-control__label\">\n              ${this.label || html`<slot name=\"label\"></slot>`}\n            </label>`\n          : nothing}\n        <div part=\"control-wrapper\" class=\"select__control-wrapper\">\n          <button\n            part=\"trigger\"\n            class=${classMap(triggerClasses)}\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded=${this.open}\n            aria-haspopup=\"listbox\"\n            aria-label=${this.label || nothing}\n            ?disabled=${this.disabled}\n            @click=${this.handleTriggerClick}\n            @keydown=${this.handleTriggerKeyDown}\n            @focus=${this.handleFocus}\n            @blur=${this.handleBlur}\n          >\n            <span part=\"display\" class=\"select__display\">\n              ${this.displayText || this.placeholder || html`&nbsp;`}\n            </span>\n            <mz-icon class=\"select__chevron\" name=\"chevron-down\"></mz-icon>\n          </button>\n        </div>\n        ${this.open\n          ? html`\n              <div part=\"dropdown\" class=\"select__dropdown\" role=\"listbox\">\n                <slot @slotchange=${this.handleSlotChange}></slot>\n              </div>\n            `\n          : nothing}\n        ${hasHelpText\n          ? html`<span part=\"help-text\" class=\"form-control__help-text\">\n              ${this.helpText || html`<slot name=\"help-text\"></slot>`}\n            </span>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzSelect", "ManzanoElement", "HasSlotController", "e", "newValue", "options", "changed", "o", "display", "option", "isSelected", "enabledOptions", "char", "match", "direction", "next", "allOptions", "dropdown", "x", "y", "computePosition", "offset", "flip", "size", "availableHeight", "rects", "hasLabel", "hasHelpText", "triggerClasses", "b", "A", "select_styles_default", "MzIcon", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.WVHNPBIP.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.DIWGN6GE.js";e.define("mz-skeleton");
+//# sourceMappingURL=chunk.WVHNPBIP.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/skeleton/skeleton.ts"],
+  "sourcesContent": ["import { MzSkeleton } from './skeleton.component.js';\n\nexport * from './skeleton.component.js';\n\nMzSkeleton.define('mz-skeleton');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-skeleton': MzSkeleton;\n  }\n}\n"],
+  "mappings": "wCAIAA,EAAW,OAAO,aAAa",
+  "names": ["MzSkeleton"]
+}