@manzanohq/components 0.1.1

package/cdn/chunks/chunk.XC7WTGRX.js

@@ -0,0 +1,90 @@
+import{a as r}from"./chunk.KUTEZIT4.js";import{a as o}from"./chunk.NNH44ORV.js";var i=[r,o`
+    :host {
+      display: contents;
+    }
+
+    .dialog {
+      border: none;
+      padding: 0;
+      background: transparent;
+      max-width: none;
+      max-height: none;
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+    }
+
+    .dialog::backdrop {
+      background: rgb(28 25 21 / 0.5);
+    }
+
+    .dialog__panel {
+      position: fixed;
+      inset: 0;
+      margin: auto;
+      display: flex;
+      flex-direction: column;
+      width: min(calc(100vw - var(--mz-space-xl) * 2), 32rem);
+      max-height: calc(100vh - var(--mz-space-xl) * 2);
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      border-radius: var(--mz-radius-lg);
+      box-shadow: var(--mz-shadow-xl);
+      z-index: var(--mz-z-modal, 1050);
+    }
+
+    .dialog__header {
+      display: flex;
+      align-items: center;
+      gap: var(--mz-space-sm);
+      padding: var(--mz-space-md) var(--mz-space-lg);
+      border-bottom: var(--mz-border-width-sm) solid var(--mz-color-border);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-lg);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text);
+    }
+
+    .dialog__close {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      margin-inline-start: auto;
+      padding: var(--mz-space-2xs);
+      border: none;
+      background: none;
+      color: var(--mz-color-text-secondary);
+      cursor: pointer;
+      border-radius: var(--mz-radius-sm);
+      transition: color var(--mz-transition-fast), background var(--mz-transition-fast);
+    }
+
+    .dialog__close:hover {
+      color: var(--mz-color-text);
+      background: var(--mz-color-gray-100);
+    }
+
+    .dialog__close:focus-visible {
+      outline: var(--mz-focus-ring);
+      outline-offset: var(--mz-focus-ring-offset);
+    }
+
+    .dialog__body {
+      flex: 1;
+      padding: var(--mz-space-lg);
+      overflow-y: auto;
+      color: var(--mz-color-text);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-md);
+      line-height: var(--mz-line-height-normal);
+    }
+
+    .dialog__footer {
+      padding: var(--mz-space-md) var(--mz-space-lg);
+      border-top: var(--mz-border-width-sm) solid var(--mz-color-border);
+    }
+
+    .dialog__footer:empty {
+      display: none;
+    }
+  `];export{i as a};
+//# sourceMappingURL=chunk.XC7WTGRX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dialog/dialog.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: contents;\n    }\n\n    .dialog {\n      border: none;\n      padding: 0;\n      background: transparent;\n      max-width: none;\n      max-height: none;\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n    }\n\n    .dialog::backdrop {\n      background: rgb(28 25 21 / 0.5);\n    }\n\n    .dialog__panel {\n      position: fixed;\n      inset: 0;\n      margin: auto;\n      display: flex;\n      flex-direction: column;\n      width: min(calc(100vw - var(--mz-space-xl) * 2), 32rem);\n      max-height: calc(100vh - var(--mz-space-xl) * 2);\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      border-radius: var(--mz-radius-lg);\n      box-shadow: var(--mz-shadow-xl);\n      z-index: var(--mz-z-modal, 1050);\n    }\n\n    .dialog__header {\n      display: flex;\n      align-items: center;\n      gap: var(--mz-space-sm);\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-bottom: var(--mz-border-width-sm) solid var(--mz-color-border);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n    }\n\n    .dialog__close {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-inline-start: auto;\n      padding: var(--mz-space-2xs);\n      border: none;\n      background: none;\n      color: var(--mz-color-text-secondary);\n      cursor: pointer;\n      border-radius: var(--mz-radius-sm);\n      transition: color var(--mz-transition-fast), background var(--mz-transition-fast);\n    }\n\n    .dialog__close:hover {\n      color: var(--mz-color-text);\n      background: var(--mz-color-gray-100);\n    }\n\n    .dialog__close:focus-visible {\n      outline: var(--mz-focus-ring);\n      outline-offset: var(--mz-focus-ring-offset);\n    }\n\n    .dialog__body {\n      flex: 1;\n      padding: var(--mz-space-lg);\n      overflow-y: auto;\n      color: var(--mz-color-text);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-md);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    .dialog__footer {\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-top: var(--mz-border-width-sm) solid var(--mz-color-border);\n    }\n\n    .dialog__footer:empty {\n      display: none;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyFF",
+  "names": ["dialog_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.XIMHI576.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.ts"],
+  "sourcesContent": ["import { MzCard } from './card.component.js';\n\nexport * from './card.component.js';\n\nMzCard.define('mz-card');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-card': MzCard;\n  }\n}\n"],
+  "mappings": "mCAIAA,EAAO,OAAO,SAAS",
+  "names": ["MzCard"]
+}

