@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.DM2ZBU7P.js

@@ -0,0 +1,75 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var t=o`
+  ${r}
+
+  :host {
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+
+  .pagination {
+    display: flex;
+    align-items: center;
+    gap: var(--mz-space-2xs);
+  }
+
+  .pagination__button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2rem;
+    height: 2rem;
+    padding: 0 var(--mz-space-xs);
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-md);
+    background: var(--mz-color-surface, #fff);
+    color: var(--mz-color-text);
+    font-family: inherit;
+    font-size: var(--mz-font-size-sm);
+    font-weight: var(--mz-font-weight-medium, 500);
+    cursor: pointer;
+    transition: all 150ms ease;
+    outline: none;
+  }
+
+  .pagination__button:hover:not(:disabled) {
+    background: var(--mz-color-surface-raised);
+    border-color: var(--mz-color-border);
+  }
+
+  .pagination__button:focus-visible {
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+  }
+
+  .pagination__button:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  .pagination__button--current {
+    background: var(--mz-color-primary);
+    border-color: var(--mz-color-primary);
+    color: #fff;
+  }
+
+  .pagination__button--current:hover:not(:disabled) {
+    background: var(--mz-color-primary);
+    border-color: var(--mz-color-primary);
+  }
+
+  .pagination__ellipsis {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2rem;
+    height: 2rem;
+    color: var(--mz-color-text-disabled);
+    font-size: var(--mz-font-size-sm);
+    user-select: none;
+  }
+
+  .pagination__button--prev svg,
+  .pagination__button--next svg {
+    display: block;
+  }
+`;export{t as a};
+//# sourceMappingURL=chunk.DM2ZBU7P.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/pagination/pagination.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--mz-space-2xs);\n  }\n\n  .pagination__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 2rem;\n    height: 2rem;\n    padding: 0 var(--mz-space-xs);\n    border: 1px solid var(--mz-color-border);\n    border-radius: var(--mz-radius-md);\n    background: var(--mz-color-surface, #fff);\n    color: var(--mz-color-text);\n    font-family: inherit;\n    font-size: var(--mz-font-size-sm);\n    font-weight: var(--mz-font-weight-medium, 500);\n    cursor: pointer;\n    transition: all 150ms ease;\n    outline: none;\n  }\n\n  .pagination__button:hover:not(:disabled) {\n    background: var(--mz-color-surface-raised);\n    border-color: var(--mz-color-border);\n  }\n\n  .pagination__button:focus-visible {\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);\n  }\n\n  .pagination__button:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n\n  .pagination__button--current {\n    background: var(--mz-color-primary);\n    border-color: var(--mz-color-primary);\n    color: #fff;\n  }\n\n  .pagination__button--current:hover:not(:disabled) {\n    background: var(--mz-color-primary);\n    border-color: var(--mz-color-primary);\n  }\n\n  .pagination__ellipsis {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 2rem;\n    height: 2rem;\n    color: var(--mz-color-text-disabled);\n    font-size: var(--mz-font-size-sm);\n    user-select: none;\n  }\n\n  .pagination__button--prev svg,\n  .pagination__button--next svg {\n    display: block;\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["pagination_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.DMN57XZC.js

