@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.YCAOYSMB.js

@@ -0,0 +1,27 @@
+import{a as f}from"./chunk.O4NDVWXH.js";import{a as _}from"./chunk.X6MSTFXZ.js";import{a as p}from"./chunk.YUHTZU7Y.js";import{a,b as m,c as d,d as h}from"./chunk.K3BKUERM.js";import{d as l,g as c}from"./chunk.TO7F5R6A.js";import{a as n}from"./chunk.MGICPQBB.js";var r=null;function C(){return(!r||!r.isConnected)&&(r=document.createElement("div"),r.classList.add("mz-toast-stack"),Object.assign(r.style,{position:"fixed",top:"0",right:"0",zIndex:"9999",display:"flex",flexDirection:"column",gap:"0.5rem",padding:"1rem",pointerEvents:"none",maxWidth:"28rem",width:"100%"}),document.body.appendChild(r)),r}function x(u,i){let e=document.createElement("mz-toast");return e.textContent=u,i?.variant&&(e.variant=i.variant),i?.duration!==void 0&&(e.duration=i.duration),i?.closable!==void 0&&(e.closable=i.closable),i?.icon&&(e.icon=i.icon),C().appendChild(e),requestAnimationFrame(()=>{e.open=!0}),e}var A={primary:"info",danger:"octagon-alert",success:"circle-check",warning:"triangle-alert"},t=class extends h{constructor(){super(...arguments);this.variant="neutral";this.duration=5e3;this.closable=!0;this.icon="";this.open=!1;this._closing=!1;this._autoCloseTimer=null;this._remainingTime=0;this._timerStartedAt=0;this._progressAnimationFrame=null}connectedCallback(){super.connectedCallback(),this.open&&this._startAutoClose()}disconnectedCallback(){super.disconnectedCallback(),this._clearAutoClose()}updated(e){e.has("open")&&(this.open?(this._closing=!1,this._startAutoClose()):e.get("open")===!0&&this._runCloseAnimation())}get _effectiveDuration(){return this.duration===0||!Number.isFinite(this.duration)?0:this.duration}get _resolvedIcon(){return this.icon?this.icon:A[this.variant]??""}_startAutoClose(){this._clearAutoClose();let e=this._effectiveDuration;e<=0||(this._remainingTime=e,this._timerStartedAt=Date.now(),this._autoCloseTimer=setTimeout(()=>this._handleAutoClose(),this._remainingTime),this.updateComplete.then(()=>{this._animateProgress()}))}_clearAutoClose(){this._autoCloseTimer!==null&&(clearTimeout(this._autoCloseTimer),this._autoCloseTimer=null),this._progressAnimationFrame!==null&&(cancelAnimationFrame(this._progressAnimationFrame),this._progressAnimationFrame=null)}_pauseAutoClose(){if(this._autoCloseTimer===null)return;clearTimeout(this._autoCloseTimer),this._autoCloseTimer=null,this._remainingTime-=Date.now()-this._timerStartedAt,this._remainingTime<0&&(this._remainingTime=0);let e=this._progressEl;if(e){let o=getComputedStyle(e).transform;e.style.transition="none",e.style.transform=o}}_resumeAutoClose(){this._remainingTime<=0||!this.open||(this._timerStartedAt=Date.now(),this._autoCloseTimer=setTimeout(()=>this._handleAutoClose(),this._remainingTime),this._animateProgress())}_animateProgress(){let e=this._progressEl;if(!e)return;let s=this._effectiveDuration;if(s<=0)return;let o=s-this._remainingTime,v=this._remainingTime,g=1-o/s;e.style.transition="none",e.style.transform=`scaleX(${g})`,e.offsetWidth,e.style.transition=`transform ${v}ms linear`,e.style.transform="scaleX(0)"}_handleAutoClose(){this._autoCloseTimer=null,this.close()}close(){this.open&&(this._clearAutoClose(),this.open=!1,this.emit("mz-close"))}_runCloseAnimation(){this._closing=!0;let e=!1,s=()=>{e||(e=!0,this._closing=!1,this.isConnected&&this.remove())},o=this.shadowRoot?.querySelector(".toast");o?(o.addEventListener("transitionend",s,{once:!0}),setTimeout(s,300)):this.remove()}_handleCloseClick(){this.close()}_handleMouseEnter(){this._pauseAutoClose()}_handleMouseLeave(){this._resumeAutoClose()}render(){let e=this._resolvedIcon,s=this._effectiveDuration>0;return l`
+      <div
+        part="base"
+        class=${_({toast:!0,"toast--open":this.open,"toast--closing":this._closing})}
+        role="alert"
+        aria-live="assertive"
+        aria-atomic="true"
+        @mouseenter=${this._handleMouseEnter}
+        @mouseleave=${this._handleMouseLeave}
+      >
+        ${e?l`<span part="icon" class="toast__icon">
+              <mz-icon name=${e}></mz-icon>
+            </span>`:c}
+        <span part="content" class="toast__content">
+          <slot></slot>
+        </span>
+        ${this.closable?l`<button
+              part="close"
+              class="toast__close"
+              type="button"
+              aria-label="Close"
+              @click=${this._handleCloseClick}
+            >&times;</button>`:c}
+        ${s?l`<div part="progress" class="toast__progress"></div>`:c}
+      </div>
+    `}};t.styles=f,t.dependencies={"mz-icon":p},n([a({reflect:!0})],t.prototype,"variant",2),n([a({type:Number})],t.prototype,"duration",2),n([a({type:Boolean,reflect:!0})],t.prototype,"closable",2),n([a()],t.prototype,"icon",2),n([a({type:Boolean,reflect:!0})],t.prototype,"open",2),n([m()],t.prototype,"_closing",2),n([d(".toast__progress")],t.prototype,"_progressEl",2);export{x as a,t as b};
+//# sourceMappingURL=chunk.YCAOYSMB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toast/toast.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { MzIcon } from '../icon/icon.component.js';\nimport styles from './toast.styles.js';\n\nexport interface ToastOptions {\n  variant?: 'primary' | 'danger' | 'success' | 'warning' | 'neutral';\n  duration?: number;\n  closable?: boolean;\n  icon?: string;\n}\n\n// Module-level toast stack management\nlet toastStack: HTMLElement | null = null;\n\nfunction getToastStack(): HTMLElement {\n  if (!toastStack || !toastStack.isConnected) {\n    toastStack = document.createElement('div');\n    toastStack.classList.add('mz-toast-stack');\n    Object.assign(toastStack.style, {\n      position: 'fixed',\n      top: '0',\n      right: '0',\n      zIndex: '9999',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5rem',\n      padding: '1rem',\n      pointerEvents: 'none',\n      maxWidth: '28rem',\n      width: '100%'\n    });\n    document.body.appendChild(toastStack);\n  }\n  return toastStack;\n}\n\n/**\n * Imperatively create and show a toast notification.\n *\n * @param message - Text content for the toast.\n * @param options - Optional configuration (variant, duration, closable, icon).\n * @returns The created MzToast element.\n */\nexport function toast(message: string, options?: ToastOptions): MzToast {\n  const el = document.createElement('mz-toast') as MzToast;\n  el.textContent = message;\n  if (options?.variant) el.variant = options.variant;\n  if (options?.duration !== undefined) el.duration = options.duration;\n  if (options?.closable !== undefined) el.closable = options.closable;\n  if (options?.icon) el.icon = options.icon;\n\n  getToastStack().appendChild(el);\n  // Use rAF to ensure the element is in DOM before opening (triggers CSS transition)\n  requestAnimationFrame(() => {\n    el.open = true;\n  });\n  return el;\n}\n\nconst defaultIcons: Record<string, string> = {\n  primary: 'info',\n  danger: 'octagon-alert',\n  success: 'circle-check',\n  warning: 'triangle-alert'\n};\n\n/**\n * @summary A toast notification that appears temporarily to communicate a message.\n *\n * @tag mz-toast\n *\n * @dependency mz-icon\n *\n * @slot - The toast's message content.\n *\n * @event mz-close - Emitted when the toast is closed (manually or via auto-dismiss).\n *\n * @csspart base - The toast's base wrapper.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n * @csspart close - The close button.\n * @csspart progress - The countdown progress bar.\n *\n * @cssproperty --mz-toast-bg - Override the toast background.\n * @cssproperty --mz-toast-border-color - Override the toast border color.\n * @cssproperty --mz-toast-color - Override the toast text color.\n * @cssproperty --mz-toast-icon-color - Override the toast icon color.\n * @cssproperty --mz-toast-accent-color - Override the progress bar / accent color.\n */\nexport class MzToast extends ManzanoElement {\n  static styles = styles;\n\n  static dependencies = {\n    'mz-icon': MzIcon\n  };\n\n  /** The toast's semantic variant. */\n  @property({ reflect: true }) variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral' = 'neutral';\n\n  /** Auto-dismiss time in ms. Set to 0 or Infinity to disable auto-dismiss. */\n  @property({ type: Number }) duration = 5000;\n\n  /** Whether the toast shows a close button. */\n  @property({ type: Boolean, reflect: true }) closable = true;\n\n  /** Icon name to display. If not set and variant has a default icon, that icon is used. */\n  @property() icon = '';\n\n  /** Whether the toast is visible. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private _closing = false;\n\n  @query('.toast__progress') private _progressEl!: HTMLElement;\n\n  private _autoCloseTimer: ReturnType<typeof setTimeout> | null = null;\n  private _remainingTime = 0;\n  private _timerStartedAt = 0;\n  private _progressAnimationFrame: number | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.open) {\n      this._startAutoClose();\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._clearAutoClose();\n  }\n\n  updated(changedProps: Map<string, unknown>): void {\n    if (changedProps.has('open')) {\n      if (this.open) {\n        this._closing = false;\n        this._startAutoClose();\n      } else if (changedProps.get('open') === true) {\n        // Was open, now closed \u2014 run close animation\n        this._runCloseAnimation();\n      }\n    }\n  }\n\n  private get _effectiveDuration(): number {\n    if (this.duration === 0 || !Number.isFinite(this.duration)) return 0;\n    return this.duration;\n  }\n\n  private get _resolvedIcon(): string {\n    if (this.icon) return this.icon;\n    return defaultIcons[this.variant] ?? '';\n  }\n\n  private _startAutoClose(): void {\n    this._clearAutoClose();\n    const dur = this._effectiveDuration;\n    if (dur <= 0) return;\n\n    this._remainingTime = dur;\n    this._timerStartedAt = Date.now();\n    this._autoCloseTimer = setTimeout(() => this._handleAutoClose(), this._remainingTime);\n\n    // Start progress bar animation after the element is rendered\n    this.updateComplete.then(() => {\n      this._animateProgress();\n    });\n  }\n\n  private _clearAutoClose(): void {\n    if (this._autoCloseTimer !== null) {\n      clearTimeout(this._autoCloseTimer);\n      this._autoCloseTimer = null;\n    }\n    if (this._progressAnimationFrame !== null) {\n      cancelAnimationFrame(this._progressAnimationFrame);\n      this._progressAnimationFrame = null;\n    }\n  }\n\n  private _pauseAutoClose(): void {\n    if (this._autoCloseTimer === null) return;\n    clearTimeout(this._autoCloseTimer);\n    this._autoCloseTimer = null;\n    this._remainingTime -= Date.now() - this._timerStartedAt;\n    if (this._remainingTime < 0) this._remainingTime = 0;\n\n    // Pause the progress bar by freezing the current transform\n    const progressEl = this._progressEl;\n    if (progressEl) {\n      const computed = getComputedStyle(progressEl);\n      const currentTransform = computed.transform;\n      progressEl.style.transition = 'none';\n      progressEl.style.transform = currentTransform;\n    }\n  }\n\n  private _resumeAutoClose(): void {\n    if (this._remainingTime <= 0 || !this.open) return;\n\n    this._timerStartedAt = Date.now();\n    this._autoCloseTimer = setTimeout(() => this._handleAutoClose(), this._remainingTime);\n    this._animateProgress();\n  }\n\n  private _animateProgress(): void {\n    const progressEl = this._progressEl;\n    if (!progressEl) return;\n\n    const dur = this._effectiveDuration;\n    if (dur <= 0) return;\n\n    // Calculate the current progress fraction\n    const elapsed = dur - this._remainingTime;\n    const remaining = this._remainingTime;\n    const startFraction = 1 - elapsed / dur;\n\n    // Use CSS transition for smooth progress\n    progressEl.style.transition = 'none';\n    progressEl.style.transform = `scaleX(${startFraction})`;\n\n    // Force reflow\n    progressEl.offsetWidth; // eslint-disable-line @typescript-eslint/no-unused-expressions\n\n    progressEl.style.transition = `transform ${remaining}ms linear`;\n    progressEl.style.transform = 'scaleX(0)';\n  }\n\n  private _handleAutoClose(): void {\n    this._autoCloseTimer = null;\n    this.close();\n  }\n\n  /** Close the toast. Triggers exit animation and removes from DOM. */\n  close(): void {\n    if (!this.open) return;\n    this._clearAutoClose();\n    this.open = false;\n    this.emit('mz-close');\n  }\n\n  private _runCloseAnimation(): void {\n    this._closing = true;\n    let removed = false;\n\n    const onEnd = () => {\n      if (removed) return;\n      removed = true;\n      this._closing = false;\n      // Remove from DOM after animation\n      if (this.isConnected) this.remove();\n    };\n\n    const toastEl = this.shadowRoot?.querySelector('.toast');\n    if (toastEl) {\n      toastEl.addEventListener('transitionend', onEnd, { once: true });\n      // Fallback: if transitionend doesn't fire (e.g., reduced motion), remove after timeout\n      setTimeout(onEnd, 300);\n    } else {\n      this.remove();\n    }\n  }\n\n  private _handleCloseClick(): void {\n    this.close();\n  }\n\n  private _handleMouseEnter(): void {\n    this._pauseAutoClose();\n  }\n\n  private _handleMouseLeave(): void {\n    this._resumeAutoClose();\n  }\n\n  render() {\n    const icon = this._resolvedIcon;\n    const showProgress = this._effectiveDuration > 0;\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          toast: true,\n          'toast--open': this.open,\n          'toast--closing': this._closing\n        })}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n      >\n        ${icon\n          ? html`<span part=\"icon\" class=\"toast__icon\">\n              <mz-icon name=${icon}></mz-icon>\n            </span>`\n          : nothing}\n        <span part=\"content\" class=\"toast__content\">\n          <slot></slot>\n        </span>\n        ${this.closable\n          ? html`<button\n              part=\"close\"\n              class=\"toast__close\"\n              type=\"button\"\n              aria-label=\"Close\"\n              @click=${this._handleCloseClick}\n            >&times;</button>`\n          : nothing}\n        ${showProgress\n          ? html`<div part=\"progress\" class=\"toast__progress\"></div>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["toastStack", "getToastStack", "toast", "message", "options", "el", "defaultIcons", "MzToast", "ManzanoElement", "changedProps", "dur", "progressEl", "currentTransform", "elapsed", "remaining", "startFraction", "removed", "onEnd", "toastEl", "icon", "showProgress", "b", "e", "A", "toast_styles_default", "MzIcon", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.YD4KJ4PQ.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk.CLJWUNFI.js";t.define("mz-button");
+//# sourceMappingURL=chunk.YD4KJ4PQ.js.map

