@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.53WN4SJX.js

@@ -0,0 +1,150 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var a=[r,o`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+        position: relative;
+      }
+
+      .combobox {
+        position: relative;
+        font-family: var(--mz-font-sans);
+      }
+
+      .combobox__control {
+        display: flex;
+        align-items: center;
+        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);
+        border-radius: var(--_radius, var(--mz-input-border-radius));
+        background: var(--mz-input-bg, var(--mz-color-surface));
+        cursor: text;
+        transition:
+          border-color var(--mz-transition-fast),
+          box-shadow var(--mz-transition-fast);
+      }
+
+      .combobox__control:hover {
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .combobox--focused .combobox__control,
+      .combobox--open .combobox__control {
+        border-color: var(--mz-color-primary);
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+
+      .combobox--disabled .combobox__control {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .combobox__input {
+        flex: 1;
+        min-width: 0;
+        border: none;
+        background: transparent;
+        font-family: inherit;
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-normal);
+        color: var(--mz-color-text);
+        height: var(--_height);
+        padding: 0 var(--_padding-inline);
+        outline: none;
+      }
+
+      .combobox__input::placeholder {
+        color: var(--mz-color-text-disabled);
+      }
+
+      .combobox__input:disabled {
+        cursor: not-allowed;
+      }
+
+      .combobox__clear {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: none;
+        background: none;
+        color: var(--mz-color-text-secondary);
+        cursor: pointer;
+        padding: var(--mz-space-xs);
+        transition: color var(--mz-transition-fast);
+      }
+
+      .combobox__clear:hover {
+        color: var(--mz-color-text);
+      }
+
+      .combobox__chevron {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        padding: 0 var(--mz-space-sm);
+        color: var(--mz-color-text-secondary);
+        transition: transform var(--mz-transition-fast);
+      }
+
+      .combobox--open .combobox__chevron {
+        transform: rotate(180deg);
+      }
+
+      .combobox__listbox {
+        position: absolute;
+        top: calc(100% + var(--mz-space-2xs, 4px));
+        left: 0;
+        right: 0;
+        max-height: 15rem;
+        overflow-y: auto;
+        background: var(--mz-color-surface);
+        border: var(--mz-border-width-sm) solid var(--mz-color-border);
+        border-radius: var(--mz-radius-md);
+        box-shadow: var(--mz-shadow-lg);
+        z-index: 1000;
+        padding: var(--mz-space-2xs);
+      }
+
+      .combobox__empty {
+        padding: var(--mz-space-md);
+        text-align: center;
+        color: var(--mz-color-text-secondary);
+        font-size: var(--_font-size);
+      }
+
+      /* Highlighted option */
+      ::slotted(.combobox-highlighted) {
+        background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface)) !important;
+      }
+    }
+
+    @layer sizes {
+      :host([size='small']) {
+        --_height: var(--mz-input-height-sm);
+        --_font-size: var(--mz-input-font-size-sm);
+        --_padding-inline: var(--mz-space-sm);
+      }
+
+      :host([size='medium']),
+      :host(:not([size])) {
+        --_height: var(--mz-input-height-md);
+        --_font-size: var(--mz-input-font-size-md);
+        --_padding-inline: var(--mz-space-md);
+      }
+
+      :host([size='large']) {
+        --_height: var(--mz-input-height-lg);
+        --_font-size: var(--mz-input-font-size-lg);
+        --_padding-inline: var(--mz-space-md);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .combobox__control {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.53WN4SJX.js.map

package/cdn/chunks/chunk.53WN4SJX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.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: block;\n        position: relative;\n      }\n\n      .combobox {\n        position: relative;\n        font-family: var(--mz-font-sans);\n      }\n\n      .combobox__control {\n        display: flex;\n        align-items: center;\n        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);\n        border-radius: var(--_radius, var(--mz-input-border-radius));\n        background: var(--mz-input-bg, var(--mz-color-surface));\n        cursor: text;\n        transition:\n          border-color var(--mz-transition-fast),\n          box-shadow var(--mz-transition-fast);\n      }\n\n      .combobox__control:hover {\n        border-color: var(--mz-color-border-hover);\n      }\n\n      .combobox--focused .combobox__control,\n      .combobox--open .combobox__control {\n        border-color: var(--mz-color-primary);\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n\n      .combobox--disabled .combobox__control {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      .combobox__input {\n        flex: 1;\n        min-width: 0;\n        border: none;\n        background: transparent;\n        font-family: inherit;\n        font-size: var(--_font-size);\n        line-height: var(--mz-line-height-normal);\n        color: var(--mz-color-text);\n        height: var(--_height);\n        padding: 0 var(--_padding-inline);\n        outline: none;\n      }\n\n      .combobox__input::placeholder {\n        color: var(--mz-color-text-disabled);\n      }\n\n      .combobox__input:disabled {\n        cursor: not-allowed;\n      }\n\n      .combobox__clear {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: none;\n        background: none;\n        color: var(--mz-color-text-secondary);\n        cursor: pointer;\n        padding: var(--mz-space-xs);\n        transition: color var(--mz-transition-fast);\n      }\n\n      .combobox__clear:hover {\n        color: var(--mz-color-text);\n      }\n\n      .combobox__chevron {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n        padding: 0 var(--mz-space-sm);\n        color: var(--mz-color-text-secondary);\n        transition: transform var(--mz-transition-fast);\n      }\n\n      .combobox--open .combobox__chevron {\n        transform: rotate(180deg);\n      }\n\n      .combobox__listbox {\n        position: absolute;\n        top: calc(100% + var(--mz-space-2xs, 4px));\n        left: 0;\n        right: 0;\n        max-height: 15rem;\n        overflow-y: auto;\n        background: var(--mz-color-surface);\n        border: var(--mz-border-width-sm) solid var(--mz-color-border);\n        border-radius: var(--mz-radius-md);\n        box-shadow: var(--mz-shadow-lg);\n        z-index: 1000;\n        padding: var(--mz-space-2xs);\n      }\n\n      .combobox__empty {\n        padding: var(--mz-space-md);\n        text-align: center;\n        color: var(--mz-color-text-secondary);\n        font-size: var(--_font-size);\n      }\n\n      /* Highlighted option */\n      ::slotted(.combobox-highlighted) {\n        background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface)) !important;\n      }\n    }\n\n    @layer sizes {\n      :host([size='small']) {\n        --_height: var(--mz-input-height-sm);\n        --_font-size: var(--mz-input-font-size-sm);\n        --_padding-inline: var(--mz-space-sm);\n      }\n\n      :host([size='medium']),\n      :host(:not([size])) {\n        --_height: var(--mz-input-height-md);\n        --_font-size: var(--mz-input-font-size-md);\n        --_padding-inline: var(--mz-space-md);\n      }\n\n      :host([size='large']) {\n        --_height: var(--mz-input-height-lg);\n        --_font-size: var(--mz-input-font-size-lg);\n        --_padding-inline: var(--mz-space-md);\n      }\n    }\n\n    @layer states {\n      :host([disabled]) .combobox__control {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqJF",
+  "names": ["combobox_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.53ZHCWZX.js

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

package/cdn/chunks/chunk.54M75VJZ.js

@@ -0,0 +1,22 @@
+import{a as v}from"./chunk.QI2K23UY.js";import{a,b as c,d as m}from"./chunk.K3BKUERM.js";import{d as r,g as p}from"./chunk.TO7F5R6A.js";import{a as i}from"./chunk.MGICPQBB.js";var o=class extends m{constructor(){super(...arguments);this.length=6;this.value="";this.disabled=!1;this.mask=!1;this.size="medium";this.inputMode="numeric";this.slots=[]}willUpdate(e){(e.has("length")||e.has("value"))&&(this.slots=Array.from({length:this.length},(t,s)=>this.value[s]??""))}handleInput(e,t){let l=e.target.value.slice(-1),n=[...this.slots];n[t]=l,this.slots=n,this.value=n.join(""),this.emit("mz-change"),l&&t<this.length-1&&this.shadowRoot.querySelectorAll(".input-otp__slot")[t+1]?.focus(),this.value.length===this.length&&!this.value.includes("")&&this.emit("mz-complete",{detail:{value:this.value}})}handleKeydown(e,t){let s=this.shadowRoot.querySelectorAll(".input-otp__slot");if(e.key==="Backspace"&&!this.slots[t]&&t>0){e.preventDefault();let l=[...this.slots];l[t-1]="",this.slots=l,this.value=l.join(""),s[t-1]?.focus(),this.emit("mz-change")}if(e.key==="ArrowLeft"&&t>0&&(e.preventDefault(),s[t-1]?.focus()),e.key==="ArrowRight"&&t<this.length-1&&(e.preventDefault(),s[t+1]?.focus()),e.key==="Delete"){e.preventDefault();let l=[...this.slots];l[t]="",this.slots=l,this.value=l.join(""),this.emit("mz-change")}}handlePaste(e,t){e.preventDefault();let l=(e.clipboardData?.getData("text")??"").split("").slice(0,this.length-t),n=[...this.slots];l.forEach((f,u)=>{t+u<this.length&&(n[t+u]=f)}),this.slots=n,this.value=n.join("");let h=this.shadowRoot.querySelectorAll(".input-otp__slot"),d=Math.min(t+l.length,this.length-1);h[d]?.focus(),this.emit("mz-change"),this.value.length===this.length&&this.emit("mz-complete",{detail:{value:this.value}})}handleFocus(e,t){this.shadowRoot.querySelectorAll(".input-otp__slot")[t]?.select()}render(){return r`
+      <div part="base" class="input-otp" role="group" aria-label="One-time password">
+        ${this.slots.map((e,t)=>r`
+            ${this.separator!=null&&t===this.separator?r`<div class="input-otp__separator" part="separator">&ndash;</div>`:p}
+            <input
+              part="slot"
+              class="input-otp__slot"
+              type=${this.mask?"password":"text"}
+              inputmode=${this.inputMode}
+              maxlength="1"
+              .value=${e}
+              ?disabled=${this.disabled}
+              aria-label="Digit ${t+1} of ${this.length}"
+              @input=${s=>this.handleInput(s,t)}
+              @keydown=${s=>this.handleKeydown(s,t)}
+              @paste=${s=>this.handlePaste(s,t)}
+              @focus=${s=>this.handleFocus(s,t)}
+            />
+          `)}
+      </div>
+    `}};o.styles=v,i([a({type:Number,reflect:!0})],o.prototype,"length",2),i([a()],o.prototype,"value",2),i([a({type:Boolean,reflect:!0})],o.prototype,"disabled",2),i([a({type:Boolean,reflect:!0})],o.prototype,"mask",2),i([a({reflect:!0})],o.prototype,"size",2),i([a({type:Number})],o.prototype,"separator",2),i([a({attribute:"input-mode"})],o.prototype,"inputMode",2),i([c()],o.prototype,"slots",2);export{o as a};
+//# sourceMappingURL=chunk.54M75VJZ.js.map

package/cdn/chunks/chunk.54M75VJZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input-otp/input-otp.component.ts"],
+  "sourcesContent": ["import { html, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './input-otp.styles.js';\n\n/**\n * @summary A one-time password / PIN code input with individual character slots.\n *\n * @tag mz-input-otp\n *\n * @event mz-change - Emitted when the value changes.\n * @event mz-complete - Emitted when all slots are filled. Detail: `{ value: string }`\n *\n * @csspart base - The container element.\n * @csspart slot - An individual input slot.\n * @csspart separator - The visual separator element.\n */\nexport class MzInputOtp extends ManzanoElement {\n  static override styles = styles;\n\n  /** Number of input slots. */\n  @property({ type: Number, reflect: true }) length = 6;\n\n  /** Current value. */\n  @property() value = '';\n\n  /** Whether the input is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Whether to mask input like a password. */\n  @property({ type: Boolean, reflect: true }) mask = false;\n\n  /** Size variant. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Position to show a visual separator (e.g. 3 for a 6-digit OTP shows separator after 3rd slot). */\n  @property({ type: Number }) separator: number | undefined;\n\n  /** Input mode for mobile keyboards. */\n  @property({ attribute: 'input-mode' }) inputMode: 'numeric' | 'text' = 'numeric';\n\n  /** Internal array of individual character values. */\n  @state() private slots: string[] = [];\n\n  override willUpdate(changedProps: PropertyValues) {\n    if (changedProps.has('length') || changedProps.has('value')) {\n      this.slots = Array.from({ length: this.length }, (_, i) => this.value[i] ?? '');\n    }\n  }\n\n  private handleInput(e: InputEvent, index: number) {\n    const input = e.target as HTMLInputElement;\n    const char = input.value.slice(-1); // take last character only\n\n    const newSlots = [...this.slots];\n    newSlots[index] = char;\n    this.slots = newSlots;\n    this.value = newSlots.join('');\n\n    this.emit('mz-change');\n\n    // Auto-advance to next slot\n    if (char && index < this.length - 1) {\n      const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n      inputs[index + 1]?.focus();\n    }\n\n    // Check if complete\n    if (this.value.length === this.length && !this.value.includes('')) {\n      this.emit('mz-complete', { detail: { value: this.value } });\n    }\n  }\n\n  private handleKeydown(e: KeyboardEvent, index: number) {\n    const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n\n    if (e.key === 'Backspace') {\n      if (!this.slots[index] && index > 0) {\n        e.preventDefault();\n        const newSlots = [...this.slots];\n        newSlots[index - 1] = '';\n        this.slots = newSlots;\n        this.value = newSlots.join('');\n        inputs[index - 1]?.focus();\n        this.emit('mz-change');\n      }\n    }\n\n    if (e.key === 'ArrowLeft' && index > 0) {\n      e.preventDefault();\n      inputs[index - 1]?.focus();\n    }\n\n    if (e.key === 'ArrowRight' && index < this.length - 1) {\n      e.preventDefault();\n      inputs[index + 1]?.focus();\n    }\n\n    if (e.key === 'Delete') {\n      e.preventDefault();\n      const newSlots = [...this.slots];\n      newSlots[index] = '';\n      this.slots = newSlots;\n      this.value = newSlots.join('');\n      this.emit('mz-change');\n    }\n  }\n\n  private handlePaste(e: ClipboardEvent, index: number) {\n    e.preventDefault();\n    const pasted = e.clipboardData?.getData('text') ?? '';\n    const chars = pasted.split('').slice(0, this.length - index);\n\n    const newSlots = [...this.slots];\n    chars.forEach((char, i) => {\n      if (index + i < this.length) {\n        newSlots[index + i] = char;\n      }\n    });\n    this.slots = newSlots;\n    this.value = newSlots.join('');\n\n    // Focus last filled slot or next empty\n    const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n    const focusIndex = Math.min(index + chars.length, this.length - 1);\n    inputs[focusIndex]?.focus();\n\n    this.emit('mz-change');\n\n    if (this.value.length === this.length) {\n      this.emit('mz-complete', { detail: { value: this.value } });\n    }\n  }\n\n  private handleFocus(_e: FocusEvent, index: number) {\n    // Select the content of the focused input for easy replacement\n    const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n    inputs[index]?.select();\n  }\n\n  override render() {\n    return html`\n      <div part=\"base\" class=\"input-otp\" role=\"group\" aria-label=\"One-time password\">\n        ${this.slots.map(\n          (char, i) => html`\n            ${this.separator != null && i === this.separator\n              ? html`<div class=\"input-otp__separator\" part=\"separator\">&ndash;</div>`\n              : nothing}\n            <input\n              part=\"slot\"\n              class=\"input-otp__slot\"\n              type=${this.mask ? 'password' : 'text'}\n              inputmode=${this.inputMode}\n              maxlength=\"1\"\n              .value=${char}\n              ?disabled=${this.disabled}\n              aria-label=\"Digit ${i + 1} of ${this.length}\"\n              @input=${(e: InputEvent) => this.handleInput(e, i)}\n              @keydown=${(e: KeyboardEvent) => this.handleKeydown(e, i)}\n              @paste=${(e: ClipboardEvent) => this.handlePaste(e, i)}\n              @focus=${(e: FocusEvent) => this.handleFocus(e, i)}\n            />\n          `\n        )}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzInputOtp", "ManzanoElement", "changedProps", "_", "i", "index", "char", "newSlots", "inputs", "chars", "focusIndex", "_e", "b", "A", "e", "input_otp_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.55LJPS2M.js

@@ -0,0 +1,6 @@
+import{a as c}from"./chunk.PLP2TIVC.js";import{a,d as g}from"./chunk.K3BKUERM.js";import{d as n}from"./chunk.TO7F5R6A.js";import{a as i}from"./chunk.MGICPQBB.js";var t=class extends g{constructor(){super(...arguments);this.value="";this.multiple=!1;this.size="md";this.disabled=!1;this.handleToggle=r=>{r.stopPropagation();let e=r.target,o=e.value;if(this.multiple){let s=Array.isArray(this.value)?[...this.value]:[];if(e.pressed)s.includes(o)||s.push(o);else{let l=s.indexOf(o);l>=0&&s.splice(l,1)}this.value=s}else this.getToggles().forEach(l=>{l!==e&&(l.pressed=!1)}),this.value=e.pressed?o:"";this.emit("mz-change",{detail:{value:this.value}})}}connectedCallback(){super.connectedCallback(),this.addEventListener("mz-toggle",this.handleToggle)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("mz-toggle",this.handleToggle)}handleSlotChange(){this.syncChildProps()}syncChildProps(){this.getToggles().forEach(e=>{this.size&&(e.size=this.size),this.disabled&&(e.disabled=!0)})}getToggles(){return[...this.querySelectorAll("mz-toggle")]}render(){return n`
+      <div class="toggle-group" role="group" part="base">
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};t.styles=c,i([a({attribute:!1})],t.prototype,"value",2),i([a({type:Boolean})],t.prototype,"multiple",2),i([a({reflect:!0})],t.prototype,"size",2),i([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2);export{t as a};
+//# sourceMappingURL=chunk.55LJPS2M.js.map

package/cdn/chunks/chunk.55LJPS2M.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toggle-group/toggle-group.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport type { MzToggle } from '../toggle/toggle.component.js';\nimport styles from './toggle-group.styles.js';\n\n/**\n * @summary A container that manages toggle selection \u2014 single or multiple.\n *\n * @tag mz-toggle-group\n *\n * @slot - The toggle buttons (mz-toggle elements).\n *\n * @csspart base - The toggle group wrapper.\n *\n * @event mz-change - Emitted when the selection changes. Detail: `{ value: string | string[] }`.\n */\nexport class MzToggleGroup extends ManzanoElement {\n  static styles = styles;\n\n  /** The currently selected value(s). String for single mode, string[] for multiple mode. */\n  @property({ attribute: false }) value: string | string[] = '';\n\n  /** Allow multiple toggles to be pressed simultaneously. */\n  @property({ type: Boolean }) multiple = false;\n\n  /** The size to apply to child toggles. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Disables the entire toggle group. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('mz-toggle', this.handleToggle as EventListener);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('mz-toggle', this.handleToggle as EventListener);\n  }\n\n  private handleToggle = (e: CustomEvent) => {\n    e.stopPropagation();\n    const toggleEl = e.target as MzToggle;\n    const toggleValue = toggleEl.value;\n\n    if (this.multiple) {\n      const current = Array.isArray(this.value) ? [...this.value] : [];\n      if (toggleEl.pressed) {\n        if (!current.includes(toggleValue)) current.push(toggleValue);\n      } else {\n        const idx = current.indexOf(toggleValue);\n        if (idx >= 0) current.splice(idx, 1);\n      }\n      this.value = current;\n    } else {\n      // Single select \u2014 deselect others\n      const items = this.getToggles();\n      items.forEach(item => {\n        if (item !== toggleEl) {\n          item.pressed = false;\n        }\n      });\n      this.value = toggleEl.pressed ? toggleValue : '';\n    }\n\n    this.emit('mz-change', { detail: { value: this.value } });\n  };\n\n  private handleSlotChange() {\n    this.syncChildProps();\n  }\n\n  /** Sync size and disabled to child toggles. */\n  private syncChildProps() {\n    const items = this.getToggles();\n    items.forEach(item => {\n      if (this.size) item.size = this.size;\n      if (this.disabled) item.disabled = true;\n    });\n  }\n\n  private getToggles(): MzToggle[] {\n    return [...this.querySelectorAll('mz-toggle')] as MzToggle[];\n  }\n\n  render() {\n    return html`\n      <div class=\"toggle-group\" role=\"group\" part=\"base\">\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "kKAiBO,IAAMA,EAAN,cAA4BC,CAAe,CAA3C,kCAI2B,WAA2B,GAG9B,cAAW,GAGX,UAA2B,KAGZ,cAAW,GAYvD,KAAQ,aAAgBC,GAAmB,CACzCA,EAAE,gBAAgB,EAClB,IAAMC,EAAWD,EAAE,OACbE,EAAcD,EAAS,MAE7B,GAAI,KAAK,SAAU,CACjB,IAAME,EAAU,MAAM,QAAQ,KAAK,KAAK,EAAI,CAAC,GAAG,KAAK,KAAK,EAAI,CAAC,EAC/D,GAAIF,EAAS,QACNE,EAAQ,SAASD,CAAW,GAAGC,EAAQ,KAAKD,CAAW,MACvD,CACL,IAAME,EAAMD,EAAQ,QAAQD,CAAW,EACnCE,GAAO,GAAGD,EAAQ,OAAOC,EAAK,CAAC,CACrC,CACA,KAAK,MAAQD,CACf,MAEgB,KAAK,WAAW,EACxB,QAAQE,GAAQ,CAChBA,IAASJ,IACXI,EAAK,QAAU,GAEnB,CAAC,EACD,KAAK,MAAQJ,EAAS,QAAUC,EAAc,GAGhD,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,MAAO,KAAK,KAAM,CAAE,CAAC,CAC1D,EApCA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,iBAAiB,YAAa,KAAK,YAA6B,CACvE,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,oBAAoB,YAAa,KAAK,YAA6B,CAC1E,CA8BQ,kBAAmB,CACzB,KAAK,eAAe,CACtB,CAGQ,gBAAiB,CACT,KAAK,WAAW,EACxB,QAAQG,GAAQ,CAChB,KAAK,OAAMA,EAAK,KAAO,KAAK,MAC5B,KAAK,WAAUA,EAAK,SAAW,GACrC,CAAC,CACH,CAEQ,YAAyB,CAC/B,MAAO,CAAC,GAAG,KAAK,iBAAiB,WAAW,CAAC,CAC/C,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,4BAEiB,KAAK,gBAAgB;AAAA;AAAA,KAG/C,CACF,EA7EaR,EACJ,OAASS,EAGgBC,EAAA,CAA/BC,EAAS,CAAE,UAAW,EAAM,CAAC,GAJnBX,EAIqB,qBAGHU,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAPhBX,EAOkB,wBAGAU,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAVhBX,EAUkB,oBAGeU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAb/BX,EAaiC",
+  "names": ["MzToggleGroup", "ManzanoElement", "e", "toggleEl", "toggleValue", "current", "idx", "item", "b", "toggle_group_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.57SLUF4P.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as t}from"./chunk.TO7F5R6A.js";var s=[o,t`
+    :host {
+      display: inline-flex;
+    }
+
+    .button-group {
+      display: flex;
+    }
+
+    /* Remove right radius from all but the last button */
+    ::slotted(mz-button:not(:last-of-type)) {
+      --mz-button-radius-end: 0;
+    }
+
+    /* Remove left radius from all but the first button */
+    ::slotted(mz-button:not(:first-of-type)) {
+      --mz-button-radius-start: 0;
+    }
+
+    /* Collapse borders between buttons */
+    ::slotted(mz-button:not(:first-of-type)) {
+      margin-inline-start: calc(-1 * var(--mz-border-width-sm));
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.57SLUF4P.js.map

package/cdn/chunks/chunk.5G3G4VTW.js

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

package/cdn/chunks/chunk.5J2B3N4R.js

@@ -0,0 +1,34 @@
+import{a as e}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var a=[e,r`
+    :host {
+      --_size: var(--mz-spinner-size, 1em);
+      --_track-width: var(--mz-spinner-track-width, 2px);
+      --_track-color: var(--mz-spinner-track-color, var(--mz-color-border, #e5e7eb));
+      --_indicator-color: var(--mz-spinner-indicator-color, var(--mz-color-primary, #2563eb));
+      --_speed: var(--mz-spinner-speed, 750ms);
+
+      display: inline-flex;
+      width: var(--_size);
+      height: var(--_size);
+      flex: none;
+    }
+
+    .spinner {
+      flex: 1 1 auto;
+      border-radius: var(--mz-radius-circle, 50%);
+      border: solid var(--_track-width) var(--_track-color);
+      border-block-start-color: var(--_indicator-color);
+      animation: spin var(--_speed) linear infinite;
+    }
+
+    @keyframes spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .spinner {
+        animation-duration: 1500ms;
+      }
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.5J2B3N4R.js.map

package/cdn/chunks/chunk.5SUNUKVW.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.TO7F5R6A.js";var t=o`
+  .form-control {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mz-space-2xs);
+  }
+
+  .form-control__label {
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    font-weight: var(--mz-font-weight-medium);
+    color: var(--mz-color-text);
+  }
+
+  .form-control__help-text {
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text-secondary);
+  }
+
+  :host([data-user-invalid]) .form-control__help-text {
+    color: var(--mz-color-danger);
+  }
+`;export{t as a};
+//# sourceMappingURL=chunk.5SUNUKVW.js.map

package/cdn/chunks/chunk.5TV4T36L.js

@@ -0,0 +1,107 @@
+import{a as e}from"./chunk.5SUNUKVW.js";import{a as r}from"./chunk.22OS67BO.js";import{a as t}from"./chunk.TO7F5R6A.js";var o=[r,e,t`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .switch {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--mz-space-xs);
+        cursor: pointer;
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size, var(--mz-font-size-md));
+        line-height: var(--mz-line-height-normal);
+        color: var(--mz-color-text);
+      }
+
+      .switch__track {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        flex-shrink: 0;
+        width: var(--_track-width, 2.5rem);
+        height: var(--_track-height, 1.5rem);
+        border-radius: var(--mz-radius-pill);
+        background: var(--mz-color-border);
+        transition: background var(--mz-transition-fast);
+      }
+
+      .switch__track--checked {
+        background: var(--mz-switch-color, var(--mz-color-primary));
+      }
+
+      .switch__thumb {
+        position: absolute;
+        width: var(--_thumb-size, 1.125rem);
+        height: var(--_thumb-size, 1.125rem);
+        border-radius: var(--mz-radius-circle);
+        background: #ffffff;
+        box-shadow: var(--mz-shadow-xs);
+        transition: transform var(--mz-transition-fast);
+        transform: translateX(var(--_thumb-offset, 0.1875rem));
+      }
+
+      .switch__track--checked .switch__thumb {
+        transform: translateX(calc(var(--_track-width, 2.5rem) - var(--_thumb-size, 1.125rem) - var(--_thumb-offset, 0.1875rem)));
+      }
+
+      .switch__label {
+        user-select: none;
+      }
+
+      /* Hidden native input */
+      .switch__input {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
+
+      .switch__input:focus-visible ~ .switch__track {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-sm);
+        --_track-width: 2rem;
+        --_track-height: 1.25rem;
+        --_thumb-size: 0.875rem;
+        --_thumb-offset: 0.1875rem;
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-md);
+        --_track-width: 2.5rem;
+        --_track-height: 1.5rem;
+        --_thumb-size: 1.125rem;
+        --_thumb-offset: 0.1875rem;
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-lg);
+        --_track-width: 3rem;
+        --_track-height: 1.75rem;
+        --_thumb-size: 1.375rem;
+        --_thumb-offset: 0.1875rem;
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .switch {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `];export{o as a};
+//# sourceMappingURL=chunk.5TV4T36L.js.map

package/cdn/chunks/chunk.5YBMLVQO.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk.324CZB7C.js";import{a as r,d as l}from"./chunk.K3BKUERM.js";import{d as s}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends l{constructor(){super(...arguments);this.direction="vertical";this.gap="var(--mz-space-md)";this.align="stretch";this.justify="start";this.wrap=!1;this.inline=!1}updated(){this.style.setProperty("--_stack-gap",this.gap)}render(){return s`<slot></slot>`}};e.styles=o,t([r({reflect:!0})],e.prototype,"direction",2),t([r({reflect:!0})],e.prototype,"gap",2),t([r({reflect:!0})],e.prototype,"align",2),t([r({reflect:!0})],e.prototype,"justify",2),t([r({type:Boolean,reflect:!0})],e.prototype,"wrap",2),t([r({type:Boolean,reflect:!0})],e.prototype,"inline",2);export{e as a};
+//# sourceMappingURL=chunk.5YBMLVQO.js.map

package/cdn/chunks/chunk.5YBMLVQO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/stack/stack.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './stack.styles.js';\n\n/**\n * @summary A layout utility that arranges children in a vertical or horizontal stack with configurable gap.\n *\n * @tag mz-stack\n *\n * @slot - The content to arrange in the stack.\n *\n * @cssproperty --mz-stack-gap - Override the gap between items. Use the `gap` attribute for most cases.\n */\nexport class MzStack extends ManzanoElement {\n  static styles = styles;\n\n  /** The stack direction. */\n  @property({ reflect: true }) direction: 'vertical' | 'horizontal' = 'vertical';\n\n  /** The gap between items. Any valid CSS gap value. */\n  @property({ reflect: true }) gap: string = 'var(--mz-space-md)';\n\n  /** How items are aligned on the cross axis. */\n  @property({ reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch';\n\n  /** How items are distributed on the main axis. */\n  @property({ reflect: true }) justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start';\n\n  /** Whether items should wrap when they overflow. */\n  @property({ type: Boolean, reflect: true }) wrap = false;\n\n  /** Use inline-flex instead of flex. */\n  @property({ type: Boolean, reflect: true }) inline = false;\n\n  protected override updated() {\n    this.style.setProperty('--_stack-gap', this.gap);\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n"],
+  "mappings": "uKAcO,IAAMA,EAAN,cAAsBC,CAAe,CAArC,kCAIwB,eAAuC,WAGvC,SAAc,qBAGd,WAA6D,UAG7D,aAAwE,QAGzD,UAAO,GAGP,YAAS,GAElC,SAAU,CAC3B,KAAK,MAAM,YAAY,eAAgB,KAAK,GAAG,CACjD,CAEA,QAAS,CACP,OAAOC,gBACT,CACF,EA5BaF,EACJ,OAASG,EAGaC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBL,EAIkB,yBAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAPhBL,EAOkB,mBAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAVhBL,EAUkB,qBAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAbhBL,EAakB,uBAGeI,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhB/BL,EAgBiC,oBAGAI,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnB/BL,EAmBiC",
+  "names": ["MzStack", "ManzanoElement", "b", "stack_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.67SAXSIU.js

@@ -0,0 +1,49 @@
+import{a as g}from"./chunk.53WN4SJX.js";import{a as u}from"./chunk.X6MSTFXZ.js";import{a as n,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.name="";this.value="";this.placeholder="";this.size="medium";this.disabled=!1;this.clearable=!1;this.required=!1;this.isOpen=!1;this.query="";this.highlightedIndex=-1;this.displayValue="";this.isFocused=!1;this._filteredOptions=[];this.blurTimeout=null;this.handleOptionClick=t=>{let i=t.target.closest("mz-option");i&&!i.disabled&&this.contains(i)&&this.selectOption(i)}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleOptionClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleOptionClick),this.blurTimeout&&clearTimeout(this.blurTimeout)}willUpdate(t){t.has("value")&&this.syncDisplayValue()}focus(t){this.inputEl?.focus(t)}blur(){this.inputEl?.blur()}getOptions(){return[...this.querySelectorAll("mz-option")]}get filteredOptions(){let t=this.getOptions(),e=this.query.toLowerCase(),i=[];for(let a of t){let v=(a.textContent??"").toLowerCase(),p=!e||v.includes(e);a.style.display=p?"":"none",p&&i.push(a)}return this._filteredOptions=i,i}syncDisplayValue(){if(!this.value){this.displayValue="";return}let t=this.getOptions();for(let e of t)if(e.value===this.value||e.getAttribute("value")===this.value){this.displayValue=(e.textContent??"").trim();return}this.displayValue=""}selectOption(t){let e=t.getAttribute("value")??(t.textContent??"").trim(),i=this.value;this.value=e,this.displayValue=(t.textContent??"").trim(),this.query="",this.isOpen=!1,this.highlightedIndex=-1,this.clearHighlight(),e!==i&&this.emit("mz-change")}handleControlClick(){this.disabled||(this.inputEl?.focus(),this.isOpen||this.openDropdown())}handleInput(t){let e=t.target;this.query=e.value,this.isOpen||this.openDropdown(),this.highlightedIndex=-1,this.clearHighlight(),this.filteredOptions,this.emit("mz-input")}handleFocus(){this.blurTimeout&&(clearTimeout(this.blurTimeout),this.blurTimeout=null),this.isFocused=!0,this.openDropdown()}handleBlur(){this.blurTimeout=setTimeout(()=>{this.isFocused=!1,this.isOpen=!1,this.query="",this.highlightedIndex=-1,this.clearHighlight();for(let t of this.getOptions())t.style.display=""},150)}handleKeydown(t){if(this.disabled)return;let e=this._filteredOptions.length>0?this._filteredOptions:this.filteredOptions;switch(t.key){case"ArrowDown":t.preventDefault(),this.isOpen||this.openDropdown(),e.length>0&&(this.highlightedIndex=this.highlightedIndex<e.length-1?this.highlightedIndex+1:0,this.updateHighlight());break;case"ArrowUp":t.preventDefault(),this.isOpen||this.openDropdown(),e.length>0&&(this.highlightedIndex=this.highlightedIndex>0?this.highlightedIndex-1:e.length-1,this.updateHighlight());break;case"Enter":t.preventDefault(),this.isOpen&&this.highlightedIndex>=0&&this.highlightedIndex<e.length&&this.selectOption(e[this.highlightedIndex]);break;case"Escape":t.preventDefault(),this.isOpen=!1,this.query="",this.highlightedIndex=-1,this.clearHighlight();for(let i of this.getOptions())i.style.display="";break;case"Tab":this.isOpen=!1,this.query="",this.highlightedIndex=-1,this.clearHighlight();for(let i of this.getOptions())i.style.display="";break}}handleClear(t){t.stopPropagation(),this.value="",this.displayValue="",this.query="",this.highlightedIndex=-1,this.clearHighlight(),this.emit("mz-clear"),this.emit("mz-change"),this.inputEl?.focus()}handleSlotChange(){this.syncDisplayValue(),this.isOpen&&this.filteredOptions}openDropdown(){this.isOpen||this.disabled||(this.isOpen=!0,this.filteredOptions)}clearHighlight(){for(let t of this.getOptions())t.classList.remove("combobox-highlighted"),t.current=!1}updateHighlight(){this.clearHighlight();let t=this._filteredOptions;if(this.highlightedIndex>=0&&this.highlightedIndex<t.length){let e=t[this.highlightedIndex];e.classList.add("combobox-highlighted"),e.current=!0,e.scrollIntoView?.({block:"nearest"})}}render(){let t=this.isOpen||this.query!==""?this.query:this.displayValue,e=this.displayValue||this.placeholder||void 0,i=this.isOpen?this.filteredOptions:[],a=this.isOpen&&this.query!==""&&i.length===0;return h`
+      <div
+        part="base"
+        class=${u({combobox:!0,"combobox--open":this.isOpen,"combobox--disabled":this.disabled,"combobox--focused":this.isFocused})}
+      >
+        <div part="control" class="combobox__control" @click=${this.handleControlClick}>
+          <input
+            part="input"
+            class="combobox__input"
+            type="text"
+            role="combobox"
+            aria-expanded=${this.isOpen}
+            aria-haspopup="listbox"
+            aria-autocomplete="list"
+            .value=${t}
+            placeholder=${e??r}
+            ?disabled=${this.disabled}
+            autocomplete="off"
+            @input=${this.handleInput}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleKeydown}
+          />
+          ${this.clearable&&this.value?h`
+                <button
+                  part="clear"
+                  class="combobox__clear"
+                  type="button"
+                  tabindex="-1"
+                  aria-label="Clear"
+                  @click=${this.handleClear}
+                >
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                </button>
+              `:r}
+          <div class="combobox__chevron" part="chevron">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
+          </div>
+        </div>
+
+        ${this.isOpen?h`
+              <div part="listbox" class="combobox__listbox" role="listbox">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+                ${a?h`<div class="combobox__empty" part="empty">No matches</div>`:r}
+              </div>
+            `:h`<div style="display:none"><slot @slotchange=${this.handleSlotChange}></slot></div>`}
+      </div>
+    `}};s.styles=g,l([d(".combobox__input")],s.prototype,"inputEl",2),l([n()],s.prototype,"name",2),l([n()],s.prototype,"value",2),l([n()],s.prototype,"placeholder",2),l([n({reflect:!0})],s.prototype,"size",2),l([n({type:Boolean,reflect:!0})],s.prototype,"disabled",2),l([n({type:Boolean,reflect:!0})],s.prototype,"clearable",2),l([n({type:Boolean,reflect:!0})],s.prototype,"required",2),l([o()],s.prototype,"isOpen",2),l([o()],s.prototype,"query",2),l([o()],s.prototype,"highlightedIndex",2),l([o()],s.prototype,"displayValue",2),l([o()],s.prototype,"isFocused",2);export{s as a};
+//# sourceMappingURL=chunk.67SAXSIU.js.map

package/cdn/chunks/chunk.67SAXSIU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.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 { ManzanoElement } from '../../internal/manzano-element.js';\nimport type { MzOption } from '../option/option.component.js';\nimport styles from './combobox.styles.js';\n\n/**\n * @summary A searchable combobox with filtering, keyboard navigation, and dropdown options list.\n *\n * @tag mz-combobox\n *\n * @slot - The options (mz-option elements).\n *\n * @event mz-change - Emitted when the selected value changes.\n * @event mz-input - Emitted on each keystroke in the search input.\n * @event mz-clear - Emitted when the value is cleared.\n *\n * @csspart base - The outer wrapper.\n * @csspart control - The control wrapper containing the input, clear, and chevron.\n * @csspart input - The text input element.\n * @csspart clear - The clear button.\n * @csspart chevron - The dropdown chevron indicator.\n * @csspart listbox - The dropdown options list.\n * @csspart empty - The \"No matches\" message.\n */\nexport class MzCombobox extends ManzanoElement {\n  static styles = styles;\n\n  @query('.combobox__input') private inputEl!: HTMLInputElement;\n\n  /** The combobox's name for form participation. */\n  @property() name = '';\n\n  /** The currently selected value. */\n  @property() value = '';\n\n  /** Placeholder text for the input. */\n  @property() placeholder = '';\n\n  /** The combobox's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the combobox. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Shows a clear button when a value is selected. */\n  @property({ type: Boolean, reflect: true }) clearable = false;\n\n  /** Makes the combobox required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Whether the dropdown is open. */\n  @state() private isOpen = false;\n\n  /** The current search query. */\n  @state() private query = '';\n\n  /** Index of the currently highlighted option in the filtered list. */\n  @state() private highlightedIndex = -1;\n\n  /** The display text shown in the input (the label of the selected option). */\n  @state() private displayValue = '';\n\n  /** Whether the input is focused. */\n  @state() private isFocused = false;\n\n  /** Cached list of filtered (visible) options. */\n  private _filteredOptions: MzOption[] = [];\n\n  private blurTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleOptionClick);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleOptionClick);\n    if (this.blurTimeout) {\n      clearTimeout(this.blurTimeout);\n    }\n  }\n\n  willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('value')) {\n      this.syncDisplayValue();\n    }\n  }\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions): void {\n    this.inputEl?.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur(): void {\n    this.inputEl?.blur();\n  }\n\n  private getOptions(): MzOption[] {\n    return [...this.querySelectorAll('mz-option')] as MzOption[];\n  }\n\n  private get filteredOptions(): MzOption[] {\n    const options = this.getOptions();\n    const q = this.query.toLowerCase();\n    const filtered: MzOption[] = [];\n\n    for (const opt of options) {\n      const text = (opt.textContent ?? '').toLowerCase();\n      const match = !q || text.includes(q);\n      (opt as HTMLElement).style.display = match ? '' : 'none';\n      if (match) {\n        filtered.push(opt);\n      }\n    }\n\n    this._filteredOptions = filtered;\n    return filtered;\n  }\n\n  private syncDisplayValue(): void {\n    if (!this.value) {\n      this.displayValue = '';\n      return;\n    }\n    const options = this.getOptions();\n    for (const opt of options) {\n      if (opt.value === this.value || opt.getAttribute('value') === this.value) {\n        this.displayValue = (opt.textContent ?? '').trim();\n        return;\n      }\n    }\n    // If no matching option found, clear display\n    this.displayValue = '';\n  }\n\n  private selectOption(option: MzOption): void {\n    const newValue = option.getAttribute('value') ?? (option.textContent ?? '').trim();\n    const oldValue = this.value;\n    this.value = newValue;\n    this.displayValue = (option.textContent ?? '').trim();\n    this.query = '';\n    this.isOpen = false;\n    this.highlightedIndex = -1;\n    this.clearHighlight();\n\n    if (newValue !== oldValue) {\n      this.emit('mz-change');\n    }\n  }\n\n  private handleOptionClick = (e: Event): void => {\n    const target = e.target as Element;\n    const option = target.closest('mz-option') as MzOption | null;\n    if (option && !option.disabled && this.contains(option)) {\n      this.selectOption(option);\n    }\n  };\n\n  private handleControlClick(): void {\n    if (this.disabled) return;\n    this.inputEl?.focus();\n    if (!this.isOpen) {\n      this.openDropdown();\n    }\n  }\n\n  private handleInput(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    this.query = input.value;\n    if (!this.isOpen) {\n      this.openDropdown();\n    }\n    this.highlightedIndex = -1;\n    this.clearHighlight();\n    // Re-filter\n    this.filteredOptions;\n    this.emit('mz-input');\n  }\n\n  private handleFocus(): void {\n    if (this.blurTimeout) {\n      clearTimeout(this.blurTimeout);\n      this.blurTimeout = null;\n    }\n    this.isFocused = true;\n    this.openDropdown();\n  }\n\n  private handleBlur(): void {\n    this.blurTimeout = setTimeout(() => {\n      this.isFocused = false;\n      this.isOpen = false;\n      this.query = '';\n      this.highlightedIndex = -1;\n      this.clearHighlight();\n      // Restore all option visibility\n      for (const opt of this.getOptions()) {\n        (opt as HTMLElement).style.display = '';\n      }\n    }, 150);\n  }\n\n  private handleKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n\n    const filtered = this._filteredOptions.length > 0 ? this._filteredOptions : this.filteredOptions;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdown();\n        }\n        if (filtered.length > 0) {\n          this.highlightedIndex = this.highlightedIndex < filtered.length - 1\n            ? this.highlightedIndex + 1\n            : 0;\n          this.updateHighlight();\n        }\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdown();\n        }\n        if (filtered.length > 0) {\n          this.highlightedIndex = this.highlightedIndex > 0\n            ? this.highlightedIndex - 1\n            : filtered.length - 1;\n          this.updateHighlight();\n        }\n        break;\n\n      case 'Enter':\n        e.preventDefault();\n        if (this.isOpen && this.highlightedIndex >= 0 && this.highlightedIndex < filtered.length) {\n          this.selectOption(filtered[this.highlightedIndex]);\n        }\n        break;\n\n      case 'Escape':\n        e.preventDefault();\n        this.isOpen = false;\n        this.query = '';\n        this.highlightedIndex = -1;\n        this.clearHighlight();\n        // Restore all option visibility\n        for (const opt of this.getOptions()) {\n          (opt as HTMLElement).style.display = '';\n        }\n        break;\n\n      case 'Tab':\n        this.isOpen = false;\n        this.query = '';\n        this.highlightedIndex = -1;\n        this.clearHighlight();\n        for (const opt of this.getOptions()) {\n          (opt as HTMLElement).style.display = '';\n        }\n        break;\n    }\n  }\n\n  private handleClear(e: Event): void {\n    e.stopPropagation();\n    this.value = '';\n    this.displayValue = '';\n    this.query = '';\n    this.highlightedIndex = -1;\n    this.clearHighlight();\n    this.emit('mz-clear');\n    this.emit('mz-change');\n    this.inputEl?.focus();\n  }\n\n  private handleSlotChange(): void {\n    this.syncDisplayValue();\n    // Re-filter when slotted content changes\n    if (this.isOpen) {\n      this.filteredOptions;\n    }\n  }\n\n  private openDropdown(): void {\n    if (this.isOpen || this.disabled) return;\n    this.isOpen = true;\n    // Run filter to apply visibility\n    this.filteredOptions;\n  }\n\n  private clearHighlight(): void {\n    for (const opt of this.getOptions()) {\n      opt.classList.remove('combobox-highlighted');\n      opt.current = false;\n    }\n  }\n\n  private updateHighlight(): void {\n    this.clearHighlight();\n    const filtered = this._filteredOptions;\n    if (this.highlightedIndex >= 0 && this.highlightedIndex < filtered.length) {\n      const opt = filtered[this.highlightedIndex];\n      opt.classList.add('combobox-highlighted');\n      opt.current = true;\n      // Scroll into view\n      opt.scrollIntoView?.({ block: 'nearest' });\n    }\n  }\n\n  render() {\n    const inputValue = this.isOpen || this.query !== '' ? this.query : this.displayValue;\n    const placeholderText = this.displayValue || this.placeholder || undefined;\n\n    // Compute filtered options for rendering\n    const filtered = this.isOpen ? this.filteredOptions : [];\n    const noResults = this.isOpen && this.query !== '' && filtered.length === 0;\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          combobox: true,\n          'combobox--open': this.isOpen,\n          'combobox--disabled': this.disabled,\n          'combobox--focused': this.isFocused\n        })}\n      >\n        <div part=\"control\" class=\"combobox__control\" @click=${this.handleControlClick}>\n          <input\n            part=\"input\"\n            class=\"combobox__input\"\n            type=\"text\"\n            role=\"combobox\"\n            aria-expanded=${this.isOpen}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            .value=${inputValue}\n            placeholder=${placeholderText ?? nothing}\n            ?disabled=${this.disabled}\n            autocomplete=\"off\"\n            @input=${this.handleInput}\n            @focus=${this.handleFocus}\n            @blur=${this.handleBlur}\n            @keydown=${this.handleKeydown}\n          />\n          ${this.clearable && this.value\n            ? html`\n                <button\n                  part=\"clear\"\n                  class=\"combobox__clear\"\n                  type=\"button\"\n                  tabindex=\"-1\"\n                  aria-label=\"Clear\"\n                  @click=${this.handleClear}\n                >\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\n                </button>\n              `\n            : nothing}\n          <div class=\"combobox__chevron\" part=\"chevron\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n          </div>\n        </div>\n\n        ${this.isOpen\n          ? html`\n              <div part=\"listbox\" class=\"combobox__listbox\" role=\"listbox\">\n                <slot @slotchange=${this.handleSlotChange}></slot>\n                ${noResults\n                  ? html`<div class=\"combobox__empty\" part=\"empty\">No matches</div>`\n                  : nothing}\n              </div>\n            `\n          : html`<div style=\"display:none\"><slot @slotchange=${this.handleSlotChange}></slot></div>`}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzCombobox", "ManzanoElement", "e", "option", "changed", "options", "q", "filtered", "opt", "text", "match", "newValue", "oldValue", "input", "inputValue", "placeholderText", "noResults", "b", "A", "combobox_styles_default", "__decorateClass", "r"]
+}