@@ -0,0 +1,33 @@
+import{a as d}from"./chunk.ZQFSXFTQ.js";import{a as p}from"./chunk.X6MSTFXZ.js";import{a as s,b as h,d as i}from"./chunk.K3BKUERM.js";import{d as r,g as o}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends i{constructor(){super(...arguments);this.label="";this.helpText="";this.error="";this.required=!1;this.disabled=!1;this.size="medium";this.hasLabelSlot=!1;this.hasHelpTextSlot=!1;this.hasErrorSlot=!1}handleLabelSlotChange(l){let a=l.target;this.hasLabelSlot=a.assignedNodes({flatten:!0}).length>0}handleHelpTextSlotChange(l){let a=l.target;this.hasHelpTextSlot=a.assignedNodes({flatten:!0}).length>0}handleErrorSlotChange(l){let a=l.target;this.hasErrorSlot=a.assignedNodes({flatten:!0}).length>0}render(){let l=this.label||this.hasLabelSlot,a=this.helpText||this.hasHelpTextSlot,n=this.error||this.hasErrorSlot;return r`
+      <div
+        part="base"
+        class=${p({field:!0,"field--has-error":!!n,"field--disabled":this.disabled})}
+      >
+        ${l?r`
+              <div part="label" class="field__label">
+                <slot name="label" @slotchange=${this.handleLabelSlotChange}>
+                  ${this.label}
+                  ${this.required?r`<span class="field__required" aria-hidden="true">*</span>`:o}
+                </slot>
+              </div>
+            `:o}
+
+        <div part="control" class="field__control">
+          <slot></slot>
+        </div>
+
+        ${a&&!n?r`
+              <div part="help-text" class="field__help-text">
+                <slot name="help-text" @slotchange=${this.handleHelpTextSlotChange}
+                  >${this.helpText}</slot
+                >
+              </div>
+            `:o}
+        ${n?r`
+              <div part="error" class="field__error" role="alert">
+                <slot name="error" @slotchange=${this.handleErrorSlotChange}>${this.error}</slot>
+              </div>
+            `:o}
+      </div>
+    `}};e.styles=d,t([s()],e.prototype,"label",2),t([s({attribute:"help-text"})],e.prototype,"helpText",2),t([s()],e.prototype,"error",2),t([s({type:Boolean,reflect:!0})],e.prototype,"required",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({reflect:!0})],e.prototype,"size",2),t([h()],e.prototype,"hasLabelSlot",2),t([h()],e.prototype,"hasHelpTextSlot",2),t([h()],e.prototype,"hasErrorSlot",2);export{e as a};
+//# sourceMappingURL=chunk.DMN57XZC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/field/field.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './field.styles.js';\n\n/**\n * @summary A form field wrapper that groups a label, form control, help text, and error message.\n *\n * @slot - The form control.\n * @slot label - Custom label content. Overrides the `label` property.\n * @slot help-text - Custom help text content. Overrides the `helpText` property.\n * @slot error - Custom error content. Overrides the `error` property.\n *\n * @csspart base - The outer container element.\n * @csspart label - The label wrapper.\n * @csspart control - The control wrapper around the default slot.\n * @csspart help-text - The help text wrapper.\n * @csspart error - The error message wrapper.\n */\nexport class MzField extends ManzanoElement {\n  static override styles = styles;\n\n  /** The label text. */\n  @property() label = '';\n\n  /** Help/description text displayed below the control. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Error message text. When non-empty, the field shows an error state. */\n  @property() error = '';\n\n  /** Shows a required indicator on the label. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Visual disabled state. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The size of the field. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  @state() private hasLabelSlot = false;\n  @state() private hasHelpTextSlot = false;\n  @state() private hasErrorSlot = false;\n\n  private handleLabelSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.hasLabelSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  private handleHelpTextSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.hasHelpTextSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  private handleErrorSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.hasErrorSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  render() {\n    const hasLabel = this.label || this.hasLabelSlot;\n    const hasHelpText = this.helpText || this.hasHelpTextSlot;\n    const hasError = this.error || this.hasErrorSlot;\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          field: true,\n          'field--has-error': !!hasError,\n          'field--disabled': this.disabled\n        })}\n      >\n        ${hasLabel\n          ? html`\n              <div part=\"label\" class=\"field__label\">\n                <slot name=\"label\" @slotchange=${this.handleLabelSlotChange}>\n                  ${this.label}\n                  ${this.required\n                    ? html`<span class=\"field__required\" aria-hidden=\"true\">*</span>`\n                    : nothing}\n                </slot>\n              </div>\n            `\n          : nothing}\n\n        <div part=\"control\" class=\"field__control\">\n          <slot></slot>\n        </div>\n\n        ${hasHelpText && !hasError\n          ? html`\n              <div part=\"help-text\" class=\"field__help-text\">\n                <slot name=\"help-text\" @slotchange=${this.handleHelpTextSlotChange}\n                  >${this.helpText}</slot\n                >\n              </div>\n            `\n          : nothing}\n        ${hasError\n          ? html`\n              <div part=\"error\" class=\"field__error\" role=\"alert\">\n                <slot name=\"error\" @slotchange=${this.handleErrorSlotChange}>${this.error}</slot>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "6NAoBO,IAAMA,EAAN,cAAsBC,CAAe,CAArC,kCAIO,WAAQ,GAGkB,cAAW,GAGrC,WAAQ,GAGwB,cAAW,GAGX,cAAW,GAG1B,UAAqC,SAEzD,KAAQ,aAAe,GACvB,KAAQ,gBAAkB,GAC1B,KAAQ,aAAe,GAExB,sBAAsBC,EAAU,CACtC,IAAMC,EAAOD,EAAE,OACf,KAAK,aAAeC,EAAK,cAAc,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,CACrE,CAEQ,yBAAyBD,EAAU,CACzC,IAAMC,EAAOD,EAAE,OACf,KAAK,gBAAkBC,EAAK,cAAc,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,CACxE,CAEQ,sBAAsBD,EAAU,CACtC,IAAMC,EAAOD,EAAE,OACf,KAAK,aAAeC,EAAK,cAAc,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,CACrE,CAEA,QAAS,CACP,IAAMC,EAAW,KAAK,OAAS,KAAK,aAC9BC,EAAc,KAAK,UAAY,KAAK,gBACpCC,EAAW,KAAK,OAAS,KAAK,aAEpC,OAAOC;AAAA;AAAA;AAAA,gBAGKL,EAAS,CACf,MAAO,GACP,mBAAoB,CAAC,CAACI,EACtB,kBAAmB,KAAK,QAC1B,CAAC,CAAC;AAAA;AAAA,UAEAF,EACEG;AAAA;AAAA,iDAEqC,KAAK,qBAAqB;AAAA,oBACvD,KAAK,KAAK;AAAA,oBACV,KAAK,SACHA,6DACAC,CAAO;AAAA;AAAA;AAAA,cAIjBA,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMTH,GAAe,CAACC,EACdC;AAAA;AAAA,qDAEyC,KAAK,wBAAwB;AAAA,qBAC7D,KAAK,QAAQ;AAAA;AAAA;AAAA,cAItBC,CAAO;AAAA,UACTF,EACEC;AAAA;AAAA,iDAEqC,KAAK,qBAAqB,IAAI,KAAK,KAAK;AAAA;AAAA,cAG7EC,CAAO;AAAA;AAAA,KAGjB,CACF,EA1FaR,EACK,OAASS,EAGbC,EAAA,CAAXC,EAAS,GAJCX,EAIC,qBAG0BU,EAAA,CAArCC,EAAS,CAAE,UAAW,WAAY,CAAC,GAPzBX,EAO2B,wBAG1BU,EAAA,CAAXC,EAAS,GAVCX,EAUC,qBAGgCU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAb/BX,EAaiC,wBAGAU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhB/BX,EAgBiC,wBAGfU,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAnBhBX,EAmBkB,oBAEZU,EAAA,CAAhBE,EAAM,GArBIZ,EAqBM,4BACAU,EAAA,CAAhBE,EAAM,GAtBIZ,EAsBM,+BACAU,EAAA,CAAhBE,EAAM,GAvBIZ,EAuBM",
+  "names": ["MzField", "ManzanoElement", "e", "slot", "hasLabel", "hasHelpText", "hasError", "b", "A", "field_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.E3G6FBN5.js

@@ -0,0 +1,31 @@
+import{a as p}from"./chunk.PUGWU4QL.js";import{a,b as o,c as d,d as c}from"./chunk.K3BKUERM.js";import{d as h,g as r}from"./chunk.TO7F5R6A.js";import{a as l}from"./chunk.MGICPQBB.js";var s=class extends c{constructor(){super(...arguments);this.open=!1;this.placeholder="Type a command...";this.emptyText="No results found";this.query="";this.highlightedIndex=0;this._isTransitioning=!1;this._allItems=[]}async updated(e){e.has("open")&&!this._isTransitioning&&(this.open?await this._showDialog():e.get("open")===!0&&await this._hideDialog())}show(){this.open=!0}hide(){this.open=!1}async _showDialog(){this._isTransitioning=!0,this.dialogEl.showModal(),this.query="",this.highlightedIndex=0,this._applyFilter(),await this.updateComplete,requestAnimationFrame(()=>{this.shadowRoot.querySelector(".command__input")?.focus()}),this.emit("mz-command-open"),this._isTransitioning=!1}async _hideDialog(){this._isTransitioning=!0,this.dialogEl.close(),this.emit("mz-command-close"),this._isTransitioning=!1}getItems(){return this._allItems}get visibleItems(){let e=this.getItems();if(!this.query)return e;let t=this.query.toLowerCase();return e.filter(i=>(i.textContent?.toLowerCase()??"").includes(t))}filterItems(){this._applyFilter(),this.requestUpdate()}_applyFilter(){let e=this.getItems(),t=this.query.toLowerCase();e.forEach(i=>{if(!t)i.style.display="";else{let n=i.textContent?.toLowerCase()??"";i.style.display=n.includes(t)?"":"none"}})}updateHighlight(){let e=this.visibleItems;this.getItems().forEach(t=>t.classList.remove("command-highlighted")),e.length>0&&this.highlightedIndex<e.length&&(e[this.highlightedIndex].classList.add("command-highlighted"),e[this.highlightedIndex].scrollIntoView({block:"nearest"}))}handleSlotChange(e){let t=e.target;this._allItems=t.assignedElements({flatten:!0}).filter(i=>i instanceof HTMLElement),this.filterItems()}handleInput(e){this.query=e.target.value,this.highlightedIndex=0,this.filterItems()}handleKeydown(e){let t=this.visibleItems;switch(e.key){case"ArrowDown":e.preventDefault(),t.length>0&&(this.highlightedIndex=(this.highlightedIndex+1)%t.length,this.updateHighlight());break;case"ArrowUp":e.preventDefault(),t.length>0&&(this.highlightedIndex=(this.highlightedIndex-1+t.length)%t.length,this.updateHighlight());break;case"Enter":e.preventDefault(),t.length>0&&this.highlightedIndex<t.length&&this.selectItem(t[this.highlightedIndex]);break;case"Escape":e.preventDefault(),this.hide();break}}selectItem(e){let t=e.getAttribute("value")??e.textContent?.trim()??"";this.emit("mz-command-select",{detail:{value:t}}),this.hide()}handleDialogClick(e){e.target===e.currentTarget&&this.hide()}handleDialogClose(){this.open&&(this.open=!1,this.emit("mz-command-close"))}handleItemClick(e){let i=e.composedPath().find(n=>n instanceof HTMLElement&&this._allItems.includes(n));i&&this.selectItem(i)}render(){return h`
+      <dialog
+        part="dialog"
+        class="command__dialog"
+        @click=${this.handleDialogClick}
+        @close=${this.handleDialogClose}
+        @cancel=${e=>{e.preventDefault(),this.hide()}}
+      >
+        <div part="base" class="command">
+          <div part="search" class="command__search">
+            <svg class="command__search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
+            </svg>
+            <input
+              part="input"
+              class="command__input"
+              type="text"
+              placeholder=${this.placeholder}
+              .value=${this.query}
+              @input=${this.handleInput}
+              @keydown=${this.handleKeydown}
+            />
+          </div>
+          <div part="list" class="command__list" role="listbox" @click=${this.handleItemClick}>
+            <slot @slotchange=${this.handleSlotChange}></slot>
+            ${this.visibleItems.length===0&&this.query?h`<div class="command__empty" part="empty">${this.emptyText}</div>`:r}
+          </div>
+        </div>
+      </dialog>
+    `}};s.styles=p,l([d("dialog")],s.prototype,"dialogEl",2),l([a({type:Boolean,reflect:!0})],s.prototype,"open",2),l([a()],s.prototype,"placeholder",2),l([a({attribute:"empty-text"})],s.prototype,"emptyText",2),l([o()],s.prototype,"query",2),l([o()],s.prototype,"highlightedIndex",2);export{s as a};
+//# sourceMappingURL=chunk.E3G6FBN5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/command/command.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './command.styles.js';\n\n/**\n * @summary A command palette (Cmd+K / Ctrl+K) with search input, keyboard navigation, and grouped commands.\n *\n * @tag mz-command\n *\n * @slot - Command items (e.g. `mz-menu-item` elements or any element).\n *\n * @event mz-command-select - Emitted when a command is selected. Detail: `{ value: string }`.\n * @event mz-command-open - Emitted when the palette opens.\n * @event mz-command-close - Emitted when the palette closes.\n *\n * @csspart dialog - The native `<dialog>` element.\n * @csspart base - The command palette container.\n * @csspart search - The search area.\n * @csspart input - The search input.\n * @csspart list - The command list.\n * @csspart empty - The empty-state message.\n */\nexport class MzCommand extends ManzanoElement {\n  static styles = styles;\n\n  @query('dialog') private dialogEl!: HTMLDialogElement;\n\n  /** Whether the command palette is visible. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Search input placeholder. */\n  @property() placeholder = 'Type a command...';\n\n  /** Text shown when no results match. */\n  @property({ attribute: 'empty-text' }) emptyText = 'No results found';\n\n  @state() private query = '';\n  @state() private highlightedIndex = 0;\n\n  /** Guard to prevent re-entrant show/hide calls from updated(). */\n  private _isTransitioning = false;\n\n  /** Cached list of all slotted items. */\n  private _allItems: HTMLElement[] = [];\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open') && !this._isTransitioning) {\n      if (this.open) {\n        await this._showDialog();\n      } else if (changed.get('open') === true) {\n        await this._hideDialog();\n      }\n    }\n  }\n\n  /** Programmatically open the command palette. */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically close the command palette. */\n  hide(): void {\n    this.open = false;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Private helpers\n  // ---------------------------------------------------------------------------\n\n  private async _showDialog(): Promise<void> {\n    this._isTransitioning = true;\n    this.dialogEl.showModal();\n    this.query = '';\n    this.highlightedIndex = 0;\n    this._applyFilter();\n    // Focus the input after the dialog is visible\n    await this.updateComplete;\n    requestAnimationFrame(() => {\n      this.shadowRoot!.querySelector<HTMLInputElement>('.command__input')?.focus();\n    });\n    this.emit('mz-command-open');\n    this._isTransitioning = false;\n  }\n\n  private async _hideDialog(): Promise<void> {\n    this._isTransitioning = true;\n    this.dialogEl.close();\n    this.emit('mz-command-close');\n    this._isTransitioning = false;\n  }\n\n  /** Get all slotted items from the default slot. */\n  private getItems(): HTMLElement[] {\n    return this._allItems;\n  }\n\n  /** Return only items that match the current query. */\n  private get visibleItems(): HTMLElement[] {\n    const items = this.getItems();\n    if (!this.query) return items;\n    const q = this.query.toLowerCase();\n    return items.filter(item => {\n      const text = item.textContent?.toLowerCase() ?? '';\n      return text.includes(q);\n    });\n  }\n\n  /**\n   * Show/hide slotted items based on the query string and trigger a re-render.\n   * Use this from event handlers (not from updated()).\n   */\n  private filterItems(): void {\n    this._applyFilter();\n    this.requestUpdate();\n  }\n\n  /**\n   * Show/hide slotted items without triggering requestUpdate().\n   * Safe to call from updated() without causing the \"update scheduled during update\" warning.\n   */\n  private _applyFilter(): void {\n    const items = this.getItems();\n    const q = this.query.toLowerCase();\n    items.forEach(item => {\n      if (!q) {\n        item.style.display = '';\n      } else {\n        const text = item.textContent?.toLowerCase() ?? '';\n        item.style.display = text.includes(q) ? '' : 'none';\n      }\n    });\n  }\n\n  /** Update the highlighted class on items. */\n  private updateHighlight(): void {\n    const visible = this.visibleItems;\n    this.getItems().forEach(item => item.classList.remove('command-highlighted'));\n    if (visible.length > 0 && this.highlightedIndex < visible.length) {\n      visible[this.highlightedIndex].classList.add('command-highlighted');\n      visible[this.highlightedIndex].scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Event handlers\n  // ---------------------------------------------------------------------------\n\n  private handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._allItems = slot\n      .assignedElements({ flatten: true })\n      .filter((el): el is HTMLElement => el instanceof HTMLElement);\n    this.filterItems();\n  }\n\n  private handleInput(e: Event): void {\n    this.query = (e.target as HTMLInputElement).value;\n    this.highlightedIndex = 0;\n    this.filterItems();\n  }\n\n  private handleKeydown(e: KeyboardEvent): void {\n    const visible = this.visibleItems;\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (visible.length > 0) {\n          this.highlightedIndex = (this.highlightedIndex + 1) % visible.length;\n          this.updateHighlight();\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (visible.length > 0) {\n          this.highlightedIndex = (this.highlightedIndex - 1 + visible.length) % visible.length;\n          this.updateHighlight();\n        }\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (visible.length > 0 && this.highlightedIndex < visible.length) {\n          this.selectItem(visible[this.highlightedIndex]);\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.hide();\n        break;\n    }\n  }\n\n  private selectItem(item: HTMLElement): void {\n    const value = item.getAttribute('value') ?? item.textContent?.trim() ?? '';\n    this.emit('mz-command-select', { detail: { value } });\n    this.hide();\n  }\n\n  private handleDialogClick(e: Event): void {\n    if (e.target === e.currentTarget) {\n      this.hide();\n    }\n  }\n\n  private handleDialogClose(): void {\n    // Native dialog was closed (e.g. Escape key) \u2014 sync our state\n    if (this.open) {\n      this.open = false;\n      this.emit('mz-command-close');\n    }\n  }\n\n  private handleItemClick(e: Event): void {\n    const path = e.composedPath();\n    const item = path.find(\n      el => el instanceof HTMLElement && this._allItems.includes(el)\n    ) as HTMLElement | undefined;\n    if (item) {\n      this.selectItem(item);\n    }\n  }\n\n  render() {\n    return html`\n      <dialog\n        part=\"dialog\"\n        class=\"command__dialog\"\n        @click=${this.handleDialogClick}\n        @close=${this.handleDialogClose}\n        @cancel=${(e: Event) => {\n          e.preventDefault();\n          this.hide();\n        }}\n      >\n        <div part=\"base\" class=\"command\">\n          <div part=\"search\" class=\"command__search\">\n            <svg class=\"command__search-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>\n            </svg>\n            <input\n              part=\"input\"\n              class=\"command__input\"\n              type=\"text\"\n              placeholder=${this.placeholder}\n              .value=${this.query}\n              @input=${this.handleInput}\n              @keydown=${this.handleKeydown}\n            />\n          </div>\n          <div part=\"list\" class=\"command__list\" role=\"listbox\" @click=${this.handleItemClick}>\n            <slot @slotchange=${this.handleSlotChange}></slot>\n            ${this.visibleItems.length === 0 && this.query\n              ? html`<div class=\"command__empty\" part=\"empty\">${this.emptyText}</div>`\n              : nothing}\n          </div>\n        </div>\n      </dialog>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzCommand", "ManzanoElement", "changed", "items", "q", "item", "text", "visible", "slot", "el", "value", "b", "A", "command_styles_default", "__decorateClass", "e", "n", "r"]
+}