package/cdn/chunks/chunk.YFTDT6EB.js

@@ -0,0 +1,117 @@
+import{a as o}from"./chunk.5SUNUKVW.js";import{a as i}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var a=[i,o,r`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .input__control-wrapper {
+        display: flex;
+        align-items: center;
+        border: var(--mz-input-border-width, 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));
+        transition:
+          border-color var(--mz-transition-fast),
+          box-shadow var(--mz-transition-fast);
+        height: var(--_height);
+        cursor: text;
+      }
+
+      .input__control-wrapper:hover {
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .input__control-wrapper:focus-within {
+        border-color: var(--mz-color-primary);
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+
+      .input__control {
+        flex: 1;
+        min-width: 0;
+        border: none;
+        outline: none;
+        background: transparent;
+        color: var(--mz-color-text);
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-normal);
+        padding: 0 var(--_padding-inline);
+        width: 100%;
+        height: 100%;
+      }
+
+      .input__control::placeholder {
+        color: var(--mz-color-text-disabled);
+      }
+
+      .input__prefix,
+      .input__suffix {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        color: var(--mz-color-text-secondary);
+      }
+
+      .input__prefix {
+        padding-inline-start: var(--_padding-inline);
+      }
+
+      .input__suffix {
+        padding-inline-end: var(--_padding-inline);
+      }
+
+      .input__prefix:empty,
+      .input__suffix:empty {
+        display: none;
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_height: var(--mz-input-height-sm);
+        --_font-size: var(--mz-input-font-size-sm);
+        --_padding-inline: var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :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='lg']) {
+        --_height: var(--mz-input-height-lg);
+        --_font-size: var(--mz-input-font-size-lg);
+        --_padding-inline: var(--mz-space-md);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .input__control-wrapper {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      :host([disabled]) .input__control {
+        cursor: not-allowed;
+      }
+
+      :host([data-user-invalid]) .input__control-wrapper {
+        border-color: var(--mz-color-danger);
+      }
+
+      :host([data-user-invalid]) .input__control-wrapper:focus-within {
+        --mz-focus-ring-color: var(--mz-color-danger);
+      }
+
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.YFTDT6EB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/input.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\n\nexport default [\n  componentStyles,\n  formControlStyles,\n  css`\n    @layer base, sizes, states;\n\n    @layer base {\n      :host {\n        display: block;\n      }\n\n      .input__control-wrapper {\n        display: flex;\n        align-items: center;\n        border: var(--mz-input-border-width, 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        transition:\n          border-color var(--mz-transition-fast),\n          box-shadow var(--mz-transition-fast);\n        height: var(--_height);\n        cursor: text;\n      }\n\n      .input__control-wrapper:hover {\n        border-color: var(--mz-color-border-hover);\n      }\n\n      .input__control-wrapper:focus-within {\n        border-color: var(--mz-color-primary);\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n\n      .input__control {\n        flex: 1;\n        min-width: 0;\n        border: none;\n        outline: none;\n        background: transparent;\n        color: var(--mz-color-text);\n        font-family: var(--mz-font-sans);\n        font-size: var(--_font-size);\n        line-height: var(--mz-line-height-normal);\n        padding: 0 var(--_padding-inline);\n        width: 100%;\n        height: 100%;\n      }\n\n      .input__control::placeholder {\n        color: var(--mz-color-text-disabled);\n      }\n\n      .input__prefix,\n      .input__suffix {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n        color: var(--mz-color-text-secondary);\n      }\n\n      .input__prefix {\n        padding-inline-start: var(--_padding-inline);\n      }\n\n      .input__suffix {\n        padding-inline-end: var(--_padding-inline);\n      }\n\n      .input__prefix:empty,\n      .input__suffix:empty {\n        display: none;\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\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='md']),\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='lg']) {\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]) .input__control-wrapper {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      :host([disabled]) .input__control {\n        cursor: not-allowed;\n      }\n\n      :host([data-user-invalid]) .input__control-wrapper {\n        border-color: var(--mz-color-danger);\n      }\n\n      :host([data-user-invalid]) .input__control-wrapper:focus-within {\n        --mz-focus-ring-color: var(--mz-color-danger);\n      }\n\n      :host([pill]) {\n        --_radius: var(--mz-radius-pill);\n      }\n    }\n  `\n];\n"],
+  "mappings": "wHAIA,IAAOA,EAAQ,CACbC,EACAC,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,GAoHF",
+  "names": ["input_styles_default", "component_styles_default", "form_control_styles_default", "i"]
+}

package/cdn/chunks/chunk.YJQW4C7Q.js

@@ -0,0 +1,22 @@
+import{a as n}from"./chunk.A4VI7IJ6.js";import{a as r}from"./chunk.X6MSTFXZ.js";import{a as t,d as a}from"./chunk.K3BKUERM.js";import{d as i,g as o}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var e=class extends a{constructor(){super(...arguments);this.value="";this.disabled=!1;this.checked=!1;this.type="normal"}handleClick(l){if(this.disabled){l.preventDefault(),l.stopPropagation();return}this.type==="checkbox"&&(this.checked=!this.checked)}render(){return i`
+      <div
+        class=${r({"menu-item":!0,"menu-item--disabled":this.disabled,"menu-item--checked":this.checked})}
+        part="base"
+        role="menuitem"
+        aria-disabled=${this.disabled?"true":"false"}
+        tabindex=${this.disabled?-1:0}
+        @click=${this.handleClick}
+      >
+        <span class="menu-item__check" part="check">
+          ${this.type==="checkbox"?i`
+            <svg class="menu-item__check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="visibility: ${this.checked?"visible":"hidden"}">
+              <polyline points="20 6 9 17 4 12"></polyline>
+            </svg>
+          `:o}
+        </span>
+        <span class="menu-item__prefix" part="prefix"><slot name="prefix"></slot></span>
+        <span class="menu-item__label" part="label"><slot></slot></span>
+        <span class="menu-item__suffix" part="suffix"><slot name="suffix"></slot></span>
+      </div>
+    `}};e.styles=n,e.shadowRootOptions={...a.shadowRootOptions,delegatesFocus:!0},s([t()],e.prototype,"value",2),s([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([t({type:Boolean,reflect:!0})],e.prototype,"checked",2),s([t()],e.prototype,"type",2);export{e as a};
+//# sourceMappingURL=chunk.YJQW4C7Q.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/menu-item.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './menu-item.styles.js';\n\n/**\n * @summary A menu item for use in context menus and dropdowns.\n *\n * @tag mz-menu-item\n *\n * @slot - The menu item label text.\n * @slot prefix - Icon or content before the label.\n * @slot suffix - Shortcut hint or content after the label.\n *\n * @csspart base - The menu item container.\n * @csspart check - The checkmark area.\n * @csspart prefix - The prefix slot wrapper.\n * @csspart label - The label slot wrapper.\n * @csspart suffix - The suffix slot wrapper.\n */\nexport class MzMenuItem extends ManzanoElement {\n  static styles = styles;\n  static shadowRootOptions = { ...ManzanoElement.shadowRootOptions, delegatesFocus: true };\n\n  /** The value associated with this menu item. */\n  @property() value = '';\n\n  /** Whether the menu item is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Whether the menu item is checked (only applies when type is 'checkbox'). */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The type of menu item. */\n  @property() type: 'normal' | 'checkbox' = 'normal';\n\n  private handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (this.type === 'checkbox') {\n      this.checked = !this.checked;\n    }\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'menu-item': true,\n          'menu-item--disabled': this.disabled,\n          'menu-item--checked': this.checked\n        })}\n        part=\"base\"\n        role=\"menuitem\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? -1 : 0}\n        @click=${this.handleClick}\n      >\n        <span class=\"menu-item__check\" part=\"check\">\n          ${this.type === 'checkbox' ? html`\n            <svg class=\"menu-item__check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"visibility: ${this.checked ? 'visible' : 'hidden'}\">\n              <polyline points=\"20 6 9 17 4 12\"></polyline>\n            </svg>\n          ` : nothing}\n        </span>\n        <span class=\"menu-item__prefix\" part=\"prefix\"><slot name=\"prefix\"></slot></span>\n        <span class=\"menu-item__label\" part=\"label\"><slot></slot></span>\n        <span class=\"menu-item__suffix\" part=\"suffix\"><slot name=\"suffix\"></slot></span>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "sNAqBO,IAAMA,EAAN,cAAyBC,CAAe,CAAxC,kCAKO,WAAQ,GAGwB,cAAW,GAGX,aAAU,GAG1C,UAA8B,SAElC,YAAYC,EAAU,CAC5B,GAAI,KAAK,SAAU,CACjBA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClB,MACF,CACI,KAAK,OAAS,aAChB,KAAK,QAAU,CAAC,KAAK,QAEzB,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,gBAEKD,EAAS,CACf,YAAa,GACb,sBAAuB,KAAK,SAC5B,qBAAsB,KAAK,OAC7B,CAAC,CAAC;AAAA;AAAA;AAAA,wBAGc,KAAK,SAAW,OAAS,OAAO;AAAA,mBACrC,KAAK,SAAW,GAAK,CAAC;AAAA,iBACxB,KAAK,WAAW;AAAA;AAAA;AAAA,YAGrB,KAAK,OAAS,WAAaC;AAAA,0LACmJ,KAAK,QAAU,UAAY,QAAQ;AAAA;AAAA;AAAA,YAG/MC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB,CACF,EAtDaJ,EACJ,OAASK,EADLL,EAEJ,kBAAoB,CAAE,GAAGC,EAAe,kBAAmB,eAAgB,EAAK,EAG3EK,EAAA,CAAXC,EAAS,GALCP,EAKC,qBAGgCM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAR/BP,EAQiC,wBAGAM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAX/BP,EAWiC,uBAGhCM,EAAA,CAAXC,EAAS,GAdCP,EAcC",
+  "names": ["MzMenuItem", "ManzanoElement", "e", "b", "A", "menu_item_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.YTRAPHJR.js

@@ -0,0 +1,39 @@
+import{a as c}from"./chunk.CLJWUNFI.js";import{a as p}from"./chunk.FN44NAFF.js";import{a as s}from"./chunk.X6MSTFXZ.js";import{a as i,c as l,d as r}from"./chunk.K3BKUERM.js";import{d as n}from"./chunk.TO7F5R6A.js";import{a as d,b as o}from"./chunk.3HBRHIFP.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends r{constructor(){super(...arguments);this.open=!1;this.label="";this.variant="neutral";this.confirmText="Confirm";this.cancelText="Cancel";this.loading=!1}get confirmVariant(){return this.variant==="neutral"?"primary":this.variant}async updated(a){a.has("open")&&(this.open?(await this.updateComplete,this.dialogEl?.showModal(),d(),this.cancelBtn?.focus()):a.get("open")===!0&&(this.dialogEl?.close(),o()))}disconnectedCallback(){super.disconnectedCallback(),this.open&&o()}requestClose(){this.emit("mz-request-close",{cancelable:!0})&&(this.open=!1,this.emit("mz-cancel"))}handleConfirm(){this.loading||this.emit("mz-confirm")}handleDialogCancel(a){a.preventDefault(),this.requestClose()}handleBackdropClick(a){a.target===this.dialogEl&&this.requestClose()}show(){this.open=!0}hide(){this.open=!1}render(){return n`
+      <dialog
+        class=${s({"alert-dialog":!0,"alert-dialog--open":this.open})}
+        part="base"
+        aria-label=${this.label}
+        @cancel=${this.handleDialogCancel}
+        @click=${this.handleBackdropClick}
+      >
+        <div class="alert-dialog__panel" part="panel">
+          <div class="alert-dialog__header" part="header">
+            <h2 class="alert-dialog__title">${this.label}</h2>
+          </div>
+          <div class="alert-dialog__body" part="body">
+            <slot></slot>
+          </div>
+          <div class="alert-dialog__footer" part="footer">
+            <mz-button
+              class="alert-dialog__cancel"
+              variant="neutral"
+              appearance="outline"
+              size="sm"
+              part="cancel-button"
+              @click=${this.requestClose}
+            >${this.cancelText}</mz-button>
+            <mz-button
+              class="alert-dialog__confirm"
+              variant=${this.confirmVariant}
+              appearance="filled"
+              size="sm"
+              part="confirm-button"
+              ?loading=${this.loading}
+              ?disabled=${this.loading}
+              @click=${this.handleConfirm}
+            >${this.confirmText}</mz-button>
+          </div>
+        </div>
+      </dialog>
+    `}};e.styles=p,e.dependencies={"mz-button":c},t([l("dialog")],e.prototype,"dialogEl",2),t([l(".alert-dialog__cancel")],e.prototype,"cancelBtn",2),t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"variant",2),t([i({attribute:"confirm-text"})],e.prototype,"confirmText",2),t([i({attribute:"cancel-text"})],e.prototype,"cancelText",2),t([i({type:Boolean})],e.prototype,"loading",2);export{e as a};
+//# sourceMappingURL=chunk.YTRAPHJR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert-dialog/alert-dialog.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { MzButton } from '../button/button.component.js';\nimport { lockScroll, unlockScroll } from '../../internal/scroll.js';\nimport styles from './alert-dialog.styles.js';\n\n/**\n * @summary A confirmation/alert dialog built on the native <dialog> element.\n * Purpose-built for confirm/cancel actions like \"Are you sure you want to delete?\".\n *\n * @tag mz-alert-dialog\n *\n * @dependency mz-button\n *\n * @slot - The dialog body/message content.\n *\n * @event mz-confirm - Emitted when the user clicks the confirm button.\n * @event mz-cancel - Emitted when the user clicks cancel or presses Escape.\n * @event mz-request-close - Cancelable event emitted before closing. Prevents close if cancelled.\n *\n * @csspart base - The native <dialog> element (overlay/backdrop).\n * @csspart panel - The dialog panel container.\n * @csspart header - The header area containing the title.\n * @csspart body - The body content area.\n * @csspart footer - The footer with action buttons.\n * @csspart confirm-button - The confirm button.\n * @csspart cancel-button - The cancel button.\n */\nexport class MzAlertDialog extends ManzanoElement {\n  static styles = styles;\n\n  static dependencies = {\n    'mz-button': MzButton\n  };\n\n  @query('dialog') private dialogEl!: HTMLDialogElement;\n  @query('.alert-dialog__cancel') private cancelBtn!: HTMLElement;\n\n  /** Whether the dialog is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The dialog title/heading. */\n  @property() label = '';\n\n  /** The dialog variant \u2014 affects confirm button color and title color. */\n  @property({ reflect: true }) variant: 'neutral' | 'danger' | 'warning' | 'primary' = 'neutral';\n\n  /** The confirm button label. */\n  @property({ attribute: 'confirm-text' }) confirmText = 'Confirm';\n\n  /** The cancel button label. */\n  @property({ attribute: 'cancel-text' }) cancelText = 'Cancel';\n\n  /** Show a loading state on the confirm button. */\n  @property({ type: Boolean }) loading = false;\n\n  /** Map dialog variant to button variant. */\n  private get confirmVariant(): string {\n    return this.variant === 'neutral' ? 'primary' : this.variant;\n  }\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open')) {\n      if (this.open) {\n        // Wait for render so the dialog element exists\n        await this.updateComplete;\n        this.dialogEl?.showModal();\n        lockScroll();\n        // Focus cancel button \u2014 safer default (less likely to accidentally confirm)\n        this.cancelBtn?.focus();\n      } else if (changed.get('open') === true) {\n        this.dialogEl?.close();\n        unlockScroll();\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.open) {\n      unlockScroll();\n    }\n  }\n\n  /** Request close \u2014 emits mz-request-close, which can be cancelled. */\n  private requestClose(): void {\n    const allowed = this.emit('mz-request-close', { cancelable: true });\n    if (!allowed) return;\n    this.open = false;\n    this.emit('mz-cancel');\n  }\n\n  private handleConfirm(): void {\n    if (this.loading) return;\n    this.emit('mz-confirm');\n    // Don't auto-close \u2014 let the consumer close after async operation\n  }\n\n  /** Handle native <dialog> cancel (Escape key). */\n  private handleDialogCancel(e: Event): void {\n    e.preventDefault();\n    this.requestClose();\n  }\n\n  /** Handle clicks on the <dialog> element (backdrop clicks). */\n  private handleBackdropClick(e: MouseEvent): void {\n    if (e.target === this.dialogEl) {\n      this.requestClose();\n    }\n  }\n\n  /** Programmatically show the dialog. */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically hide the dialog. */\n  hide(): void {\n    this.open = false;\n  }\n\n  render() {\n    return html`\n      <dialog\n        class=${classMap({\n          'alert-dialog': true,\n          'alert-dialog--open': this.open\n        })}\n        part=\"base\"\n        aria-label=${this.label}\n        @cancel=${this.handleDialogCancel}\n        @click=${this.handleBackdropClick}\n      >\n        <div class=\"alert-dialog__panel\" part=\"panel\">\n          <div class=\"alert-dialog__header\" part=\"header\">\n            <h2 class=\"alert-dialog__title\">${this.label}</h2>\n          </div>\n          <div class=\"alert-dialog__body\" part=\"body\">\n            <slot></slot>\n          </div>\n          <div class=\"alert-dialog__footer\" part=\"footer\">\n            <mz-button\n              class=\"alert-dialog__cancel\"\n              variant=\"neutral\"\n              appearance=\"outline\"\n              size=\"sm\"\n              part=\"cancel-button\"\n              @click=${this.requestClose}\n            >${this.cancelText}</mz-button>\n            <mz-button\n              class=\"alert-dialog__confirm\"\n              variant=${this.confirmVariant}\n              appearance=\"filled\"\n              size=\"sm\"\n              part=\"confirm-button\"\n              ?loading=${this.loading}\n              ?disabled=${this.loading}\n              @click=${this.handleConfirm}\n            >${this.confirmText}</mz-button>\n          </div>\n        </div>\n      </dialog>\n    `;\n  }\n}\n"],
+  "mappings": "6SA8BO,IAAMA,EAAN,cAA4BC,CAAe,CAA3C,kCAWuC,UAAO,GAGvC,WAAQ,GAGS,aAAwD,UAG5C,iBAAc,UAGf,gBAAa,SAGxB,aAAU,GAGvC,IAAY,gBAAyB,CACnC,OAAO,KAAK,UAAY,UAAY,UAAY,KAAK,OACvD,CAEA,MAAM,QAAQC,EAA8C,CACtDA,EAAQ,IAAI,MAAM,IAChB,KAAK,MAEP,MAAM,KAAK,eACX,KAAK,UAAU,UAAU,EACzBC,EAAW,EAEX,KAAK,WAAW,MAAM,GACbD,EAAQ,IAAI,MAAM,IAAM,KACjC,KAAK,UAAU,MAAM,EACrBE,EAAa,GAGnB,CAEA,sBAA6B,CAC3B,MAAM,qBAAqB,EACvB,KAAK,MACPA,EAAa,CAEjB,CAGQ,cAAqB,CACX,KAAK,KAAK,mBAAoB,CAAE,WAAY,EAAK,CAAC,IAElE,KAAK,KAAO,GACZ,KAAK,KAAK,WAAW,EACvB,CAEQ,eAAsB,CACxB,KAAK,SACT,KAAK,KAAK,YAAY,CAExB,CAGQ,mBAAmBC,EAAgB,CACzCA,EAAE,eAAe,EACjB,KAAK,aAAa,CACpB,CAGQ,oBAAoBA,EAAqB,CAC3CA,EAAE,SAAW,KAAK,UACpB,KAAK,aAAa,CAEtB,CAGA,MAAa,CACX,KAAK,KAAO,EACd,CAGA,MAAa,CACX,KAAK,KAAO,EACd,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,gBAEKD,EAAS,CACf,eAAgB,GAChB,qBAAsB,KAAK,IAC7B,CAAC,CAAC;AAAA;AAAA,qBAEW,KAAK,KAAK;AAAA,kBACb,KAAK,kBAAkB;AAAA,iBACxB,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA,8CAIK,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAYjC,KAAK,YAAY;AAAA,eACzB,KAAK,UAAU;AAAA;AAAA;AAAA,wBAGN,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA,yBAIlB,KAAK,OAAO;AAAA,0BACX,KAAK,OAAO;AAAA,uBACf,KAAK,aAAa;AAAA,eAC1B,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,KAK7B,CACF,EAxIaL,EACJ,OAASO,EADLP,EAGJ,aAAe,CACpB,YAAaQ,CACf,EAEyBC,EAAA,CAAxBJ,EAAM,QAAQ,GAPJL,EAOc,wBACeS,EAAA,CAAvCJ,EAAM,uBAAuB,GARnBL,EAQ6B,yBAGIS,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAX/BV,EAWiC,oBAGhCS,EAAA,CAAXC,EAAS,GAdCV,EAcC,qBAGiBS,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAjBhBV,EAiBkB,uBAGYS,EAAA,CAAxCC,EAAS,CAAE,UAAW,cAAe,CAAC,GApB5BV,EAoB8B,2BAGDS,EAAA,CAAvCC,EAAS,CAAE,UAAW,aAAc,CAAC,GAvB3BV,EAuB6B,0BAGXS,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,GA1BhBV,EA0BkB",
+  "names": ["MzAlertDialog", "ManzanoElement", "changed", "lockScroll", "unlockScroll", "e", "b", "alert_dialog_styles_default", "MzButton", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.YUHTZU7Y.js

@@ -0,0 +1,20 @@
+import{a as S}from"./chunk.CGXQR74G.js";import{a as w}from"./chunk.GBSGAUKU.js";import{b}from"./chunk.3JBHP47A.js";import{c as x}from"./chunk.ZET76ZDM.js";import{a as m,b as v,d as y}from"./chunk.K3BKUERM.js";import{d as p,g as u}from"./chunk.TO7F5R6A.js";import{a as f}from"./chunk.725K2GLP.js";import{a}from"./chunk.MGICPQBB.js";var n=class extends w{};n.directiveName="unsafeSVG",n.resultType=2;var $=b(n);var l=new Map,G=new Set(["svg","g","path","circle","ellipse","line","polyline","polygon","rect","defs","clipPath","use","symbol","title","desc","linearGradient","radialGradient","stop","mask","pattern","text","tspan","textPath"]);function L(c){let i=new DOMParser().parseFromString(c,"image/svg+xml").querySelector("svg");if(!i)return"";let r=h=>{let o=[...h.children];for(let e of o)if(!G.has(e.localName))e.remove();else{for(let d of[...e.attributes])d.name.startsWith("on")&&e.removeAttribute(d.name);r(e)}};return r(i),i.removeAttribute("width"),i.removeAttribute("height"),i.outerHTML}var s=class extends y{constructor(){super(...arguments);this.name="";this.library="default";this.label="";this.svg=""}async handleIconChange(){if(!this.name){this.svg="";return}let t=x(this.library);if(!t){console.warn(`Manzano: Icon library "${this.library}" is not registered.`),this.emit("mz-error",{detail:{}});return}let i=t.resolver(this.name),r=`${this.library}:${this.name}`;try{l.has(r)||l.set(r,fetch(i).then(e=>{if(!e.ok)throw new Error(`Failed to load icon: ${e.status}`);return e.text()}));let h=await l.get(r),o=L(h);if(!o){l.delete(r),this.emit("mz-error",{detail:{}});return}if(t.mutator){let g=new DOMParser().parseFromString(o,"image/svg+xml").querySelector("svg");g&&(t.mutator(g),this.svg=g.outerHTML)}else this.svg=o;this.emit("mz-load")}catch{l.delete(r),this.svg="",this.emit("mz-error",{detail:{}})}}render(){let t=this.label.length>0;return p`
+      <div
+        part="svg"
+        role=${t?"img":"presentation"}
+        aria-label=${t?this.label:u}
+        aria-hidden=${t?"false":"true"}
+      >
+        ${$(this.svg)}
+      </div>
+    `}};s.styles=S,a([m({reflect:!0})],s.prototype,"name",2),a([m()],s.prototype,"library",2),a([m()],s.prototype,"label",2),a([v()],s.prototype,"svg",2),a([f("name"),f("library")],s.prototype,"handleIconChange",1);export{s as a};
+/*! Bundled license information:
+
+lit-html/directives/unsafe-svg.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.YUHTZU7Y.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/src/directives/unsafe-svg.ts", "../../src/components/icon/icon.component.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {directive} from '../directive.js';\nimport {UnsafeHTMLDirective} from './unsafe-html.js';\n\nconst SVG_RESULT = 2;\n\nclass UnsafeSVGDirective extends UnsafeHTMLDirective {\n  static override directiveName = 'unsafeSVG';\n  static override resultType = SVG_RESULT;\n}\n\n/**\n * Renders the result as SVG, rather than text.\n *\n * The values `undefined`, `null`, and `nothing`, will all result in no content\n * (empty string) being rendered.\n *\n * Note, this is unsafe to use with any user-provided input that hasn't been\n * sanitized or escaped, as it may lead to cross-site-scripting\n * vulnerabilities.\n */\nexport const unsafeSVG = directive(UnsafeSVGDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {UnsafeSVGDirective};\n", "import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { watch } from '../../internal/watch.js';\nimport { getIconLibrary } from '../../utilities/icon-library.js';\nimport styles from './icon.styles.js';\n\n// SVG cache to avoid redundant fetches\nconst iconCache = new Map<string, Promise<string>>();\n\n// Allowed SVG elements and attributes for sanitization\nconst allowedTags = new Set([\n  'svg', 'g', 'path', 'circle', 'ellipse', 'line', 'polyline', 'polygon',\n  'rect', 'defs', 'clipPath', 'use', 'symbol', 'title', 'desc',\n  'linearGradient', 'radialGradient', 'stop', 'mask', 'pattern',\n  'text', 'tspan', 'textPath'\n]);\n\nfunction sanitizeSvg(svgText: string): string {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(svgText, 'image/svg+xml');\n  const svg = doc.querySelector('svg');\n  if (!svg) return '';\n\n  // Walk the tree and remove disallowed elements\n  const walk = (node: Element) => {\n    const children = [...node.children];\n    for (const child of children) {\n      if (!allowedTags.has(child.localName)) {\n        child.remove();\n      } else {\n        // Remove event handler attributes\n        for (const attr of [...child.attributes]) {\n          if (attr.name.startsWith('on')) {\n            child.removeAttribute(attr.name);\n          }\n        }\n        walk(child);\n      }\n    }\n  };\n\n  walk(svg);\n\n  // Remove width/height from SVG root to allow CSS sizing\n  svg.removeAttribute('width');\n  svg.removeAttribute('height');\n\n  return svg.outerHTML;\n}\n\n/**\n * @summary Renders an SVG icon from a registered icon library.\n *\n * @tag mz-icon\n *\n * @event mz-load - Emitted when the icon has loaded.\n * @event mz-error - Emitted when the icon fails to load.\n *\n * @csspart svg - The SVG element.\n *\n * @cssproperty --mz-icon-size - The size of the icon.\n */\nexport class MzIcon extends ManzanoElement {\n  static styles = styles;\n\n  /** The name of the icon to render */\n  @property({ reflect: true }) name = '';\n\n  /** The name of the icon library to use */\n  @property() library = 'default';\n\n  /** An accessible label for the icon */\n  @property() label = '';\n\n  @state() private svg = '';\n\n  @watch('name')\n  @watch('library')\n  async handleIconChange(): Promise<void> {\n    if (!this.name) {\n      this.svg = '';\n      return;\n    }\n\n    const lib = getIconLibrary(this.library);\n    if (!lib) {\n      console.warn(`Manzano: Icon library \"${this.library}\" is not registered.`);\n      this.emit('mz-error', { detail: {} });\n      return;\n    }\n\n    const url = lib.resolver(this.name);\n    const cacheKey = `${this.library}:${this.name}`;\n\n    try {\n      if (!iconCache.has(cacheKey)) {\n        iconCache.set(\n          cacheKey,\n          fetch(url).then(res => {\n            if (!res.ok) throw new Error(`Failed to load icon: ${res.status}`);\n            return res.text();\n          })\n        );\n      }\n\n      const rawSvg = await iconCache.get(cacheKey)!;\n      const sanitized = sanitizeSvg(rawSvg);\n\n      if (!sanitized) {\n        iconCache.delete(cacheKey);\n        this.emit('mz-error', { detail: {} });\n        return;\n      }\n\n      // Apply library mutator if provided\n      if (lib.mutator) {\n        const parser = new DOMParser();\n        const doc = parser.parseFromString(sanitized, 'image/svg+xml');\n        const svg = doc.querySelector('svg');\n        if (svg) {\n          lib.mutator(svg);\n          this.svg = svg.outerHTML;\n        }\n      } else {\n        this.svg = sanitized;\n      }\n\n      this.emit('mz-load');\n    } catch {\n      iconCache.delete(cacheKey);\n      this.svg = '';\n      this.emit('mz-error', { detail: {} });\n    }\n  }\n\n  render() {\n    const hasLabel = this.label.length > 0;\n\n    return html`\n      <div\n        part=\"svg\"\n        role=${hasLabel ? 'img' : 'presentation'}\n        aria-label=${hasLabel ? this.label : nothing}\n        aria-hidden=${hasLabel ? 'false' : 'true'}\n      >\n        ${unsafeSVG(this.svg)}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["UnsafeSVGDirective", "UnsafeHTMLDirective", "directiveName", "resultType", "unsafeSVG", "directive", "iconCache", "allowedTags", "sanitizeSvg", "svgText", "svg", "walk", "node", "children", "child", "attr", "MzIcon", "ManzanoElement", "lib", "getIconLibrary", "url", "cacheKey", "res", "rawSvg", "sanitized", "hasLabel", "b", "A", "o", "icon_styles_default", "__decorateClass", "n", "r", "watch"]
+}

package/cdn/chunks/chunk.YUTXUJQK.js

@@ -0,0 +1,21 @@
+import{a as n}from"./chunk.2RIQ4GYJ.js";import{a as c}from"./chunk.X6MSTFXZ.js";import{a as s,c as i,d as o}from"./chunk.K3BKUERM.js";import{d as a,g as r}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends o{constructor(){super(...arguments);this.value="";this.size="md";this.checked=!1;this.disabled=!1}focus(l){this.inputEl?.focus(l)}blur(){this.inputEl?.blur()}handleChange(){this.checked||(this.checked=!0,this.emit("mz-radio-change",{detail:{value:this.value}}))}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let l={radio__control:!0,"radio__control--checked":this.checked};return a`
+      <label part="base" class="radio">
+        <input
+          class="radio__input"
+          type="radio"
+          value=${this.value}
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        <span part="control" class=${c(l)}>
+          ${this.checked?a`<span class="radio__dot"></span>`:r}
+        </span>
+        <span part="label" class="radio__label">
+          <slot></slot>
+        </span>
+      </label>
+    `}};e.styles=n,t([i(".radio__input")],e.prototype,"inputEl",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2);export{e as a};
+//# sourceMappingURL=chunk.YUTXUJQK.js.map

