@manzanohq/components 0.1.1

package/dist/components/drawer/drawer.styles.js

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

package/dist/components/drawer/drawer.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/drawer/drawer.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: contents;\n    }\n\n    .drawer {\n      border: none;\n      padding: 0;\n      background: transparent;\n      max-width: none;\n      max-height: none;\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n    }\n\n    .drawer::backdrop {\n      background: rgb(28 25 21 / 0.5);\n    }\n\n    .drawer__panel {\n      position: fixed;\n      display: flex;\n      flex-direction: column;\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      box-shadow: var(--mz-shadow-xl);\n      z-index: var(--mz-z-modal, 1050);\n      overflow: hidden;\n    }\n\n    /* Placement: start (left) */\n    :host([placement='start']) .drawer__panel,\n    :host(:not([placement])) .drawer__panel {\n      inset-block: 0;\n      inset-inline-start: 0;\n      width: min(20rem, calc(100vw - var(--mz-space-xl)));\n      height: 100%;\n      border-radius: 0 var(--mz-radius-lg) var(--mz-radius-lg) 0;\n    }\n\n    /* Placement: end (right) */\n    :host([placement='end']) .drawer__panel {\n      inset-block: 0;\n      inset-inline-end: 0;\n      width: min(20rem, calc(100vw - var(--mz-space-xl)));\n      height: 100%;\n      border-radius: var(--mz-radius-lg) 0 0 var(--mz-radius-lg);\n    }\n\n    /* Placement: top */\n    :host([placement='top']) .drawer__panel {\n      inset-inline: 0;\n      inset-block-start: 0;\n      width: 100%;\n      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));\n      border-radius: 0 0 var(--mz-radius-lg) var(--mz-radius-lg);\n    }\n\n    /* Placement: bottom */\n    :host([placement='bottom']) .drawer__panel {\n      inset-inline: 0;\n      inset-block-end: 0;\n      width: 100%;\n      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));\n      border-radius: var(--mz-radius-lg) var(--mz-radius-lg) 0 0;\n    }\n\n    .drawer__header {\n      display: flex;\n      align-items: center;\n      gap: var(--mz-space-sm);\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-bottom: var(--mz-border-width-sm) solid var(--mz-color-border);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n    }\n\n    .drawer__close {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-inline-start: auto;\n      padding: var(--mz-space-2xs);\n      border: none;\n      background: none;\n      color: var(--mz-color-text-secondary);\n      cursor: pointer;\n      border-radius: var(--mz-radius-sm);\n      transition: color var(--mz-transition-fast), background var(--mz-transition-fast);\n    }\n\n    .drawer__close:hover {\n      color: var(--mz-color-text);\n      background: var(--mz-color-gray-100);\n    }\n\n    .drawer__close:focus-visible {\n      outline: var(--mz-focus-ring);\n      outline-offset: var(--mz-focus-ring-offset);\n    }\n\n    .drawer__body {\n      flex: 1;\n      padding: var(--mz-space-lg);\n      overflow-y: auto;\n      color: var(--mz-color-text);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-md);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    .drawer__footer {\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-top: var(--mz-border-width-sm) solid var(--mz-color-border);\n    }\n\n    .drawer__footer:empty {\n      display: none;\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,wBAAQ;AAAA,EACb;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0HF;",
+  "names": []
+}

package/dist/components/dropdown/dropdown.component.d.ts

@@ -0,0 +1,47 @@
+import type { Placement } from '@floating-ui/dom';
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A trigger + floating panel for dropdown menus and actions.
+ *
+ * @tag mz-dropdown
+ *
+ * @slot trigger - The element that opens the dropdown.
+ * @slot - The dropdown content.
+ *
+ * @event mz-show - Emitted when the dropdown opens.
+ * @event mz-hide - Emitted when the dropdown closes.
+ * @event mz-after-show - Emitted after the dropdown open animation completes.
+ * @event mz-after-hide - Emitted after the dropdown close animation completes.
+ *
+ * @csspart panel - The dropdown panel container.
+ */
+export declare class MzDropdown extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    private panelEl;
+    private floatingController;
+    /** Whether the dropdown is open. */
+    open: boolean;
+    /** Preferred placement relative to the trigger. */
+    placement: Placement;
+    /** Distance from the trigger in pixels. */
+    distance: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getTrigger;
+    updated(changed: Map<string, unknown>): Promise<void>;
+    private showDropdown;
+    private hideDropdown;
+    /** Toggle the dropdown open state */
+    toggle(): void;
+    /** Programmatically show the dropdown */
+    show(): void;
+    /** Programmatically hide the dropdown */
+    hide(): void;
+    private handleTriggerClick;
+    private handleOutsideClick;
+    private handleKeyDown;
+    private addListeners;
+    private removeListeners;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=dropdown.component.d.ts.map