package/cdn/chunks/chunk.E47PPF6R.js

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

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

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

package/cdn/chunks/chunk.E5UMO637.js

@@ -0,0 +1,20 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var d=r`
+  ${o}
+
+  :host {
+    display: contents;
+  }
+
+  .context-menu__panel {
+    z-index: 9999;
+    min-width: 12rem;
+    max-width: 20rem;
+    background: var(--mz-color-surface, #fff);
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-lg);
+    box-shadow: var(--mz-shadow-lg);
+    padding: var(--mz-space-2xs) 0;
+    font-family: var(--mz-font-sans);
+  }
+`;export{d as a};
+//# sourceMappingURL=chunk.E5UMO637.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/context-menu/context-menu.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: contents;\n  }\n\n  .context-menu__panel {\n    z-index: 9999;\n    min-width: 12rem;\n    max-width: 20rem;\n    background: var(--mz-color-surface, #fff);\n    border: 1px solid var(--mz-color-border);\n    border-radius: var(--mz-radius-lg);\n    box-shadow: var(--mz-shadow-lg);\n    padding: var(--mz-space-2xs) 0;\n    font-family: var(--mz-font-sans);\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["context_menu_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.EFZH5QTT.js

@@ -0,0 +1,77 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var e=o`
+  ${r}
+
+  :host {
+    display: inline-block;
+  }
+
+  .copy-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-md);
+    background: var(--mz-color-surface, #fff);
+    color: var(--mz-color-text-secondary);
+    cursor: pointer;
+    padding: var(--mz-space-xs);
+    transition: all 150ms ease;
+    outline: none;
+  }
+
+  /* Sizes */
+  :host([size='sm']) .copy-button {
+    padding: var(--mz-space-2xs);
+  }
+  :host([size='sm']) .copy-button svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  :host([size='lg']) .copy-button {
+    padding: var(--mz-space-sm);
+  }
+  :host([size='lg']) .copy-button svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  .copy-button:hover:not(:disabled) {
+    color: var(--mz-color-text);
+    border-color: var(--mz-color-border);
+    background: var(--mz-color-surface-raised);
+  }
+
+  .copy-button:focus-visible {
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+  }
+
+  .copy-button:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  .copy-button--copied {
+    color: var(--mz-color-success);
+    border-color: color-mix(in srgb, var(--mz-color-success) 25%, transparent);
+    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));
+  }
+
+  .copy-button--copied:hover:not(:disabled) {
+    color: var(--mz-color-success);
+    border-color: color-mix(in srgb, var(--mz-color-success) 40%, transparent);
+    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));
+  }
+
+  .copy-button__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 0;
+  }
+
+  .copy-button__icon svg {
+    display: block;
+  }
+`;export{e as a};
+//# sourceMappingURL=chunk.EFZH5QTT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/copy-button/copy-button.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: inline-block;\n  }\n\n  .copy-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--mz-color-border);\n    border-radius: var(--mz-radius-md);\n    background: var(--mz-color-surface, #fff);\n    color: var(--mz-color-text-secondary);\n    cursor: pointer;\n    padding: var(--mz-space-xs);\n    transition: all 150ms ease;\n    outline: none;\n  }\n\n  /* Sizes */\n  :host([size='sm']) .copy-button {\n    padding: var(--mz-space-2xs);\n  }\n  :host([size='sm']) .copy-button svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  :host([size='lg']) .copy-button {\n    padding: var(--mz-space-sm);\n  }\n  :host([size='lg']) .copy-button svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .copy-button:hover:not(:disabled) {\n    color: var(--mz-color-text);\n    border-color: var(--mz-color-border);\n    background: var(--mz-color-surface-raised);\n  }\n\n  .copy-button:focus-visible {\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);\n  }\n\n  .copy-button:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n\n  .copy-button--copied {\n    color: var(--mz-color-success);\n    border-color: color-mix(in srgb, var(--mz-color-success) 25%, transparent);\n    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));\n  }\n\n  .copy-button--copied:hover:not(:disabled) {\n    color: var(--mz-color-success);\n    border-color: color-mix(in srgb, var(--mz-color-success) 40%, transparent);\n    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));\n  }\n\n  .copy-button__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n\n  .copy-button__icon svg {\n    display: block;\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["copy_button_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.EJA36CWW.js

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