package/cdn/chunks/chunk.YUWY5ZTK.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk.LPNISGOM.js";a.define("mz-card");
+//# sourceMappingURL=chunk.YUWY5ZTK.js.map

package/cdn/chunks/chunk.Z7VW3RS5.js

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

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

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

package/cdn/chunks/chunk.ZFD53CMH.js

@@ -0,0 +1,35 @@
+import{a as c}from"./chunk.TTRQVYP2.js";import{a as n}from"./chunk.6VM5ZMIJ.js";import{a,b as d,c as h,d as p}from"./chunk.K3BKUERM.js";import{d as o,e as l}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var i=class extends p{constructor(){super(...arguments);this.position=50;this.disabled=!1;this.dragging=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.syncWidth()),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}syncWidth(){this.container&&this.style.setProperty("--_container-width",this.container.offsetWidth+"px")}handleDragStart(e){this.disabled||(e.preventDefault(),this.dragging=!0,this.setAttribute("dragging",""),e.target.setPointerCapture(e.pointerId))}handleDragMove(e){if(!this.dragging||!this.container)return;let t=this.container.getBoundingClientRect(),r=Math.max(0,Math.min(100,(e.clientX-t.left)/t.width*100));this.position=r,this.emit("mz-change",{detail:{position:r}})}handleDragEnd(){this.dragging=!1,this.removeAttribute("dragging")}handleKeyDown(e){if(this.disabled)return;let t=this.position,r=e.shiftKey?10:1;switch(e.key){case"ArrowLeft":e.preventDefault(),t-=r;break;case"ArrowRight":e.preventDefault(),t+=r;break;case"Home":e.preventDefault(),t=0;break;case"End":e.preventDefault(),t=100;break;default:return}t=Math.max(0,Math.min(100,t)),t!==this.position&&(this.position=t,this.emit("mz-change",{detail:{position:t}}))}render(){let e=`${this.position}%`;return o`
+      <div class="slider__base" part="base">
+        <div class="slider__after" part="after">
+          <slot name="after"></slot>
+        </div>
+        <div class="slider__before-clip" part="before" style=${n({width:e})}>
+          <div class="slider__before">
+            <slot name="before"></slot>
+          </div>
+        </div>
+        <div
+          class="slider__handle"
+          part="divider"
+          role="slider"
+          tabindex=${this.disabled?-1:0}
+          aria-label="Comparison slider"
+          aria-valuenow=${Math.round(this.position)}
+          aria-valuemin="0"
+          aria-valuemax="100"
+          style=${n({left:e})}
+          @pointerdown=${this.handleDragStart}
+          @pointermove=${this.handleDragMove}
+          @pointerup=${this.handleDragEnd}
+          @lostpointercapture=${this.handleDragEnd}
+          @keydown=${this.handleKeyDown}
+        >
+          <slot name="handle">
+            <div class="slider__grip">
+              ${l`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M8 6l-4 6 4 6"/><path d="M16 6l4 6-4 6"/></svg>`}
+            </div>
+          </slot>
+        </div>
+      </div>
+    `}};i.styles=c,s([a({type:Number})],i.prototype,"position",2),s([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([d()],i.prototype,"dragging",2),s([h(".slider__base")],i.prototype,"container",2);export{i as a};
+//# sourceMappingURL=chunk.ZFD53CMH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/comparison-slider/comparison-slider.component.ts"],
+  "sourcesContent": ["import { html, svg } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './comparison-slider.styles.js';\n\n/**\n * @summary An image/content comparison slider that reveals one layer over another by dragging.\n *\n * @slot before - Content for the \"before\" (left) layer that clips to reveal the \"after\" layer.\n * @slot after - Content for the \"after\" (right) layer shown beneath.\n * @slot handle - Custom handle content. Defaults to a circular grip with arrows.\n *\n * @event mz-change - Emitted while dragging. `event.detail.position` is the current percentage.\n *\n * @csspart base - The outer container.\n * @csspart before - The clipped before pane.\n * @csspart after - The after pane (bottom layer).\n * @csspart divider - The drag handle.\n *\n * @cssproperty --mz-comparison-slider-divider-width - Divider line thickness (default: 3px).\n * @cssproperty --mz-comparison-slider-divider-color - Divider line color.\n * @cssproperty --mz-comparison-slider-handle-size - Grip circle diameter (default: 40px).\n * @cssproperty --mz-comparison-slider-handle-color - Grip circle background color.\n */\nexport class MzComparisonSlider extends ManzanoElement {\n  static styles = styles;\n\n  /** Divider position as a percentage from the left (0-100). */\n  @property({ type: Number }) position = 50;\n\n  /** Prevent the divider from being dragged. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() private dragging = false;\n\n  @query('.slider__base') private container!: HTMLElement;\n\n  private resizeObserver?: ResizeObserver;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => this.syncWidth());\n    // Wait for first render to observe the container\n    this.updateComplete.then(() => {\n      if (this.container) this.resizeObserver!.observe(this.container);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver?.disconnect();\n  }\n\n  private syncWidth() {\n    if (!this.container) return;\n    this.style.setProperty('--_container-width', this.container.offsetWidth + 'px');\n  }\n\n  private handleDragStart(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this.dragging = true;\n    this.setAttribute('dragging', '');\n    (e.target as HTMLElement).setPointerCapture(e.pointerId);\n  }\n\n  private handleDragMove(e: PointerEvent) {\n    if (!this.dragging || !this.container) return;\n    const rect = this.container.getBoundingClientRect();\n    const pct = Math.max(0, Math.min(100, ((e.clientX - rect.left) / rect.width) * 100));\n    this.position = pct;\n    this.emit('mz-change', { detail: { position: pct } });\n  }\n\n  private handleDragEnd() {\n    this.dragging = false;\n    this.removeAttribute('dragging');\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n\n    let newPos = this.position;\n    const step = e.shiftKey ? 10 : 1;\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        newPos -= step;\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        newPos += step;\n        break;\n      case 'Home':\n        e.preventDefault();\n        newPos = 0;\n        break;\n      case 'End':\n        e.preventDefault();\n        newPos = 100;\n        break;\n      default:\n        return;\n    }\n\n    newPos = Math.max(0, Math.min(100, newPos));\n    if (newPos !== this.position) {\n      this.position = newPos;\n      this.emit('mz-change', { detail: { position: newPos } });\n    }\n  }\n\n  render() {\n    const pos = `${this.position}%`;\n\n    return html`\n      <div class=\"slider__base\" part=\"base\">\n        <div class=\"slider__after\" part=\"after\">\n          <slot name=\"after\"></slot>\n        </div>\n        <div class=\"slider__before-clip\" part=\"before\" style=${styleMap({ width: pos })}>\n          <div class=\"slider__before\">\n            <slot name=\"before\"></slot>\n          </div>\n        </div>\n        <div\n          class=\"slider__handle\"\n          part=\"divider\"\n          role=\"slider\"\n          tabindex=${this.disabled ? -1 : 0}\n          aria-label=\"Comparison slider\"\n          aria-valuenow=${Math.round(this.position)}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          style=${styleMap({ left: pos })}\n          @pointerdown=${this.handleDragStart}\n          @pointermove=${this.handleDragMove}\n          @pointerup=${this.handleDragEnd}\n          @lostpointercapture=${this.handleDragEnd}\n          @keydown=${this.handleKeyDown}\n        >\n          <slot name=\"handle\">\n            <div class=\"slider__grip\">\n              ${svg`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M8 6l-4 6 4 6\"/><path d=\"M16 6l4 6-4 6\"/></svg>`}\n            </div>\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "+NAyBO,IAAMA,EAAN,cAAiCC,CAAe,CAAhD,kCAIuB,cAAW,GAGK,cAAW,GAE9C,KAAQ,SAAW,GAM5B,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,eAAiB,IAAI,eAAe,IAAM,KAAK,UAAU,CAAC,EAE/D,KAAK,eAAe,KAAK,IAAM,CACzB,KAAK,WAAW,KAAK,eAAgB,QAAQ,KAAK,SAAS,CACjE,CAAC,CACH,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,gBAAgB,WAAW,CAClC,CAEQ,WAAY,CACb,KAAK,WACV,KAAK,MAAM,YAAY,qBAAsB,KAAK,UAAU,YAAc,IAAI,CAChF,CAEQ,gBAAgB,EAAiB,CACnC,KAAK,WACT,EAAE,eAAe,EACjB,KAAK,SAAW,GAChB,KAAK,aAAa,WAAY,EAAE,EAC/B,EAAE,OAAuB,kBAAkB,EAAE,SAAS,EACzD,CAEQ,eAAe,EAAiB,CACtC,GAAI,CAAC,KAAK,UAAY,CAAC,KAAK,UAAW,OACvC,IAAMC,EAAO,KAAK,UAAU,sBAAsB,EAC5CC,EAAM,KAAK,IAAI,EAAG,KAAK,IAAI,KAAO,EAAE,QAAUD,EAAK,MAAQA,EAAK,MAAS,GAAG,CAAC,EACnF,KAAK,SAAWC,EAChB,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,SAAUA,CAAI,CAAE,CAAC,CACtD,CAEQ,eAAgB,CACtB,KAAK,SAAW,GAChB,KAAK,gBAAgB,UAAU,CACjC,CAEQ,cAAc,EAAkB,CACtC,GAAI,KAAK,SAAU,OAEnB,IAAIC,EAAS,KAAK,SACZC,EAAO,EAAE,SAAW,GAAK,EAE/B,OAAQ,EAAE,IAAK,CACb,IAAK,YACH,EAAE,eAAe,EACjBD,GAAUC,EACV,MACF,IAAK,aACH,EAAE,eAAe,EACjBD,GAAUC,EACV,MACF,IAAK,OACH,EAAE,eAAe,EACjBD,EAAS,EACT,MACF,IAAK,MACH,EAAE,eAAe,EACjBA,EAAS,IACT,MACF,QACE,MACJ,CAEAA,EAAS,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAM,CAAC,EACtCA,IAAW,KAAK,WAClB,KAAK,SAAWA,EAChB,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,SAAUA,CAAO,CAAE,CAAC,EAE3D,CAEA,QAAS,CACP,IAAME,EAAM,GAAG,KAAK,QAAQ,IAE5B,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,+DAKoDC,EAAS,CAAE,MAAOF,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASlE,KAAK,SAAW,GAAK,CAAC;AAAA;AAAA,0BAEjB,KAAK,MAAM,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA,kBAGjCE,EAAS,CAAE,KAAMF,CAAI,CAAC,CAAC;AAAA,yBAChB,KAAK,eAAe;AAAA,yBACpB,KAAK,cAAc;AAAA,uBACrB,KAAK,aAAa;AAAA,gCACT,KAAK,aAAa;AAAA,qBAC7B,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA,gBAIvBG,uLAAyL;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvM,CACF,EA/HaT,EACJ,OAASU,EAGYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GAJfZ,EAIiB,wBAGgBW,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BZ,EAOiC,wBAE3BW,EAAA,CAAhBE,EAAM,GATIb,EASM,wBAEeW,EAAA,CAA/BG,EAAM,eAAe,GAXXd,EAWqB",
+  "names": ["MzComparisonSlider", "ManzanoElement", "rect", "pct", "newPos", "step", "pos", "b", "o", "w", "comparison_slider_styles_default", "__decorateClass", "n", "r", "e"]
+}