package/cdn/chunks/chunk.6B72IIKQ.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.K7L7LT6B.js";e.define("mz-date-range-picker");
+//# sourceMappingURL=chunk.6B72IIKQ.js.map

package/cdn/chunks/chunk.6B72IIKQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/date-range-picker/date-range-picker.ts"],
+  "sourcesContent": ["import { MzDateRangePicker } from './date-range-picker.component.js';\n\nexport * from './date-range-picker.component.js';\n\nMzDateRangePicker.define('mz-date-range-picker');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-date-range-picker': MzDateRangePicker;\n  }\n}\n"],
+  "mappings": "wCAIAA,EAAkB,OAAO,sBAAsB",
+  "names": ["MzDateRangePicker"]
+}

package/cdn/chunks/chunk.6QCL245D.js

@@ -0,0 +1,22 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var s=[o,r`
+    :host {
+      display: inline-block;
+    }
+
+    .kbd {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--mz-space-3xs);
+      font-family: var(--mz-font-mono);
+      font-size: var(--mz-kbd-font-size, var(--mz-font-size-xs));
+      line-height: var(--mz-line-height-dense);
+      padding: var(--mz-space-3xs) var(--mz-space-2xs);
+      background: var(--mz-color-surface-raised);
+      border: var(--mz-border-width-sm) solid var(--mz-color-border);
+      border-radius: var(--mz-radius-sm);
+      box-shadow: 0 1px 0 0 var(--mz-color-border);
+      color: var(--mz-color-text);
+      white-space: nowrap;
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.6QCL245D.js.map

package/cdn/chunks/chunk.6VM5ZMIJ.js

@@ -0,0 +1,11 @@
+import{a as l,b as c,c as a}from"./chunk.3JBHP47A.js";import{f as i}from"./chunk.TO7F5R6A.js";var u="important",d=" !"+u,h=c(class extends a{constructor(s){if(super(s),s.type!==l.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((r,t)=>{let e=s[t];return e==null?r:r+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(s,[r]){let{style:t}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(r)),this.render(r);for(let e of this.ft)r[e]==null&&(this.ft.delete(e),e.includes("-")?t.removeProperty(e):t[e]=null);for(let e in r){let n=r[e];if(n!=null){this.ft.add(e);let o=typeof n=="string"&&n.endsWith(d);e.includes("-")||o?t.setProperty(e,o?n.slice(0,-11):n,o?u:""):t[e]=n}}return i}});export{h as a};
+/*! Bundled license information:
+
+lit-html/directives/style-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.6VM5ZMIJ.js.map