package/cdn/chunks/chunk.EP7NKDRZ.js

@@ -0,0 +1,17 @@
+import{a as n}from"./chunk.QVGK6PLB.js";import{a as o}from"./chunk.X6MSTFXZ.js";import{a,b as l,d as f}from"./chunk.K3BKUERM.js";import{d as r}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends f{constructor(){super(...arguments);this.size="md";this.disabled=!1;this.hasPrefix=!1;this.hasSuffix=!1}handlePrefixSlotChange(s){let i=s.target;this.hasPrefix=i.assignedNodes({flatten:!0}).length>0}handleSuffixSlotChange(s){let i=s.target;this.hasSuffix=i.assignedNodes({flatten:!0}).length>0}render(){return r`
+      <div
+        class=${o({"input-group":!0,"input-group--has-prefix":this.hasPrefix,"input-group--has-suffix":this.hasSuffix,"input-group--disabled":this.disabled})}
+        part="base"
+      >
+        <div class="input-group__prefix" part="prefix" ?hidden=${!this.hasPrefix}>
+          <slot name="prefix" @slotchange=${this.handlePrefixSlotChange}></slot>
+        </div>
+        <div class="input-group__input">
+          <slot></slot>
+        </div>
+        <div class="input-group__suffix" part="suffix" ?hidden=${!this.hasSuffix}>
+          <slot name="suffix" @slotchange=${this.handleSuffixSlotChange}></slot>
+        </div>
+      </div>
+    `}};e.styles=n,t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l()],e.prototype,"hasPrefix",2),t([l()],e.prototype,"hasSuffix",2);export{e as a};
+//# sourceMappingURL=chunk.EP7NKDRZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input-group/input-group.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './input-group.styles.js';\n\n/**\n * @summary An input group that visually combines an input with prefix/suffix addons into a single cohesive unit.\n *\n * @slot - The input element (mz-input, mz-select, native input, etc.)\n * @slot prefix - Addon before the input (e.g., \"$\" text, icon, button)\n * @slot suffix - Addon after the input (e.g., \".com\" text, button)\n *\n * @csspart base - The container\n * @csspart prefix - The prefix area\n * @csspart suffix - The suffix area\n *\n * @cssproperty --mz-input-group-border-color - Border color of the group\n * @cssproperty --mz-input-group-border-radius - Border radius of the group\n */\nexport class MzInputGroup extends ManzanoElement {\n  static styles = styles;\n\n  /** The size of the input group. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Disables the input group visually. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() private hasPrefix = false;\n  @state() private hasSuffix = false;\n\n  private handlePrefixSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.hasPrefix = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  private handleSuffixSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.hasSuffix = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'input-group': true,\n          'input-group--has-prefix': this.hasPrefix,\n          'input-group--has-suffix': this.hasSuffix,\n          'input-group--disabled': this.disabled,\n        })}\n        part=\"base\"\n      >\n        <div class=\"input-group__prefix\" part=\"prefix\" ?hidden=${!this.hasPrefix}>\n          <slot name=\"prefix\" @slotchange=${this.handlePrefixSlotChange}></slot>\n        </div>\n        <div class=\"input-group__input\">\n          <slot></slot>\n        </div>\n        <div class=\"input-group__suffix\" part=\"suffix\" ?hidden=${!this.hasSuffix}>\n          <slot name=\"suffix\" @slotchange=${this.handleSuffixSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "iNAoBO,IAAMA,EAAN,cAA2BC,CAAe,CAA1C,kCAIwB,UAA2B,KAGZ,cAAW,GAE9C,KAAQ,UAAY,GACpB,KAAQ,UAAY,GAErB,uBAAuBC,EAAU,CACvC,IAAMC,EAAOD,EAAE,OACf,KAAK,UAAYC,EAAK,cAAc,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,CAClE,CAEQ,uBAAuBD,EAAU,CACvC,IAAMC,EAAOD,EAAE,OACf,KAAK,UAAYC,EAAK,cAAc,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,CAClE,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,gBAEKF,EAAS,CACf,cAAe,GACf,0BAA2B,KAAK,UAChC,0BAA2B,KAAK,UAChC,wBAAyB,KAAK,QAChC,CAAC,CAAC;AAAA;AAAA;AAAA,iEAGuD,CAAC,KAAK,SAAS;AAAA,4CACpC,KAAK,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,iEAKN,CAAC,KAAK,SAAS;AAAA,4CACpC,KAAK,sBAAsB;AAAA;AAAA;AAAA,KAIrE,CACF,EA7CaF,EACJ,OAASK,EAGaC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBP,EAIkB,oBAGeM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BP,EAOiC,wBAE3BM,EAAA,CAAhBE,EAAM,GATIR,EASM,yBACAM,EAAA,CAAhBE,EAAM,GAVIR,EAUM",
+  "names": ["MzInputGroup", "ManzanoElement", "e", "slot", "b", "input_group_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.EVDPFABE.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/nav-item/nav-item.ts"],
+  "sourcesContent": ["import { MzNavItem } from './nav-item.component.js';\n\nMzNavItem.define('mz-nav-item');\n\nexport { MzNavItem };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-nav-item': MzNavItem;\n  }\n}\n"],
+  "mappings": "wCAEAA,EAAU,OAAO,aAAa",
+  "names": ["MzNavItem"]
+}