package/cdn/chunks/chunk.ZHL5HKVG.js

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

package/cdn/chunks/chunk.ZQFSXFTQ.js

@@ -0,0 +1,57 @@
+import{a as l}from"./chunk.22OS67BO.js";import{a as e}from"./chunk.TO7F5R6A.js";var r=[l,e`
+    :host {
+      display: block;
+    }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: var(--mz-space-xs, 0.375rem);
+      font-family: var(--mz-font-sans);
+    }
+
+    .field__label {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.125rem;
+      font-size: var(--mz-font-size-sm);
+      font-weight: var(--mz-font-weight-medium, 500);
+      color: var(--mz-color-text);
+      line-height: var(--mz-line-height-normal);
+    }
+
+    :host([size='small']) .field__label {
+      font-size: var(--mz-font-size-xs);
+    }
+
+    :host([size='large']) .field__label {
+      font-size: var(--mz-font-size-base);
+    }
+
+    .field__required {
+      color: var(--mz-color-danger);
+      font-weight: var(--mz-font-weight-bold, 700);
+    }
+
+    .field__help-text {
+      font-size: var(--mz-font-size-xs);
+      color: var(--mz-color-text-secondary);
+      line-height: var(--mz-line-height-normal);
+    }
+
+    .field__error {
+      font-size: var(--mz-font-size-xs);
+      color: var(--mz-color-danger);
+      line-height: var(--mz-line-height-normal);
+    }
+
+    .field--disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .field--disabled .field__label {
+      cursor: not-allowed;
+    }
+  `];export{r as a};
+//# sourceMappingURL=chunk.ZQFSXFTQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/field/field.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .field {\n      display: flex;\n      flex-direction: column;\n      gap: var(--mz-space-xs, 0.375rem);\n      font-family: var(--mz-font-sans);\n    }\n\n    .field__label {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.125rem;\n      font-size: var(--mz-font-size-sm);\n      font-weight: var(--mz-font-weight-medium, 500);\n      color: var(--mz-color-text);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    :host([size='small']) .field__label {\n      font-size: var(--mz-font-size-xs);\n    }\n\n    :host([size='large']) .field__label {\n      font-size: var(--mz-font-size-base);\n    }\n\n    .field__required {\n      color: var(--mz-color-danger);\n      font-weight: var(--mz-font-weight-bold, 700);\n    }\n\n    .field__help-text {\n      font-size: var(--mz-font-size-xs);\n      color: var(--mz-color-text-secondary);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    .field__error {\n      font-size: var(--mz-font-size-xs);\n      color: var(--mz-color-danger);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    .field--disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .field--disabled .field__label {\n      cursor: not-allowed;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwDF",
+  "names": ["field_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.ZR6KIOME.js

@@ -0,0 +1,6 @@
+import{a as l}from"./chunk.QH4BJ7YS.js";import{a as r,d as s}from"./chunk.K3BKUERM.js";import{d as i}from"./chunk.TO7F5R6A.js";import{a as e}from"./chunk.MGICPQBB.js";var t=class extends s{constructor(){super(...arguments);this.name="";this.label="";this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tabpanel")}render(){return this.id=this.id||`panel-${this.name}`,this.setAttribute("aria-labelledby",`tab-${this.name}`),this.active?this.removeAttribute("hidden"):this.setAttribute("hidden",""),i`
+      <div class="tab-panel">
+        <slot></slot>
+      </div>
+    `}};t.styles=l,e([r({reflect:!0})],t.prototype,"name",2),e([r({reflect:!0})],t.prototype,"label",2),e([r({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2);export{t as a};
+//# sourceMappingURL=chunk.ZR6KIOME.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-panel/tab-panel.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './tab-panel.styles.js';\n\n/**\n * @summary A panel that holds tab content, used inside `<mz-tab-group>`.\n *\n * @tag mz-tab-panel\n *\n * @slot - The panel content.\n *\n * @cssproperty --mz-tab-panel-padding - Override the panel padding.\n */\nexport class MzTabPanel extends ManzanoElement {\n  static styles = styles;\n\n  /** Unique identifier for this tab panel. Used to match tab buttons. */\n  @property({ reflect: true }) name = '';\n\n  /** Display text for the tab button. */\n  @property({ reflect: true }) label = '';\n\n  /** Whether this panel is the active/visible one. Managed by the parent tab-group. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /** Whether this tab is disabled and cannot be activated. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'tabpanel');\n  }\n\n  render() {\n    // Set aria attributes on the host\n    this.id = this.id || `panel-${this.name}`;\n    this.setAttribute('aria-labelledby', `tab-${this.name}`);\n\n    if (!this.active) {\n      this.setAttribute('hidden', '');\n    } else {\n      this.removeAttribute('hidden');\n    }\n\n    return html`\n      <div class=\"tab-panel\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "uKAcO,IAAMA,EAAN,cAAyBC,CAAe,CAAxC,kCAIwB,UAAO,GAGP,WAAQ,GAGO,YAAS,GAGT,cAAW,GAEvD,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,aAAa,OAAQ,UAAU,CACtC,CAEA,QAAS,CAEP,YAAK,GAAK,KAAK,IAAM,SAAS,KAAK,IAAI,GACvC,KAAK,aAAa,kBAAmB,OAAO,KAAK,IAAI,EAAE,EAElD,KAAK,OAGR,KAAK,gBAAgB,QAAQ,EAF7B,KAAK,aAAa,SAAU,EAAE,EAKzBC;AAAA;AAAA;AAAA;AAAA,KAKT,CACF,EArCaF,EACJ,OAASG,EAGaC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBL,EAIkB,oBAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAPhBL,EAOkB,qBAGeI,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BL,EAUiC,sBAGAI,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAb/BL,EAaiC",
+  "names": ["MzTabPanel", "ManzanoElement", "b", "tab_panel_styles_default", "__decorateClass", "n"]
+}

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

@@ -0,0 +1,20 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A container that manages a group of collapsible accordion items.
+ *
+ * @tag mz-accordion
+ *
+ * @slot - The accordion items (`mz-accordion-item` elements).
+ *
+ * @csspart base - The accordion's base wrapper.
+ */
+export declare class MzAccordion extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** Allow multiple items to be open simultaneously. */
+    multiple: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleShow;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=accordion.component.d.ts.map

package/cdn/components/accordion/accordion.component.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunks/chunk.TFM7FUAX.js";import"../../chunks/chunk.WGHSCLZE.js";import"../../chunks/chunk.22OS67BO.js";import"../../chunks/chunk.K3BKUERM.js";import"../../chunks/chunk.TO7F5R6A.js";import"../../chunks/chunk.MGICPQBB.js";export{a as MzAccordion};
+//# sourceMappingURL=accordion.component.js.map