package/cdn/chunks/chunk.XJ4TAQZ2.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.NNH44ORV.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.XJ4TAQZ2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles/form-control.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\n/**\n * Shared form control styles for input, textarea, select, etc.\n */\nexport default css`\n  .form-control {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mz-space-2xs);\n  }\n\n  .form-control__label {\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    font-weight: var(--mz-font-weight-medium);\n    color: var(--mz-color-text);\n  }\n\n  .form-control__help-text {\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text-secondary);\n  }\n\n  :host([data-user-invalid]) .form-control__help-text {\n    color: var(--mz-color-danger);\n  }\n`;\n"],
+  "mappings": "wCAKA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["form_control_styles_default", "i"]
+}

package/cdn/chunks/chunk.XLMHAY3V.js

@@ -0,0 +1,18 @@
+import{a as m}from"./chunk.BZRM77L2.js";import{d as l}from"./chunk.GX7DY53T.js";import{a as r}from"./chunk.OJRE6F6M.js";import{a as o,b as n,c as d,d as h}from"./chunk.SZ34NZMW.js";import{d as a}from"./chunk.NNH44ORV.js";import{a as i}from"./chunk.MGICPQBB.js";var c=0,e=class extends h{constructor(){super(...arguments);this.tooltipId=`mz-tooltip-${++c}`;this.content="";this.placement="top";this.distance=8;this.disabled=!1;this.visible=!1}connectedCallback(){super.connectedCallback(),this.floatingController=new r(this,{referenceEl:()=>this.getTrigger(),floatingEl:()=>this.bodyEl,placement:this.placement,distance:this.distance})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.showTimeout),clearTimeout(this.hideTimeout)}getTrigger(){return(this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0})??[])[0]??null}updated(t){(t.has("placement")||t.has("distance"))&&(this.floatingController=new r(this,{referenceEl:()=>this.getTrigger(),floatingEl:()=>this.bodyEl,placement:this.placement,distance:this.distance}))}async showTooltip(){if(this.disabled||this.visible)return;this.visible=!0,await this.updateComplete,this.bodyEl.style.display="block",await this.floatingController.show();let t=this.getTrigger();t&&t.setAttribute("aria-describedby",this.tooltipId),l(this.bodyEl,"tooltip.show",this.prefersReducedMotion)}async hideTooltip(){if(!this.visible)return;await l(this.bodyEl,"tooltip.hide",this.prefersReducedMotion).finished,this.bodyEl.style.display="none",this.visible=!1,this.floatingController.hide();let s=this.getTrigger();s&&s.removeAttribute("aria-describedby")}handleMouseEnter(){clearTimeout(this.hideTimeout),this.showTimeout=setTimeout(()=>this.showTooltip(),200)}handleMouseLeave(){clearTimeout(this.showTimeout),this.hideTimeout=setTimeout(()=>this.hideTooltip(),0)}handleFocusIn(){clearTimeout(this.hideTimeout),this.showTooltip()}handleFocusOut(){clearTimeout(this.showTimeout),this.hideTooltip()}render(){return a`
+      <slot
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+        @focusin=${this.handleFocusIn}
+        @focusout=${this.handleFocusOut}
+      ></slot>
+      <div
+        part="body"
+        class="tooltip__body"
+        role="tooltip"
+        id=${this.tooltipId}
+        style="display: none"
+      >
+        ${this.content}
+      </div>
+    `}};e.styles=m,i([d(".tooltip__body")],e.prototype,"bodyEl",2),i([o()],e.prototype,"content",2),i([o()],e.prototype,"placement",2),i([o({type:Number})],e.prototype,"distance",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([n()],e.prototype,"visible",2);export{e as a};
+//# sourceMappingURL=chunk.XLMHAY3V.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tooltip/tooltip.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport type { Placement } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FloatingController } from '../../internal/floating.js';\nimport { animateTo } from '../../utilities/animation-registry.js';\nimport styles from './tooltip.styles.js';\n\nlet tooltipIdCounter = 0;\n\n/**\n * @summary A lightweight text tooltip triggered by hover or focus.\n *\n * @tag mz-tooltip\n *\n * @slot - The trigger element the tooltip is attached to.\n *\n * @csspart body - The tooltip body container.\n *\n * @cssproperty --mz-tooltip-bg - Override the tooltip background color.\n * @cssproperty --mz-tooltip-color - Override the tooltip text color.\n */\nexport class MzTooltip extends ManzanoElement {\n  static styles = styles;\n\n  @query('.tooltip__body') private bodyEl!: HTMLDivElement;\n\n  private readonly tooltipId = `mz-tooltip-${++tooltipIdCounter}`;\n  private showTimeout?: ReturnType<typeof setTimeout>;\n  private hideTimeout?: ReturnType<typeof setTimeout>;\n  private floatingController!: FloatingController;\n\n  /** The tooltip text content. */\n  @property() content = '';\n\n  /** Preferred placement relative to the trigger. */\n  @property() placement: Placement = 'top';\n\n  /** Distance from the trigger in pixels. */\n  @property({ type: Number }) distance = 8;\n\n  /** Disables the tooltip. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() private visible = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.floatingController = new FloatingController(this, {\n      referenceEl: () => this.getTrigger(),\n      floatingEl: () => this.bodyEl,\n      placement: this.placement as Placement,\n      distance: this.distance\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearTimeout(this.showTimeout);\n    clearTimeout(this.hideTimeout);\n  }\n\n  private getTrigger(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (assigned[0] as HTMLElement) ?? null;\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('placement') || changed.has('distance')) {\n      this.floatingController = new FloatingController(this, {\n        referenceEl: () => this.getTrigger(),\n        floatingEl: () => this.bodyEl,\n        placement: this.placement as Placement,\n        distance: this.distance\n      });\n    }\n  }\n\n  private async showTooltip(): Promise<void> {\n    if (this.disabled || this.visible) return;\n    this.visible = true;\n    await this.updateComplete;\n    this.bodyEl.style.display = 'block';\n    await this.floatingController.show();\n\n    const trigger = this.getTrigger();\n    if (trigger) {\n      trigger.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    animateTo(this.bodyEl, 'tooltip.show', this.prefersReducedMotion);\n  }\n\n  private async hideTooltip(): Promise<void> {\n    if (!this.visible) return;\n    const anim = animateTo(this.bodyEl, 'tooltip.hide', this.prefersReducedMotion);\n    await anim.finished;\n    this.bodyEl.style.display = 'none';\n    this.visible = false;\n    this.floatingController.hide();\n\n    const trigger = this.getTrigger();\n    if (trigger) {\n      trigger.removeAttribute('aria-describedby');\n    }\n  }\n\n  private handleMouseEnter(): void {\n    clearTimeout(this.hideTimeout);\n    this.showTimeout = setTimeout(() => this.showTooltip(), 200);\n  }\n\n  private handleMouseLeave(): void {\n    clearTimeout(this.showTimeout);\n    this.hideTimeout = setTimeout(() => this.hideTooltip(), 0);\n  }\n\n  private handleFocusIn(): void {\n    clearTimeout(this.hideTimeout);\n    this.showTooltip();\n  }\n\n  private handleFocusOut(): void {\n    clearTimeout(this.showTimeout);\n    this.hideTooltip();\n  }\n\n  render() {\n    return html`\n      <slot\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n        @focusin=${this.handleFocusIn}\n        @focusout=${this.handleFocusOut}\n      ></slot>\n      <div\n        part=\"body\"\n        class=\"tooltip__body\"\n        role=\"tooltip\"\n        id=${this.tooltipId}\n        style=\"display: none\"\n      >\n        ${this.content}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "qQAQA,IAAIA,EAAmB,EAcVC,EAAN,cAAwBC,CAAe,CAAvC,kCAKL,KAAiB,UAAY,cAAc,EAAEF,CAAgB,GAMjD,aAAU,GAGV,eAAuB,MAGP,cAAW,EAGK,cAAW,GAE9C,KAAQ,QAAU,GAE3B,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,mBAAqB,IAAIG,EAAmB,KAAM,CACrD,YAAa,IAAM,KAAK,WAAW,EACnC,WAAY,IAAM,KAAK,OACvB,UAAW,KAAK,UAChB,SAAU,KAAK,QACjB,CAAC,CACH,CAEA,sBAA6B,CAC3B,MAAM,qBAAqB,EAC3B,aAAa,KAAK,WAAW,EAC7B,aAAa,KAAK,WAAW,CAC/B,CAEQ,YAAiC,CAGvC,OAFa,KAAK,YAAY,cAA+B,kBAAkB,GACxD,iBAAiB,CAAE,QAAS,EAAK,CAAC,GAAK,CAAC,GAC9C,CAAC,GAAqB,IACzC,CAEA,QAAQC,EAAqC,EACvCA,EAAQ,IAAI,WAAW,GAAKA,EAAQ,IAAI,UAAU,KACpD,KAAK,mBAAqB,IAAID,EAAmB,KAAM,CACrD,YAAa,IAAM,KAAK,WAAW,EACnC,WAAY,IAAM,KAAK,OACvB,UAAW,KAAK,UAChB,SAAU,KAAK,QACjB,CAAC,EAEL,CAEA,MAAc,aAA6B,CACzC,GAAI,KAAK,UAAY,KAAK,QAAS,OACnC,KAAK,QAAU,GACf,MAAM,KAAK,eACX,KAAK,OAAO,MAAM,QAAU,QAC5B,MAAM,KAAK,mBAAmB,KAAK,EAEnC,IAAME,EAAU,KAAK,WAAW,EAC5BA,GACFA,EAAQ,aAAa,mBAAoB,KAAK,SAAS,EAGzDC,EAAU,KAAK,OAAQ,eAAgB,KAAK,oBAAoB,CAClE,CAEA,MAAc,aAA6B,CACzC,GAAI,CAAC,KAAK,QAAS,OAEnB,MADaA,EAAU,KAAK,OAAQ,eAAgB,KAAK,oBAAoB,EAClE,SACX,KAAK,OAAO,MAAM,QAAU,OAC5B,KAAK,QAAU,GACf,KAAK,mBAAmB,KAAK,EAE7B,IAAMD,EAAU,KAAK,WAAW,EAC5BA,GACFA,EAAQ,gBAAgB,kBAAkB,CAE9C,CAEQ,kBAAyB,CAC/B,aAAa,KAAK,WAAW,EAC7B,KAAK,YAAc,WAAW,IAAM,KAAK,YAAY,EAAG,GAAG,CAC7D,CAEQ,kBAAyB,CAC/B,aAAa,KAAK,WAAW,EAC7B,KAAK,YAAc,WAAW,IAAM,KAAK,YAAY,EAAG,CAAC,CAC3D,CAEQ,eAAsB,CAC5B,aAAa,KAAK,WAAW,EAC7B,KAAK,YAAY,CACnB,CAEQ,gBAAuB,CAC7B,aAAa,KAAK,WAAW,EAC7B,KAAK,YAAY,CACnB,CAEA,QAAS,CACP,OAAOE;AAAA;AAAA,sBAEW,KAAK,gBAAgB;AAAA,sBACrB,KAAK,gBAAgB;AAAA,mBACxB,KAAK,aAAa;AAAA,oBACjB,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAM1B,KAAK,SAAS;AAAA;AAAA;AAAA,UAGjB,KAAK,OAAO;AAAA;AAAA,KAGpB,CACF,EA7HaN,EACJ,OAASO,EAEiBC,EAAA,CAAhCC,EAAM,gBAAgB,GAHZT,EAGsB,sBAQrBQ,EAAA,CAAXE,EAAS,GAXCV,EAWC,uBAGAQ,EAAA,CAAXE,EAAS,GAdCV,EAcC,yBAGgBQ,EAAA,CAA3BE,EAAS,CAAE,KAAM,MAAO,CAAC,GAjBfV,EAiBiB,wBAGgBQ,EAAA,CAA3CE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GApB/BV,EAoBiC,wBAE3BQ,EAAA,CAAhBG,EAAM,GAtBIX,EAsBM",
+  "names": ["tooltipIdCounter", "MzTooltip", "ManzanoElement", "FloatingController", "changed", "trigger", "animateTo", "b", "tooltip_styles_default", "__decorateClass", "e", "n", "r"]
+}