package/cdn/chunks/chunk.FBBBADIH.js

@@ -0,0 +1,55 @@
+import{a as b}from"./chunk.AZO3LFBF.js";import{a as v}from"./chunk.X6MSTFXZ.js";import{a as n,b as p,d as w}from"./chunk.K3BKUERM.js";import{d as l,g as f}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var a=class extends w{constructor(){super();this.value="";this.placeholder="Select a date";this.min="";this.max="";this.disabled=!1;this.readonly=!1;this.size="medium";this.name="";this.firstDayOfWeek=0;this.locale="";this.isOpen=!1;this.blurTimeout=null;this.outsideClickHandler=e=>{this.contains(e.target)||this.hide()};let e=new Date;this.viewDate=new Date(e.getFullYear(),e.getMonth(),1)}willUpdate(e){if(e.has("value")&&this.value){let[i,t]=this.value.split("-").map(Number);i&&t&&(this.viewDate=new Date(i,t-1,1))}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.outsideClickHandler,!0),this.blurTimeout&&clearTimeout(this.blurTimeout)}show(){this.disabled||this.readonly||(this.isOpen=!0,document.addEventListener("click",this.outsideClickHandler,!0))}hide(){this.isOpen=!1,document.removeEventListener("click",this.outsideClickHandler,!0)}clear(){this.value="",this.emit("mz-clear")}get formattedValue(){if(!this.value)return"";let[e,i,t]=this.value.split("-").map(Number),r=new Date(e,i-1,t),o=this.locale||void 0;return new Intl.DateTimeFormat(o,{year:"numeric",month:"short",day:"numeric"}).format(r)}handleControlClick(e){e.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}handleBlur(){this.blurTimeout=setTimeout(()=>{this.isOpen&&this.hide()},150)}handleKeydown(e){e.key==="Escape"?(e.preventDefault(),this.hide()):e.key==="Enter"&&(e.preventDefault(),this.isOpen?this.hide():this.show())}handleCalendarClick(e){e.stopPropagation(),this.blurTimeout&&(clearTimeout(this.blurTimeout),this.blurTimeout=null)}prevMonth(){this.viewDate=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()-1,1)}nextMonth(){this.viewDate=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()+1,1)}formatDateString(e,i,t){return`${e}-${String(i+1).padStart(2,"0")}-${String(t).padStart(2,"0")}`}isToday(e,i,t){let r=new Date;return r.getFullYear()===e&&r.getMonth()===i&&r.getDate()===t}isDateDisabled(e){return!!(this.min&&e<this.min||this.max&&e>this.max)}selectDate(e){this.value=e,this.isOpen=!1,document.removeEventListener("click",this.outsideClickHandler,!0),this.emit("mz-change")}renderCalendarHeader(){return l`
+      <div class="date-picker__header">
+        <button type="button" class="date-picker__nav" @click=${this.prevMonth} aria-label="Previous month">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
+        </button>
+        <span class="date-picker__month-year">
+          ${this.viewDate.toLocaleDateString(this.locale||void 0,{month:"long",year:"numeric"})}
+        </span>
+        <button type="button" class="date-picker__nav" @click=${this.nextMonth} aria-label="Next month">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
+        </button>
+      </div>
+    `}renderWeekDays(){let e=[],i=this.locale||void 0;for(let t=0;t<7;t++){let r=(this.firstDayOfWeek+t)%7,o=new Date(2024,0,7+r);e.push(new Intl.DateTimeFormat(i,{weekday:"short"}).format(o))}return l`
+      <div class="date-picker__weekdays">
+        ${e.map(t=>l`<div class="date-picker__weekday">${t}</div>`)}
+      </div>
+    `}renderDays(){let e=this.viewDate.getFullYear(),i=this.viewDate.getMonth(),t=new Date(e,i,1),r=new Date(e,i+1,0),o=t.getDay()-this.firstDayOfWeek;o<0&&(o+=7);let m=r.getDate(),k=Math.ceil((o+m)/7)*7,h=[];for(let u=0;u<k;u++){let d=u-o+1;if(!(d>=1&&d<=m)){h.push(l`<div class="date-picker__day date-picker__day--outside"></div>`);continue}let c=this.formatDateString(e,i,d),g=c===this.value,D=this.isToday(e,i,d),y=this.isDateDisabled(c);h.push(l`
+        <button type="button"
+          class=${v({"date-picker__day":!0,"date-picker__day--selected":g,"date-picker__day--today":D,"date-picker__day--disabled":y})}
+          ?disabled=${y}
+          @click=${()=>this.selectDate(c)}>
+          ${d}
+        </button>
+      `)}return l`<div class="date-picker__days">${h}</div>`}render(){return l`
+      <div part="base" class=${v({"date-picker":!0,"date-picker--open":this.isOpen,"date-picker--disabled":this.disabled})}>
+        <div part="control" class="date-picker__control" @click=${this.handleControlClick}>
+          <input part="input" class="date-picker__input" type="text"
+            .value=${this.formattedValue}
+            placeholder=${this.placeholder}
+            ?disabled=${this.disabled}
+            ?readonly=${!0}
+            @focus=${()=>{}}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleKeydown}
+          />
+          <div class="date-picker__icon">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+              <line x1="16" y1="2" x2="16" y2="6"/>
+              <line x1="8" y1="2" x2="8" y2="6"/>
+              <line x1="3" y1="10" x2="21" y2="10"/>
+            </svg>
+          </div>
+        </div>
+
+        ${this.isOpen?l`
+          <div part="calendar" class="date-picker__calendar" @click=${this.handleCalendarClick}>
+            ${this.renderCalendarHeader()}
+            ${this.renderWeekDays()}
+            ${this.renderDays()}
+          </div>
+        `:f}
+      </div>
+    `}};a.styles=b,s([n()],a.prototype,"value",2),s([n()],a.prototype,"placeholder",2),s([n()],a.prototype,"min",2),s([n()],a.prototype,"max",2),s([n({type:Boolean,reflect:!0})],a.prototype,"disabled",2),s([n({type:Boolean,reflect:!0})],a.prototype,"readonly",2),s([n({reflect:!0})],a.prototype,"size",2),s([n()],a.prototype,"name",2),s([n({type:Number,attribute:"first-day-of-week"})],a.prototype,"firstDayOfWeek",2),s([n()],a.prototype,"locale",2),s([p()],a.prototype,"isOpen",2),s([p()],a.prototype,"viewDate",2);export{a};
+//# sourceMappingURL=chunk.FBBBADIH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/date-picker/date-picker.component.ts"],
+  "sourcesContent": ["import { html, nothing, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './date-picker.styles.js';\n\n/**\n * @summary A date picker with text input and calendar dropdown.\n *\n * @tag mz-date-picker\n *\n * @event mz-change - Emitted when a date is selected.\n * @event mz-clear - Emitted when the value is cleared.\n *\n * @csspart base - The component wrapper.\n * @csspart control - The input control wrapper.\n * @csspart input - The text input element.\n * @csspart calendar - The calendar dropdown panel.\n */\nexport class MzDatePicker extends ManzanoElement {\n  static styles = styles;\n\n  /** The selected date in YYYY-MM-DD format. */\n  @property() value = '';\n\n  /** Input placeholder text. */\n  @property() placeholder = 'Select a date';\n\n  /** Minimum selectable date in YYYY-MM-DD format. */\n  @property() min = '';\n\n  /** Maximum selectable date in YYYY-MM-DD format. */\n  @property() max = '';\n\n  /** Disables the date picker. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** The date picker's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Form name for the date picker. */\n  @property() name = '';\n\n  /** First day of the week (0 = Sunday, 1 = Monday, etc.). */\n  @property({ type: Number, attribute: 'first-day-of-week' }) firstDayOfWeek = 0;\n\n  /** Locale for date formatting. Uses browser default when empty. */\n  @property() locale = '';\n\n  @state() private isOpen = false;\n  @state() private viewDate: Date;\n\n  private blurTimeout: ReturnType<typeof setTimeout> | null = null;\n  private outsideClickHandler = (e: MouseEvent) => {\n    if (!this.contains(e.target as Node)) {\n      this.hide();\n    }\n  };\n\n  constructor() {\n    super();\n    const now = new Date();\n    this.viewDate = new Date(now.getFullYear(), now.getMonth(), 1);\n  }\n\n  willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('value') && this.value) {\n      const [y, m] = this.value.split('-').map(Number);\n      if (y && m) {\n        this.viewDate = new Date(y, m - 1, 1);\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.outsideClickHandler, true);\n    if (this.blurTimeout) {\n      clearTimeout(this.blurTimeout);\n    }\n  }\n\n  /** Opens the calendar dropdown. */\n  show(): void {\n    if (this.disabled || this.readonly) return;\n    this.isOpen = true;\n    document.addEventListener('click', this.outsideClickHandler, true);\n  }\n\n  /** Closes the calendar dropdown. */\n  hide(): void {\n    this.isOpen = false;\n    document.removeEventListener('click', this.outsideClickHandler, true);\n  }\n\n  /** Clears the selected value. */\n  clear(): void {\n    this.value = '';\n    this.emit('mz-clear');\n  }\n\n  private get formattedValue(): string {\n    if (!this.value) return '';\n    const [y, m, d] = this.value.split('-').map(Number);\n    const date = new Date(y, m - 1, d);\n    const locale = this.locale || undefined;\n    return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'short', day: 'numeric' }).format(date);\n  }\n\n  private handleControlClick(e: MouseEvent): void {\n    e.stopPropagation();\n    if (this.disabled || this.readonly) return;\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private handleBlur(): void {\n    this.blurTimeout = setTimeout(() => {\n      if (this.isOpen) {\n        this.hide();\n      }\n    }, 150);\n  }\n\n  private handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this.hide();\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.isOpen) {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n  }\n\n  private handleCalendarClick(e: MouseEvent): void {\n    // Prevent calendar clicks from bubbling to document (outside click handler)\n    e.stopPropagation();\n    // Also prevent the blur timeout from closing\n    if (this.blurTimeout) {\n      clearTimeout(this.blurTimeout);\n      this.blurTimeout = null;\n    }\n  }\n\n  private prevMonth(): void {\n    this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() - 1, 1);\n  }\n\n  private nextMonth(): void {\n    this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() + 1, 1);\n  }\n\n  private formatDateString(year: number, month: number, day: number): string {\n    return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n  }\n\n  private isToday(year: number, month: number, day: number): boolean {\n    const now = new Date();\n    return now.getFullYear() === year && now.getMonth() === month && now.getDate() === day;\n  }\n\n  private isDateDisabled(dateStr: string): boolean {\n    if (this.min && dateStr < this.min) return true;\n    if (this.max && dateStr > this.max) return true;\n    return false;\n  }\n\n  private selectDate(dateStr: string): void {\n    this.value = dateStr;\n    this.isOpen = false;\n    document.removeEventListener('click', this.outsideClickHandler, true);\n    this.emit('mz-change');\n  }\n\n  private renderCalendarHeader(): TemplateResult {\n    return html`\n      <div class=\"date-picker__header\">\n        <button type=\"button\" class=\"date-picker__nav\" @click=${this.prevMonth} aria-label=\"Previous month\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>\n        </button>\n        <span class=\"date-picker__month-year\">\n          ${this.viewDate.toLocaleDateString(this.locale || undefined, { month: 'long', year: 'numeric' })}\n        </span>\n        <button type=\"button\" class=\"date-picker__nav\" @click=${this.nextMonth} aria-label=\"Next month\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg>\n        </button>\n      </div>\n    `;\n  }\n\n  private renderWeekDays(): TemplateResult {\n    const days: string[] = [];\n    const locale = this.locale || undefined;\n    for (let i = 0; i < 7; i++) {\n      const dayIndex = (this.firstDayOfWeek + i) % 7;\n      // Jan 7 2024 is a Sunday (dayIndex 0)\n      const d = new Date(2024, 0, 7 + dayIndex);\n      days.push(new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(d));\n    }\n    return html`\n      <div class=\"date-picker__weekdays\">\n        ${days.map(d => html`<div class=\"date-picker__weekday\">${d}</div>`)}\n      </div>\n    `;\n  }\n\n  private renderDays(): TemplateResult {\n    const year = this.viewDate.getFullYear();\n    const month = this.viewDate.getMonth();\n\n    const firstOfMonth = new Date(year, month, 1);\n    const lastOfMonth = new Date(year, month + 1, 0);\n\n    // What day of week does the 1st fall on?\n    let startDay = firstOfMonth.getDay() - this.firstDayOfWeek;\n    if (startDay < 0) startDay += 7;\n\n    const daysInMonth = lastOfMonth.getDate();\n    const totalCells = Math.ceil((startDay + daysInMonth) / 7) * 7;\n\n    const cells: TemplateResult[] = [];\n\n    for (let i = 0; i < totalCells; i++) {\n      const dayNum = i - startDay + 1;\n      const isCurrentMonth = dayNum >= 1 && dayNum <= daysInMonth;\n\n      if (!isCurrentMonth) {\n        cells.push(html`<div class=\"date-picker__day date-picker__day--outside\"></div>`);\n        continue;\n      }\n\n      const dateStr = this.formatDateString(year, month, dayNum);\n      const isSelected = dateStr === this.value;\n      const isToday = this.isToday(year, month, dayNum);\n      const isDisabledDate = this.isDateDisabled(dateStr);\n\n      cells.push(html`\n        <button type=\"button\"\n          class=${classMap({\n            'date-picker__day': true,\n            'date-picker__day--selected': isSelected,\n            'date-picker__day--today': isToday,\n            'date-picker__day--disabled': isDisabledDate\n          })}\n          ?disabled=${isDisabledDate}\n          @click=${() => this.selectDate(dateStr)}>\n          ${dayNum}\n        </button>\n      `);\n    }\n\n    return html`<div class=\"date-picker__days\">${cells}</div>`;\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" class=${classMap({\n        'date-picker': true,\n        'date-picker--open': this.isOpen,\n        'date-picker--disabled': this.disabled\n      })}>\n        <div part=\"control\" class=\"date-picker__control\" @click=${this.handleControlClick}>\n          <input part=\"input\" class=\"date-picker__input\" type=\"text\"\n            .value=${this.formattedValue}\n            placeholder=${this.placeholder}\n            ?disabled=${this.disabled}\n            ?readonly=${true}\n            @focus=${() => {}}\n            @blur=${this.handleBlur}\n            @keydown=${this.handleKeydown}\n          />\n          <div class=\"date-picker__icon\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/>\n            </svg>\n          </div>\n        </div>\n\n        ${this.isOpen ? html`\n          <div part=\"calendar\" class=\"date-picker__calendar\" @click=${this.handleCalendarClick}>\n            ${this.renderCalendarHeader()}\n            ${this.renderWeekDays()}\n            ${this.renderDays()}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzDatePicker", "ManzanoElement", "now", "changed", "y", "m", "d", "date", "locale", "year", "month", "day", "dateStr", "b", "days", "i", "dayIndex", "firstOfMonth", "lastOfMonth", "startDay", "daysInMonth", "totalCells", "cells", "dayNum", "isSelected", "isToday", "isDisabledDate", "e", "A", "date_picker_styles_default", "__decorateClass", "r"]
+}