package/dist/components/dropdown/dropdown.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAKnE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,MAAM,4BAAU;IAEI,OAAO,CAAC,OAAO,CAAkB;IAE5D,OAAO,CAAC,kBAAkB,CAAsB;IAEhD,oCAAoC;IACQ,IAAI,UAAS;IAEzD,mDAAmD;IACvC,SAAS,EAAE,SAAS,CAAkB;IAElD,2CAA2C;IACf,QAAQ,SAAK;IAEzC,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,UAAU;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;YAmB7C,YAAY;YAiBZ,YAAY;IAgB1B,qCAAqC;IACrC,MAAM,IAAI,IAAI;IAId,yCAAyC;IACzC,IAAI,IAAI,IAAI;IAIZ,yCAAyC;IACzC,IAAI,IAAI,IAAI;IAIZ,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IAKvB,MAAM;CAaP"}

package/dist/components/dropdown/dropdown.component.js

@@ -0,0 +1,153 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html } from "lit";
+import { property, query } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { FloatingController } from "../../internal/floating.js";
+import { animateTo } from "../../utilities/animation-registry.js";
+import styles from "./dropdown.styles.js";
+class MzDropdown extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+    this.placement = "bottom-start";
+    this.distance = 4;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.handleOutsideClick = this.handleOutsideClick.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.floatingController = new FloatingController(this, {
+      referenceEl: () => this.getTrigger(),
+      floatingEl: () => this.panelEl,
+      placement: this.placement,
+      distance: this.distance
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeListeners();
+  }
+  getTrigger() {
+    const slot = this.shadowRoot?.querySelector('slot[name="trigger"]');
+    const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+    return assigned[0] ?? null;
+  }
+  async updated(changed) {
+    if (changed.has("open")) {
+      if (this.open) {
+        await this.showDropdown();
+      } else if (changed.get("open") === true) {
+        await this.hideDropdown();
+      }
+    }
+    if (changed.has("placement") || changed.has("distance")) {
+      this.floatingController = new FloatingController(this, {
+        referenceEl: () => this.getTrigger(),
+        floatingEl: () => this.panelEl,
+        placement: this.placement,
+        distance: this.distance
+      });
+    }
+  }
+  async showDropdown() {
+    this.emit("mz-show");
+    this.panelEl.style.display = "block";
+    await this.floatingController.show();
+    const trigger = this.getTrigger();
+    if (trigger) {
+      trigger.setAttribute("aria-expanded", "true");
+      trigger.setAttribute("aria-haspopup", "true");
+    }
+    const anim = animateTo(this.panelEl, "dropdown.show", this.prefersReducedMotion);
+    await anim.finished;
+    this.addListeners();
+    this.emit("mz-after-show");
+  }
+  async hideDropdown() {
+    this.emit("mz-hide");
+    this.removeListeners();
+    const anim = animateTo(this.panelEl, "dropdown.hide", this.prefersReducedMotion);
+    await anim.finished;
+    this.panelEl.style.display = "none";
+    this.floatingController.hide();
+    const trigger = this.getTrigger();
+    if (trigger) {
+      trigger.setAttribute("aria-expanded", "false");
+    }
+    this.emit("mz-after-hide");
+  }
+  /** Toggle the dropdown open state */
+  toggle() {
+    this.open = !this.open;
+  }
+  /** Programmatically show the dropdown */
+  show() {
+    this.open = true;
+  }
+  /** Programmatically hide the dropdown */
+  hide() {
+    this.open = false;
+  }
+  handleTriggerClick() {
+    this.toggle();
+  }
+  handleOutsideClick(e) {
+    if (!this.contains(e.target)) {
+      this.hide();
+    }
+  }
+  handleKeyDown(e) {
+    if (e.key === "Escape" && this.open) {
+      e.stopPropagation();
+      this.hide();
+      this.getTrigger()?.focus();
+    }
+  }
+  addListeners() {
+    document.addEventListener("click", this.handleOutsideClick, true);
+    document.addEventListener("keydown", this.handleKeyDown, true);
+  }
+  removeListeners() {
+    document.removeEventListener("click", this.handleOutsideClick, true);
+    document.removeEventListener("keydown", this.handleKeyDown, true);
+  }
+  render() {
+    return html`
+      <slot name="trigger" @click=${this.handleTriggerClick}></slot>
+      <div
+        part="panel"
+        class="dropdown__panel"
+        role="menu"
+        style="display: ${this.open ? "block" : "none"}"
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+MzDropdown.styles = styles;
+__decorateClass([
+  query(".dropdown__panel")
+], MzDropdown.prototype, "panelEl", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDropdown.prototype, "open", 2);
+__decorateClass([
+  property()
+], MzDropdown.prototype, "placement", 2);
+__decorateClass([
+  property({ type: Number })
+], MzDropdown.prototype, "distance", 2);
+export {
+  MzDropdown
+};
+//# sourceMappingURL=dropdown.component.js.map

package/dist/components/dropdown/dropdown.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dropdown/dropdown.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport type { Placement } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FloatingController } from '../../internal/floating.js';\nimport { animateTo } from '../../utilities/animation-registry.js';\nimport styles from './dropdown.styles.js';\n\n/**\n * @summary A trigger + floating panel for dropdown menus and actions.\n *\n * @tag mz-dropdown\n *\n * @slot trigger - The element that opens the dropdown.\n * @slot - The dropdown content.\n *\n * @event mz-show - Emitted when the dropdown opens.\n * @event mz-hide - Emitted when the dropdown closes.\n * @event mz-after-show - Emitted after the dropdown open animation completes.\n * @event mz-after-hide - Emitted after the dropdown close animation completes.\n *\n * @csspart panel - The dropdown panel container.\n */\nexport class MzDropdown extends ManzanoElement {\n  static styles = styles;\n\n  @query('.dropdown__panel') private panelEl!: HTMLDivElement;\n\n  private floatingController!: FloatingController;\n\n  /** Whether the dropdown is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Preferred placement relative to the trigger. */\n  @property() placement: Placement = 'bottom-start';\n\n  /** Distance from the trigger in pixels. */\n  @property({ type: Number }) distance = 4;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.handleOutsideClick = this.handleOutsideClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.floatingController = new FloatingController(this, {\n      referenceEl: () => this.getTrigger(),\n      floatingEl: () => this.panelEl,\n      placement: this.placement as Placement,\n      distance: this.distance\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeListeners();\n  }\n\n  private getTrigger(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]');\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (assigned[0] as HTMLElement) ?? null;\n  }\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open')) {\n      if (this.open) {\n        await this.showDropdown();\n      } else if (changed.get('open') === true) {\n        await this.hideDropdown();\n      }\n    }\n\n    if (changed.has('placement') || changed.has('distance')) {\n      this.floatingController = new FloatingController(this, {\n        referenceEl: () => this.getTrigger(),\n        floatingEl: () => this.panelEl,\n        placement: this.placement as Placement,\n        distance: this.distance\n      });\n    }\n  }\n\n  private async showDropdown(): Promise<void> {\n    this.emit('mz-show');\n    this.panelEl.style.display = 'block';\n    await this.floatingController.show();\n\n    const trigger = this.getTrigger();\n    if (trigger) {\n      trigger.setAttribute('aria-expanded', 'true');\n      trigger.setAttribute('aria-haspopup', 'true');\n    }\n\n    const anim = animateTo(this.panelEl, 'dropdown.show', this.prefersReducedMotion);\n    await anim.finished;\n    this.addListeners();\n    this.emit('mz-after-show');\n  }\n\n  private async hideDropdown(): Promise<void> {\n    this.emit('mz-hide');\n    this.removeListeners();\n    const anim = animateTo(this.panelEl, 'dropdown.hide', this.prefersReducedMotion);\n    await anim.finished;\n    this.panelEl.style.display = 'none';\n    this.floatingController.hide();\n\n    const trigger = this.getTrigger();\n    if (trigger) {\n      trigger.setAttribute('aria-expanded', 'false');\n    }\n\n    this.emit('mz-after-hide');\n  }\n\n  /** Toggle the dropdown open state */\n  toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Programmatically show the dropdown */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically hide the dropdown */\n  hide(): void {\n    this.open = false;\n  }\n\n  private handleTriggerClick(): void {\n    this.toggle();\n  }\n\n  private handleOutsideClick(e: MouseEvent): void {\n    if (!this.contains(e.target as Node)) {\n      this.hide();\n    }\n  }\n\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this.open) {\n      e.stopPropagation();\n      this.hide();\n      this.getTrigger()?.focus();\n    }\n  }\n\n  private addListeners(): void {\n    document.addEventListener('click', this.handleOutsideClick, true);\n    document.addEventListener('keydown', this.handleKeyDown, true);\n  }\n\n  private removeListeners(): void {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n    document.removeEventListener('keydown', this.handleKeyDown, true);\n  }\n\n  render() {\n    return html`\n      <slot name=\"trigger\" @click=${this.handleTriggerClick}></slot>\n      <div\n        part=\"panel\"\n        class=\"dropdown__panel\"\n        role=\"menu\"\n        style=\"display: ${this.open ? 'block' : 'none'}\"\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,8 @@
+import { MzDropdown } from './dropdown.component.js';
+export * from './dropdown.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-dropdown': MzDropdown;
+    }
+}
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,cAAc,yBAAyB,CAAC;AAIxC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,4 @@
+import { MzDropdown } from "./dropdown.component.js";
+export * from "./dropdown.component.js";
+MzDropdown.define("mz-dropdown");
+//# sourceMappingURL=dropdown.js.map