package/cdn/chunks/chunk.XQTVKGGU.js

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

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

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

package/cdn/chunks/chunk.XW4SOVO7.js

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

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

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

package/cdn/chunks/chunk.Y3IAQ67N.js

@@ -0,0 +1,2 @@
+var l=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable]:not([contenteditable="false"])',"audio[controls]","video[controls]","details > summary:first-of-type"].join(",");function r(a){if(a.hidden)return!1;let n=getComputedStyle(a);return n.display!=="none"&&n.visibility!=="hidden"&&n.opacity!=="0"}function d(a){let n=[];function i(t){t instanceof HTMLElement&&t.shadowRoot&&i(t.shadowRoot);let o=(t instanceof ShadowRoot,t).querySelectorAll(l);for(let e of o)r(e)&&n.push(e),e.shadowRoot&&i(e.shadowRoot)}return i(a),n.sort((t,s)=>{let o=Math.max(0,t.tabIndex),e=Math.max(0,s.tabIndex);return o===e?0:o===0?1:e===0?-1:o-e})}export{d as a};
+//# sourceMappingURL=chunk.Y3IAQ67N.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/tabbable.ts"],
+  "sourcesContent": ["/**\n * Find tabbable elements within a container, traversing shadow DOM boundaries.\n */\nconst tabbableSelector = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  'audio[controls]',\n  'video[controls]',\n  'details > summary:first-of-type'\n].join(',');\n\nfunction isVisible(el: HTMLElement): boolean {\n  if (el.hidden) return false;\n  const style = getComputedStyle(el);\n  return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';\n}\n\n/**\n * Get all tabbable elements within a container, including those inside shadow DOMs.\n */\nexport function getTabbableElements(root: HTMLElement | ShadowRoot): HTMLElement[] {\n  const result: HTMLElement[] = [];\n\n  function walk(node: HTMLElement | ShadowRoot): void {\n    // Check for shadow root\n    if (node instanceof HTMLElement && node.shadowRoot) {\n      walk(node.shadowRoot);\n    }\n\n    const container = node instanceof ShadowRoot ? node : node;\n    const elements = container.querySelectorAll<HTMLElement>(tabbableSelector);\n\n    for (const el of elements) {\n      if (isVisible(el)) {\n        result.push(el);\n      }\n      // Recurse into shadow roots\n      if (el.shadowRoot) {\n        walk(el.shadowRoot);\n      }\n    }\n  }\n\n  walk(root);\n\n  // Sort by tabindex (0 or positive come after natural order)\n  return result.sort((a, b) => {\n    const aIndex = Math.max(0, a.tabIndex);\n    const bIndex = Math.max(0, b.tabIndex);\n    if (aIndex === bIndex) return 0;\n    if (aIndex === 0) return 1;\n    if (bIndex === 0) return -1;\n    return aIndex - bIndex;\n  });\n}\n"],
+  "mappings": "AAGA,IAAMA,EAAmB,CACvB,UACA,aACA,yBACA,6CACA,yBACA,2BACA,kCACA,mDACA,kBACA,kBACA,iCACF,EAAE,KAAK,GAAG,EAEV,SAASC,EAAUC,EAA0B,CAC3C,GAAIA,EAAG,OAAQ,MAAO,GACtB,IAAMC,EAAQ,iBAAiBD,CAAE,EACjC,OAAOC,EAAM,UAAY,QAAUA,EAAM,aAAe,UAAYA,EAAM,UAAY,GACxF,CAKO,SAASC,EAAoBC,EAA+C,CACjF,IAAMC,EAAwB,CAAC,EAE/B,SAASC,EAAKC,EAAsC,CAE9CA,aAAgB,aAAeA,EAAK,YACtCD,EAAKC,EAAK,UAAU,EAItB,IAAMC,GADYD,aAAgB,WAAaA,GACpB,iBAA8BR,CAAgB,EAEzE,QAAWE,KAAMO,EACXR,EAAUC,CAAE,GACdI,EAAO,KAAKJ,CAAE,EAGZA,EAAG,YACLK,EAAKL,EAAG,UAAU,CAGxB,CAEA,OAAAK,EAAKF,CAAI,EAGFC,EAAO,KAAK,CAACI,EAAGC,IAAM,CAC3B,IAAMC,EAAS,KAAK,IAAI,EAAGF,EAAE,QAAQ,EAC/BG,EAAS,KAAK,IAAI,EAAGF,EAAE,QAAQ,EACrC,OAAIC,IAAWC,EAAe,EAC1BD,IAAW,EAAU,EACrBC,IAAW,EAAU,GAClBD,EAASC,CAClB,CAAC,CACH",
+  "names": ["tabbableSelector", "isVisible", "el", "style", "getTabbableElements", "root", "result", "walk", "node", "elements", "a", "b", "aIndex", "bIndex"]
+}