package/cdn/chunks/chunk.FN44NAFF.js

@@ -0,0 +1,75 @@
+import{a as e}from"./chunk.22OS67BO.js";import{a}from"./chunk.TO7F5R6A.js";var t=[e,a`
+    :host {
+      display: contents;
+    }
+
+    .alert-dialog {
+      border: none;
+      padding: 0;
+      background: transparent;
+      max-width: none;
+      max-height: none;
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+    }
+
+    .alert-dialog::backdrop {
+      background: rgb(28 25 21 / 0.5);
+    }
+
+    .alert-dialog__panel {
+      position: fixed;
+      inset: 0;
+      margin: auto;
+      display: flex;
+      flex-direction: column;
+      width: min(calc(100vw - var(--mz-space-xl) * 2), 28rem);
+      max-height: calc(100vh - var(--mz-space-xl) * 2);
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      border-radius: var(--mz-radius-xl);
+      box-shadow: var(--mz-shadow-xl);
+      z-index: var(--mz-z-modal, 1050);
+      overflow: hidden;
+      font-family: var(--mz-font-sans);
+    }
+
+    .alert-dialog__header {
+      padding: var(--mz-space-lg) var(--mz-space-lg) 0;
+    }
+
+    .alert-dialog__title {
+      margin: 0;
+      font-size: var(--mz-font-size-lg);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text);
+      line-height: 1.3;
+    }
+
+    .alert-dialog__body {
+      padding: var(--mz-space-sm) var(--mz-space-lg) var(--mz-space-lg);
+      font-size: var(--mz-font-size-sm);
+      color: var(--mz-color-text-secondary);
+      line-height: var(--mz-line-height-relaxed, 1.625);
+      overflow-y: auto;
+    }
+
+    .alert-dialog__footer {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: var(--mz-space-sm);
+      padding: 0 var(--mz-space-lg) var(--mz-space-lg);
+    }
+
+    /* Danger variant — tinted title */
+    :host([variant='danger']) .alert-dialog__title {
+      color: var(--mz-color-danger);
+    }
+
+    /* Warning variant — tinted title */
+    :host([variant='warning']) .alert-dialog__title {
+      color: var(--mz-color-warning);
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.FN44NAFF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert-dialog/alert-dialog.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    .alert-dialog {\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    .alert-dialog::backdrop {\n      background: rgb(28 25 21 / 0.5);\n    }\n\n    .alert-dialog__panel {\n      position: fixed;\n      inset: 0;\n      margin: auto;\n      display: flex;\n      flex-direction: column;\n      width: min(calc(100vw - var(--mz-space-xl) * 2), 28rem);\n      max-height: calc(100vh - var(--mz-space-xl) * 2);\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      border-radius: var(--mz-radius-xl);\n      box-shadow: var(--mz-shadow-xl);\n      z-index: var(--mz-z-modal, 1050);\n      overflow: hidden;\n      font-family: var(--mz-font-sans);\n    }\n\n    .alert-dialog__header {\n      padding: var(--mz-space-lg) var(--mz-space-lg) 0;\n    }\n\n    .alert-dialog__title {\n      margin: 0;\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n      line-height: 1.3;\n    }\n\n    .alert-dialog__body {\n      padding: var(--mz-space-sm) var(--mz-space-lg) var(--mz-space-lg);\n      font-size: var(--mz-font-size-sm);\n      color: var(--mz-color-text-secondary);\n      line-height: var(--mz-line-height-relaxed, 1.625);\n      overflow-y: auto;\n    }\n\n    .alert-dialog__footer {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: var(--mz-space-sm);\n      padding: 0 var(--mz-space-lg) var(--mz-space-lg);\n    }\n\n    /* Danger variant \u2014 tinted title */\n    :host([variant='danger']) .alert-dialog__title {\n      color: var(--mz-color-danger);\n    }\n\n    /* Warning variant \u2014 tinted title */\n    :host([variant='warning']) .alert-dialog__title {\n      color: var(--mz-color-warning);\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,GA0EF",
+  "names": ["alert_dialog_styles_default", "component_styles_default", "i"]
+}