package/dist/components/dropdown/dropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dropdown/dropdown.ts"],
+  "sourcesContent": ["import { MzDropdown } from './dropdown.component.js';\n\nexport * from './dropdown.component.js';\n\nMzDropdown.define('mz-dropdown');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-dropdown': MzDropdown;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,cAAc;AAEd,WAAW,OAAO,aAAa;",
+  "names": []
+}

package/dist/components/dropdown/dropdown.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=dropdown.styles.d.ts.map

package/dist/components/dropdown/dropdown.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":";AAGA,wBAsBE"}

package/dist/components/dropdown/dropdown.styles.js

@@ -0,0 +1,29 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var dropdown_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .dropdown__panel {
+      position: absolute;
+      z-index: var(--mz-z-dropdown, 1000);
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      border: var(--mz-border-width-sm) solid var(--mz-color-border);
+      border-radius: var(--mz-radius-md);
+      box-shadow: var(--mz-shadow-lg);
+      padding: var(--mz-space-2xs);
+      min-width: 10rem;
+      width: max-content;
+      max-width: 24rem;
+      transform-origin: top;
+    }
+  `
+];
+export {
+  dropdown_styles_default as default
+};
+//# sourceMappingURL=dropdown.styles.js.map

package/dist/components/dropdown/dropdown.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dropdown/dropdown.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: inline-block;\n      position: relative;\n    }\n\n    .dropdown__panel {\n      position: absolute;\n      z-index: var(--mz-z-dropdown, 1000);\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      border: var(--mz-border-width-sm) solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md);\n      box-shadow: var(--mz-shadow-lg);\n      padding: var(--mz-space-2xs);\n      min-width: 10rem;\n      width: max-content;\n      max-width: 24rem;\n      transform-origin: top;\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,0BAAQ;AAAA,EACb;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;",
+  "names": []
+}

package/dist/components/icon/icon.component.d.ts

@@ -0,0 +1,26 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary Renders an SVG icon from a registered icon library.
+ *
+ * @tag mz-icon
+ *
+ * @event mz-load - Emitted when the icon has loaded.
+ * @event mz-error - Emitted when the icon fails to load.
+ *
+ * @csspart svg - The SVG element.
+ *
+ * @cssproperty --mz-icon-size - The size of the icon.
+ */
+export declare class MzIcon extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** The name of the icon to render */
+    name: string;
+    /** The name of the icon library to use */
+    library: string;
+    /** An accessible label for the icon */
+    label: string;
+    private svg;
+    handleIconChange(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=icon.component.d.ts.map

package/dist/components/icon/icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAiDnE;;;;;;;;;;;GAWG;AACH,qBAAa,MAAO,SAAQ,cAAc;IACxC,MAAM,CAAC,MAAM,4BAAU;IAEvB,qCAAqC;IACR,IAAI,SAAM;IAEvC,0CAA0C;IAC9B,OAAO,SAAa;IAEhC,uCAAuC;IAC3B,KAAK,SAAM;IAEd,OAAO,CAAC,GAAG,CAAM;IAIpB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAyDvC,MAAM;CAcP"}

package/dist/components/icon/icon.component.js

@@ -0,0 +1,159 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { unsafeSVG } from "lit/directives/unsafe-svg.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { watch } from "../../internal/watch.js";
+import { getIconLibrary } from "../../utilities/icon-library.js";
+import styles from "./icon.styles.js";
+const iconCache = /* @__PURE__ */ new Map();
+const allowedTags = /* @__PURE__ */ 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 sanitizeSvg(svgText) {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(svgText, "image/svg+xml");
+  const svg = doc.querySelector("svg");
+  if (!svg) return "";
+  const walk = (node) => {
+    const children = [...node.children];
+    for (const child of children) {
+      if (!allowedTags.has(child.localName)) {
+        child.remove();
+      } else {
+        for (const attr of [...child.attributes]) {
+          if (attr.name.startsWith("on")) {
+            child.removeAttribute(attr.name);
+          }
+        }
+        walk(child);
+      }
+    }
+  };
+  walk(svg);
+  svg.removeAttribute("width");
+  svg.removeAttribute("height");
+  return svg.outerHTML;
+}
+class MzIcon extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.library = "default";
+    this.label = "";
+    this.svg = "";
+  }
+  async handleIconChange() {
+    if (!this.name) {
+      this.svg = "";
+      return;
+    }
+    const lib = getIconLibrary(this.library);
+    if (!lib) {
+      console.warn(`Manzano: Icon library "${this.library}" is not registered.`);
+      this.emit("mz-error", { detail: {} });
+      return;
+    }
+    const url = lib.resolver(this.name);
+    const cacheKey = `${this.library}:${this.name}`;
+    try {
+      if (!iconCache.has(cacheKey)) {
+        iconCache.set(
+          cacheKey,
+          fetch(url).then((res) => {
+            if (!res.ok) throw new Error(`Failed to load icon: ${res.status}`);
+            return res.text();
+          })
+        );
+      }
+      const rawSvg = await iconCache.get(cacheKey);
+      const sanitized = sanitizeSvg(rawSvg);
+      if (!sanitized) {
+        iconCache.delete(cacheKey);
+        this.emit("mz-error", { detail: {} });
+        return;
+      }
+      if (lib.mutator) {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(sanitized, "image/svg+xml");
+        const svg = doc.querySelector("svg");
+        if (svg) {
+          lib.mutator(svg);
+          this.svg = svg.outerHTML;
+        }
+      } else {
+        this.svg = sanitized;
+      }
+      this.emit("mz-load");
+    } catch {
+      iconCache.delete(cacheKey);
+      this.svg = "";
+      this.emit("mz-error", { detail: {} });
+    }
+  }
+  render() {
+    const hasLabel = this.label.length > 0;
+    return html`
+      <div
+        part="svg"
+        role=${hasLabel ? "img" : "presentation"}
+        aria-label=${hasLabel ? this.label : nothing}
+        aria-hidden=${hasLabel ? "false" : "true"}
+      >
+        ${unsafeSVG(this.svg)}
+      </div>
+    `;
+  }
+}
+MzIcon.styles = styles;
+__decorateClass([
+  property({ reflect: true })
+], MzIcon.prototype, "name", 2);
+__decorateClass([
+  property()
+], MzIcon.prototype, "library", 2);
+__decorateClass([
+  property()
+], MzIcon.prototype, "label", 2);
+__decorateClass([
+  state()
+], MzIcon.prototype, "svg", 2);
+__decorateClass([
+  watch("name"),
+  watch("library")
+], MzIcon.prototype, "handleIconChange", 1);
+export {
+  MzIcon
+};
+//# sourceMappingURL=icon.component.js.map

package/dist/components/icon/icon.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/icon/icon.component.ts"],
+  "sourcesContent": ["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": []
+}