package/cdn/chunks/chunk.YJQBIP5J.js

@@ -0,0 +1,113 @@
+import{a}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var t=[a,r`
+    @layer base, variants, appearances, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .alert {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--mz-space-sm);
+        padding: var(--mz-space-md) var(--mz-space-lg);
+        border: var(--mz-border-width-sm) solid transparent;
+        border-radius: var(--mz-alert-radius, var(--mz-radius-lg));
+        background: var(--_bg);
+        color: var(--_text);
+        border-color: var(--_border, transparent);
+        font-family: var(--mz-font-sans);
+        font-size: var(--mz-font-size-sm);
+        line-height: var(--mz-line-height-normal);
+      }
+
+      .alert__icon {
+        display: flex;
+        flex-shrink: 0;
+        padding-top: var(--mz-space-3xs);
+        font-size: var(--mz-font-size-lg);
+      }
+
+      .alert__content {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .alert__close {
+        display: flex;
+        flex-shrink: 0;
+        align-items: center;
+        justify-content: center;
+        background: none;
+        border: none;
+        padding: var(--mz-space-2xs);
+        margin: calc(var(--mz-space-2xs) * -1);
+        cursor: pointer;
+        color: inherit;
+        opacity: 0.7;
+        border-radius: var(--mz-radius-sm);
+        transition: opacity var(--mz-transition-fast);
+        font-size: var(--mz-font-size-lg);
+        line-height: 1;
+      }
+
+      .alert__close:hover {
+        opacity: 1;
+      }
+
+      .alert__close:focus-visible {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer variants {
+      :host([variant='primary']) {
+        --_color: var(--mz-color-primary);
+      }
+
+      :host([variant='danger']) {
+        --_color: var(--mz-color-danger);
+      }
+
+      :host([variant='success']) {
+        --_color: var(--mz-color-success);
+      }
+
+      :host([variant='warning']) {
+        --_color: var(--mz-color-warning);
+      }
+
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_color: var(--mz-color-neutral);
+      }
+    }
+
+    @layer appearances {
+      :host([appearance='soft']),
+      :host(:not([appearance])) {
+        --_bg: color-mix(in srgb, var(--_color) 10%, transparent);
+        --_text: var(--mz-color-text);
+        --_border: color-mix(in srgb, var(--_color) 30%, transparent);
+      }
+
+      :host([appearance='filled']) {
+        --_bg: var(--_color);
+        --_text: var(--mz-color-on-primary);
+      }
+
+      :host([appearance='outline']) {
+        --_bg: transparent;
+        --_text: var(--mz-color-text);
+        --_border: var(--_color);
+      }
+    }
+
+    @layer states {
+      :host([hidden]) {
+        display: none;
+      }
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.YJQBIP5J.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, variants, appearances, states;\n\n    @layer base {\n      :host {\n        display: block;\n      }\n\n      .alert {\n        display: flex;\n        align-items: flex-start;\n        gap: var(--mz-space-sm);\n        padding: var(--mz-space-md) var(--mz-space-lg);\n        border: var(--mz-border-width-sm) solid transparent;\n        border-radius: var(--mz-alert-radius, var(--mz-radius-lg));\n        background: var(--_bg);\n        color: var(--_text);\n        border-color: var(--_border, transparent);\n        font-family: var(--mz-font-sans);\n        font-size: var(--mz-font-size-sm);\n        line-height: var(--mz-line-height-normal);\n      }\n\n      .alert__icon {\n        display: flex;\n        flex-shrink: 0;\n        padding-top: var(--mz-space-3xs);\n        font-size: var(--mz-font-size-lg);\n      }\n\n      .alert__content {\n        flex: 1;\n        min-width: 0;\n      }\n\n      .alert__close {\n        display: flex;\n        flex-shrink: 0;\n        align-items: center;\n        justify-content: center;\n        background: none;\n        border: none;\n        padding: var(--mz-space-2xs);\n        margin: calc(var(--mz-space-2xs) * -1);\n        cursor: pointer;\n        color: inherit;\n        opacity: 0.7;\n        border-radius: var(--mz-radius-sm);\n        transition: opacity var(--mz-transition-fast);\n        font-size: var(--mz-font-size-lg);\n        line-height: 1;\n      }\n\n      .alert__close:hover {\n        opacity: 1;\n      }\n\n      .alert__close:focus-visible {\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n    }\n\n    @layer variants {\n      :host([variant='primary']) {\n        --_color: var(--mz-color-primary);\n      }\n\n      :host([variant='danger']) {\n        --_color: var(--mz-color-danger);\n      }\n\n      :host([variant='success']) {\n        --_color: var(--mz-color-success);\n      }\n\n      :host([variant='warning']) {\n        --_color: var(--mz-color-warning);\n      }\n\n      :host([variant='neutral']),\n      :host(:not([variant])) {\n        --_color: var(--mz-color-neutral);\n      }\n    }\n\n    @layer appearances {\n      :host([appearance='soft']),\n      :host(:not([appearance])) {\n        --_bg: color-mix(in srgb, var(--_color) 10%, transparent);\n        --_text: var(--mz-color-text);\n        --_border: color-mix(in srgb, var(--_color) 30%, transparent);\n      }\n\n      :host([appearance='filled']) {\n        --_bg: var(--_color);\n        --_text: var(--mz-color-on-primary);\n      }\n\n      :host([appearance='outline']) {\n        --_bg: transparent;\n        --_text: var(--mz-color-text);\n        --_border: var(--_color);\n      }\n    }\n\n    @layer states {\n      :host([hidden]) {\n        display: none;\n      }\n    }\n  `\n];\n"],
+  "mappings": "2EAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgHF",
+  "names": ["alert_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.YVOT5EWM.js

@@ -0,0 +1,213 @@
+import{a as o}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var t=[o,r`
+    @layer base, variants, appearances, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-block;
+      }
+
+      .button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--mz-space-xs);
+        border: var(--mz-border-width-sm) solid transparent;
+        font-family: var(--mz-font-sans);
+        font-weight: var(--mz-font-weight-semibold);
+        text-decoration: none;
+        white-space: nowrap;
+        user-select: none;
+        cursor: pointer;
+        transition:
+          background var(--mz-transition-fast) ease,
+          color var(--mz-transition-fast) ease,
+          border-color var(--mz-transition-fast) ease,
+          box-shadow var(--mz-transition-fast) ease;
+        background: var(--_bg);
+        color: var(--_text);
+        border-color: var(--_border, transparent);
+        --_default-radius: var(--_radius, var(--mz-button-radius, var(--mz-radius-md)));
+        border-start-start-radius: var(--mz-button-radius-start, var(--_default-radius));
+        border-end-start-radius: var(--mz-button-radius-start, var(--_default-radius));
+        border-start-end-radius: var(--mz-button-radius-end, var(--_default-radius));
+        border-end-end-radius: var(--mz-button-radius-end, var(--_default-radius));
+        height: var(--_height);
+        padding-inline: var(--_padding-inline);
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-dense);
+      }
+
+      .button:focus-visible {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+
+      /* Prefix / Suffix slots */
+      .button__prefix,
+      .button__suffix {
+        display: inline-flex;
+        flex: none;
+      }
+
+      .button__label {
+        display: inline-flex;
+        align-items: center;
+      }
+
+      /* Loading state */
+      .button--loading .button__label,
+      .button--loading .button__prefix,
+      .button--loading .button__suffix {
+        visibility: hidden;
+      }
+
+      .button__spinner {
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .button--loading {
+        position: relative;
+        cursor: wait;
+      }
+    }
+
+    @layer variants {
+      :host([variant='primary']) {
+        --_color: var(--mz-color-primary);
+        --_color-hover: var(--mz-color-primary-hover);
+        --_color-active: var(--mz-color-primary-active);
+        --_on-color: var(--mz-color-on-primary);
+      }
+
+      :host([variant='danger']) {
+        --_color: var(--mz-color-danger);
+        --_color-hover: var(--mz-color-danger-hover);
+        --_color-active: var(--mz-color-danger-active);
+        --_on-color: var(--mz-color-on-danger);
+      }
+
+      :host([variant='success']) {
+        --_color: var(--mz-color-success);
+        --_color-hover: var(--mz-color-success-hover);
+        --_color-active: var(--mz-color-success-active);
+        --_on-color: var(--mz-color-on-success);
+      }
+
+      :host([variant='warning']) {
+        --_color: var(--mz-color-warning);
+        --_color-hover: var(--mz-color-warning-hover);
+        --_color-active: var(--mz-color-warning-active);
+        --_on-color: var(--mz-color-on-warning);
+      }
+
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_color: var(--mz-color-neutral);
+        --_color-hover: var(--mz-color-neutral-hover);
+        --_color-active: var(--mz-color-neutral-active);
+        --_on-color: var(--mz-color-on-neutral);
+      }
+    }
+
+    @layer appearances {
+      /* Filled (default) */
+      :host([appearance='filled']),
+      :host(:not([appearance])) {
+        --_bg: var(--mz-button-bg, var(--_color));
+        --_text: var(--mz-button-color, var(--_on-color));
+      }
+      :host([appearance='filled']:hover),
+      :host(:not([appearance]):hover) {
+        --_bg: var(--_color-hover);
+      }
+      :host([appearance='filled']:active),
+      :host(:not([appearance]):active) {
+        --_bg: var(--_color-active);
+      }
+
+      /* Outline */
+      :host([appearance='outline']) {
+        --_bg: transparent;
+        --_text: var(--_color);
+        --_border: var(--_color);
+      }
+      :host([appearance='outline']:hover) {
+        --_bg: var(--_color);
+        --_text: var(--_on-color);
+      }
+
+      /* Ghost */
+      :host([appearance='ghost']) {
+        --_bg: transparent;
+        --_text: var(--_color);
+        --_border: transparent;
+      }
+      :host([appearance='ghost']:hover) {
+        --_bg: color-mix(in srgb, var(--_color) 10%, transparent);
+      }
+
+      /* Link */
+      :host([appearance='link']) {
+        --_bg: transparent;
+        --_text: var(--_color);
+        --_border: transparent;
+      }
+      :host([appearance='link']) .button {
+        text-decoration: underline;
+        padding-inline: 0;
+      }
+      :host([appearance='link']:hover) {
+        --_text: var(--_color-hover);
+      }
+    }
+
+    @layer sizes {
+      :host([size='xs']) {
+        --_height: 1.375rem;
+        --_padding-inline: var(--mz-space-xs);
+        --_font-size: var(--mz-font-size-2xs);
+      }
+
+      :host([size='sm']) {
+        --_height: 1.75rem;
+        --_padding-inline: var(--mz-space-sm);
+        --_font-size: var(--mz-font-size-xs);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_height: 2rem;
+        --_padding-inline: var(--mz-space-md);
+        --_font-size: var(--mz-font-size-sm);
+      }
+
+      :host([size='lg']) {
+        --_height: 2.5rem;
+        --_padding-inline: var(--mz-space-lg);
+        --_font-size: var(--mz-font-size-sm);
+      }
+
+      :host([size='xl']) {
+        --_height: 3rem;
+        --_padding-inline: var(--mz-space-xl);
+        --_font-size: var(--mz-font-size-md);
+      }
+    }
+
+    @layer states {
+      /* Pill shape */
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+
+      /* Disabled */
+      :host([disabled]) .button {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.YVOT5EWM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/button/button.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, variants, appearances, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-block;\n      }\n\n      .button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: var(--mz-space-xs);\n        border: var(--mz-border-width-sm) solid transparent;\n        font-family: var(--mz-font-sans);\n        font-weight: var(--mz-font-weight-semibold);\n        text-decoration: none;\n        white-space: nowrap;\n        user-select: none;\n        cursor: pointer;\n        transition:\n          background var(--mz-transition-fast) ease,\n          color var(--mz-transition-fast) ease,\n          border-color var(--mz-transition-fast) ease,\n          box-shadow var(--mz-transition-fast) ease;\n        background: var(--_bg);\n        color: var(--_text);\n        border-color: var(--_border, transparent);\n        --_default-radius: var(--_radius, var(--mz-button-radius, var(--mz-radius-md)));\n        border-start-start-radius: var(--mz-button-radius-start, var(--_default-radius));\n        border-end-start-radius: var(--mz-button-radius-start, var(--_default-radius));\n        border-start-end-radius: var(--mz-button-radius-end, var(--_default-radius));\n        border-end-end-radius: var(--mz-button-radius-end, var(--_default-radius));\n        height: var(--_height);\n        padding-inline: var(--_padding-inline);\n        font-size: var(--_font-size);\n        line-height: var(--mz-line-height-dense);\n      }\n\n      .button:focus-visible {\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n\n      /* Prefix / Suffix slots */\n      .button__prefix,\n      .button__suffix {\n        display: inline-flex;\n        flex: none;\n      }\n\n      .button__label {\n        display: inline-flex;\n        align-items: center;\n      }\n\n      /* Loading state */\n      .button--loading .button__label,\n      .button--loading .button__prefix,\n      .button--loading .button__suffix {\n        visibility: hidden;\n      }\n\n      .button__spinner {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .button--loading {\n        position: relative;\n        cursor: wait;\n      }\n    }\n\n    @layer variants {\n      :host([variant='primary']) {\n        --_color: var(--mz-color-primary);\n        --_color-hover: var(--mz-color-primary-hover);\n        --_color-active: var(--mz-color-primary-active);\n        --_on-color: var(--mz-color-on-primary);\n      }\n\n      :host([variant='danger']) {\n        --_color: var(--mz-color-danger);\n        --_color-hover: var(--mz-color-danger-hover);\n        --_color-active: var(--mz-color-danger-active);\n        --_on-color: var(--mz-color-on-danger);\n      }\n\n      :host([variant='success']) {\n        --_color: var(--mz-color-success);\n        --_color-hover: var(--mz-color-success-hover);\n        --_color-active: var(--mz-color-success-active);\n        --_on-color: var(--mz-color-on-success);\n      }\n\n      :host([variant='warning']) {\n        --_color: var(--mz-color-warning);\n        --_color-hover: var(--mz-color-warning-hover);\n        --_color-active: var(--mz-color-warning-active);\n        --_on-color: var(--mz-color-on-warning);\n      }\n\n      :host([variant='neutral']),\n      :host(:not([variant])) {\n        --_color: var(--mz-color-neutral);\n        --_color-hover: var(--mz-color-neutral-hover);\n        --_color-active: var(--mz-color-neutral-active);\n        --_on-color: var(--mz-color-on-neutral);\n      }\n    }\n\n    @layer appearances {\n      /* Filled (default) */\n      :host([appearance='filled']),\n      :host(:not([appearance])) {\n        --_bg: var(--mz-button-bg, var(--_color));\n        --_text: var(--mz-button-color, var(--_on-color));\n      }\n      :host([appearance='filled']:hover),\n      :host(:not([appearance]):hover) {\n        --_bg: var(--_color-hover);\n      }\n      :host([appearance='filled']:active),\n      :host(:not([appearance]):active) {\n        --_bg: var(--_color-active);\n      }\n\n      /* Outline */\n      :host([appearance='outline']) {\n        --_bg: transparent;\n        --_text: var(--_color);\n        --_border: var(--_color);\n      }\n      :host([appearance='outline']:hover) {\n        --_bg: var(--_color);\n        --_text: var(--_on-color);\n      }\n\n      /* Ghost */\n      :host([appearance='ghost']) {\n        --_bg: transparent;\n        --_text: var(--_color);\n        --_border: transparent;\n      }\n      :host([appearance='ghost']:hover) {\n        --_bg: color-mix(in srgb, var(--_color) 10%, transparent);\n      }\n\n      /* Link */\n      :host([appearance='link']) {\n        --_bg: transparent;\n        --_text: var(--_color);\n        --_border: transparent;\n      }\n      :host([appearance='link']) .button {\n        text-decoration: underline;\n        padding-inline: 0;\n      }\n      :host([appearance='link']:hover) {\n        --_text: var(--_color-hover);\n      }\n    }\n\n    @layer sizes {\n      :host([size='xs']) {\n        --_height: 1.375rem;\n        --_padding-inline: var(--mz-space-xs);\n        --_font-size: var(--mz-font-size-2xs);\n      }\n\n      :host([size='sm']) {\n        --_height: 1.75rem;\n        --_padding-inline: var(--mz-space-sm);\n        --_font-size: var(--mz-font-size-xs);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_height: 2rem;\n        --_padding-inline: var(--mz-space-md);\n        --_font-size: var(--mz-font-size-sm);\n      }\n\n      :host([size='lg']) {\n        --_height: 2.5rem;\n        --_padding-inline: var(--mz-space-lg);\n        --_font-size: var(--mz-font-size-sm);\n      }\n\n      :host([size='xl']) {\n        --_height: 3rem;\n        --_padding-inline: var(--mz-space-xl);\n        --_font-size: var(--mz-font-size-md);\n      }\n    }\n\n    @layer states {\n      /* Pill shape */\n      :host([pill]) {\n        --_radius: var(--mz-radius-pill);\n      }\n\n      /* Disabled */\n      :host([disabled]) .button {\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoNF",
+  "names": ["button_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.ZET76ZDM.js

@@ -0,0 +1,2 @@
+import{b as t}from"./chunk.6BC2LGKU.js";var e=new Map;function i(r,n){e.set(r,n)}function o(r){e.delete(r)}function s(r){return e.get(r)}i("default",{resolver:r=>`${t()}/assets/icons/${r}.svg`});export{i as a,o as b,s as c};
+//# sourceMappingURL=chunk.ZET76ZDM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utilities/icon-library.ts"],
+  "sourcesContent": ["export interface IconLibrary {\n  /** Resolver that converts an icon name to a URL */\n  resolver: (name: string) => string;\n  /** Optional mutator that can modify the SVG element after loading */\n  mutator?: (svg: SVGElement) => void;\n}\n\nconst libraries = new Map<string, IconLibrary>();\n\n/**\n * Register an icon library.\n *\n * Usage:\n * ```ts\n * registerIconLibrary('default', {\n *   resolver: name => `/icons/${name}.svg`\n * });\n * ```\n */\nexport function registerIconLibrary(name: string, library: IconLibrary): void {\n  libraries.set(name, library);\n}\n\n/** Unregister an icon library */\nexport function unregisterIconLibrary(name: string): void {\n  libraries.delete(name);\n}\n\n/** Get a registered icon library */\nexport function getIconLibrary(name: string): IconLibrary | undefined {\n  return libraries.get(name);\n}\n\nimport { getBasePath } from './base-path.js';\n\n// Register the default library that resolves from the base path\nregisterIconLibrary('default', {\n  resolver: name => `${getBasePath()}/assets/icons/${name}.svg`\n});\n"],
+  "mappings": "wCAOA,IAAMA,EAAY,IAAI,IAYf,SAASC,EAAoBC,EAAcC,EAA4B,CAC5EH,EAAU,IAAIE,EAAMC,CAAO,CAC7B,CAGO,SAASC,EAAsBF,EAAoB,CACxDF,EAAU,OAAOE,CAAI,CACvB,CAGO,SAASG,EAAeH,EAAuC,CACpE,OAAOF,EAAU,IAAIE,CAAI,CAC3B,CAKAD,EAAoB,UAAW,CAC7B,SAAUC,GAAQ,GAAGI,EAAY,CAAC,iBAAiBJ,CAAI,MACzD,CAAC",
+  "names": ["libraries", "registerIconLibrary", "name", "library", "unregisterIconLibrary", "getIconLibrary", "getBasePath"]
+}