@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/comparison-slider/comparison-slider.js

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

package/dist/components/comparison-slider/comparison-slider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/comparison-slider/comparison-slider.ts"],
+  "sourcesContent": ["import { MzComparisonSlider } from './comparison-slider.component.js';\n\nexport * from './comparison-slider.component.js';\n\nMzComparisonSlider.define('mz-comparison-slider');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-comparison-slider': MzComparisonSlider;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,cAAc;AAEd,mBAAmB,OAAO,sBAAsB;",
+  "names": []
+}

package/dist/components/comparison-slider/comparison-slider.styles.d.ts

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

package/dist/components/comparison-slider/comparison-slider.styles.d.ts.map

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

package/dist/components/comparison-slider/comparison-slider.styles.js

@@ -0,0 +1,92 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var comparison_slider_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    --_divider-width: var(--mz-comparison-slider-divider-width, 3px);
+    --_divider-color: var(--mz-comparison-slider-divider-color, var(--mz-color-primary));
+    --_handle-size: var(--mz-comparison-slider-handle-size, 40px);
+    --_handle-color: var(--mz-comparison-slider-handle-color, var(--mz-color-primary));
+
+    display: block;
+    position: relative;
+    overflow: hidden;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  /* After layer: bottom, always full width */
+  .slider__after {
+    display: block;
+    width: 100%;
+  }
+
+  /* Before layer: overlaid, clips from the right */
+  .slider__before-clip {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    overflow: hidden;
+    z-index: 1;
+    border-right: var(--_divider-width) solid var(--_divider-color);
+  }
+
+  /* Before content stays full width so it never reflows */
+  .slider__before {
+    width: var(--_container-width, 100%);
+    min-height: 100%;
+  }
+
+  /* Divider handle */
+  .slider__handle {
+    position: absolute;
+    top: 0;
+    width: 44px;
+    height: 100%;
+    cursor: grab;
+    z-index: 3;
+    transform: translateX(-50%);
+  }
+
+  .slider__handle:active,
+  :host([dragging]) .slider__handle {
+    cursor: grabbing;
+  }
+
+  .slider__handle:focus-visible .slider__grip {
+    box-shadow: 0 2px 12px rgb(0 0 0 / 0.35), 0 0 0 3px color-mix(in srgb, var(--_handle-color) 40%, transparent);
+  }
+
+  .slider__grip {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: var(--_handle-size);
+    height: var(--_handle-size);
+    border-radius: 50%;
+    background: var(--_handle-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 2px 12px rgb(0 0 0 / 0.35);
+    pointer-events: none;
+    color: #fff;
+  }
+
+  :host([disabled]) .slider__handle {
+    cursor: default;
+    opacity: 0.4;
+  }
+
+  :host([dragging]) .slider__after,
+  :host([dragging]) .slider__before {
+    pointer-events: none;
+  }
+`;
+export {
+  comparison_slider_styles_default as default
+};
+//# sourceMappingURL=comparison-slider.styles.js.map

package/dist/components/comparison-slider/comparison-slider.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/comparison-slider/comparison-slider.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_divider-width: var(--mz-comparison-slider-divider-width, 3px);\n    --_divider-color: var(--mz-comparison-slider-divider-color, var(--mz-color-primary));\n    --_handle-size: var(--mz-comparison-slider-handle-size, 40px);\n    --_handle-color: var(--mz-comparison-slider-handle-color, var(--mz-color-primary));\n\n    display: block;\n    position: relative;\n    overflow: hidden;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  /* After layer: bottom, always full width */\n  .slider__after {\n    display: block;\n    width: 100%;\n  }\n\n  /* Before layer: overlaid, clips from the right */\n  .slider__before-clip {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    overflow: hidden;\n    z-index: 1;\n    border-right: var(--_divider-width) solid var(--_divider-color);\n  }\n\n  /* Before content stays full width so it never reflows */\n  .slider__before {\n    width: var(--_container-width, 100%);\n    min-height: 100%;\n  }\n\n  /* Divider handle */\n  .slider__handle {\n    position: absolute;\n    top: 0;\n    width: 44px;\n    height: 100%;\n    cursor: grab;\n    z-index: 3;\n    transform: translateX(-50%);\n  }\n\n  .slider__handle:active,\n  :host([dragging]) .slider__handle {\n    cursor: grabbing;\n  }\n\n  .slider__handle:focus-visible .slider__grip {\n    box-shadow: 0 2px 12px rgb(0 0 0 / 0.35), 0 0 0 3px color-mix(in srgb, var(--_handle-color) 40%, transparent);\n  }\n\n  .slider__grip {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: var(--_handle-size);\n    height: var(--_handle-size);\n    border-radius: 50%;\n    background: var(--_handle-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 2px 12px rgb(0 0 0 / 0.35);\n    pointer-events: none;\n    color: #fff;\n  }\n\n  :host([disabled]) .slider__handle {\n    cursor: default;\n    opacity: 0.4;\n  }\n\n  :host([dragging]) .slider__after,\n  :host([dragging]) .slider__before {\n    pointer-events: none;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,mCAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/context-menu/context-menu.component.d.ts

@@ -0,0 +1,37 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A context menu that appears on right-click.
+ *
+ * @tag mz-context-menu
+ *
+ * @slot - Menu items (mz-menu-item) and dividers (mz-divider).
+ *
+ * @event mz-select - Emitted when a menu item is selected. Detail: `{ item: MzMenuItem, value: string }`.
+ *
+ * @csspart base - The context menu wrapper.
+ * @csspart panel - The floating menu panel.
+ */
+export declare class MzContextMenu extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    /** Whether the context menu is open. */
+    open: boolean;
+    private x;
+    private y;
+    private focusIndex;
+    private panel;
+    private parentElement_;
+    private handleContextMenu_;
+    private handleDocumentClick_;
+    private handleKeyDown_;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getItems;
+    private handleContextMenu;
+    private handleDocumentClick;
+    private handleKeyDown;
+    /** Close the context menu. */
+    close(): void;
+    private handleItemClick;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=context-menu.component.d.ts.map

package/dist/components/context-menu/context-menu.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.component.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.component.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;;;;;;;GAWG;AACH,qBAAa,aAAc,SAAQ,cAAc;IAC/C,MAAM,CAAC,MAAM,0BAAU;IAEvB,wCAAwC;IACI,IAAI,UAAS;IAEhD,OAAO,CAAC,CAAC,CAAK;IACd,OAAO,CAAC,CAAC,CAAK;IACd,OAAO,CAAC,UAAU,CAAM;IAEF,OAAO,CAAC,KAAK,CAAe;IAE3D,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,oBAAoB,CAAuC;IACnE,OAAO,CAAC,cAAc,CAAiC;IAEvD,iBAAiB;IAQjB,oBAAoB;IAQpB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,aAAa;IAiCrB,8BAA8B;IAC9B,KAAK;IAKL,OAAO,CAAC,eAAe;IASvB,MAAM;CAwBP"}

package/dist/components/context-menu/context-menu.component.js

@@ -0,0 +1,156 @@
+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, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./context-menu.styles.js";
+class MzContextMenu extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+    this.x = 0;
+    this.y = 0;
+    this.focusIndex = -1;
+    this.parentElement_ = null;
+    this.handleContextMenu_ = this.handleContextMenu.bind(this);
+    this.handleDocumentClick_ = this.handleDocumentClick.bind(this);
+    this.handleKeyDown_ = this.handleKeyDown.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.parentElement_ = this.parentElement;
+    this.parentElement_?.addEventListener("contextmenu", this.handleContextMenu_);
+    document.addEventListener("click", this.handleDocumentClick_);
+    document.addEventListener("keydown", this.handleKeyDown_);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.parentElement_?.removeEventListener("contextmenu", this.handleContextMenu_);
+    document.removeEventListener("click", this.handleDocumentClick_);
+    document.removeEventListener("keydown", this.handleKeyDown_);
+    this.parentElement_ = null;
+  }
+  getItems() {
+    return [...this.querySelectorAll("mz-menu-item:not([disabled])")];
+  }
+  handleContextMenu(e) {
+    e.preventDefault();
+    this.x = e.clientX;
+    this.y = e.clientY;
+    this.open = true;
+    this.focusIndex = -1;
+    requestAnimationFrame(() => {
+      if (!this.panel) return;
+      const rect = this.panel.getBoundingClientRect();
+      if (rect.right > window.innerWidth) {
+        this.x = window.innerWidth - rect.width - 8;
+      }
+      if (rect.bottom > window.innerHeight) {
+        this.y = window.innerHeight - rect.height - 8;
+      }
+    });
+  }
+  handleDocumentClick() {
+    if (this.open) {
+      this.close();
+    }
+  }
+  handleKeyDown(e) {
+    if (!this.open) return;
+    const items = this.getItems();
+    if (!items.length) return;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        this.focusIndex = (this.focusIndex + 1) % items.length;
+        items[this.focusIndex]?.focus();
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        this.focusIndex = this.focusIndex <= 0 ? items.length - 1 : this.focusIndex - 1;
+        items[this.focusIndex]?.focus();
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        if (this.focusIndex >= 0 && items[this.focusIndex]) {
+          const item = items[this.focusIndex];
+          item.click();
+          this.emit("mz-select", { detail: { item, value: item.value } });
+          this.close();
+        }
+        break;
+      case "Escape":
+        e.preventDefault();
+        this.close();
+        break;
+    }
+  }
+  /** Close the context menu. */
+  close() {
+    this.open = false;
+    this.focusIndex = -1;
+  }
+  handleItemClick(e) {
+    const target = e.target;
+    const item = target.closest("mz-menu-item");
+    if (item && !item.disabled) {
+      this.emit("mz-select", { detail: { item, value: item.value } });
+      this.close();
+    }
+  }
+  render() {
+    return html`
+      <div
+        class=${classMap({ "context-menu": true, "context-menu--open": this.open })}
+        part="base"
+      >
+        ${this.open ? html`
+          <div
+            class="context-menu__panel"
+            part="panel"
+            role="menu"
+            style=${styleMap({
+      position: "fixed",
+      left: `${this.x}px`,
+      top: `${this.y}px`
+    })}
+            @click=${this.handleItemClick}
+          >
+            <slot></slot>
+          </div>
+        ` : nothing}
+      </div>
+    `;
+  }
+}
+MzContextMenu.styles = styles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzContextMenu.prototype, "open", 2);
+__decorateClass([
+  state()
+], MzContextMenu.prototype, "x", 2);
+__decorateClass([
+  state()
+], MzContextMenu.prototype, "y", 2);
+__decorateClass([
+  state()
+], MzContextMenu.prototype, "focusIndex", 2);
+__decorateClass([
+  query(".context-menu__panel")
+], MzContextMenu.prototype, "panel", 2);
+export {
+  MzContextMenu
+};
+//# sourceMappingURL=context-menu.component.js.map

package/dist/components/context-menu/context-menu.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/context-menu/context-menu.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 { styleMap } from 'lit/directives/style-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport type { MzMenuItem } from '../menu-item/menu-item.component.js';\nimport styles from './context-menu.styles.js';\n\n/**\n * @summary A context menu that appears on right-click.\n *\n * @tag mz-context-menu\n *\n * @slot - Menu items (mz-menu-item) and dividers (mz-divider).\n *\n * @event mz-select - Emitted when a menu item is selected. Detail: `{ item: MzMenuItem, value: string }`.\n *\n * @csspart base - The context menu wrapper.\n * @csspart panel - The floating menu panel.\n */\nexport class MzContextMenu extends ManzanoElement {\n  static styles = styles;\n\n  /** Whether the context menu is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private x = 0;\n  @state() private y = 0;\n  @state() private focusIndex = -1;\n\n  @query('.context-menu__panel') private panel!: HTMLElement;\n\n  private parentElement_: HTMLElement | null = null;\n  private handleContextMenu_ = this.handleContextMenu.bind(this);\n  private handleDocumentClick_ = this.handleDocumentClick.bind(this);\n  private handleKeyDown_ = this.handleKeyDown.bind(this);\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.parentElement_ = this.parentElement;\n    this.parentElement_?.addEventListener('contextmenu', this.handleContextMenu_);\n    document.addEventListener('click', this.handleDocumentClick_);\n    document.addEventListener('keydown', this.handleKeyDown_);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.parentElement_?.removeEventListener('contextmenu', this.handleContextMenu_);\n    document.removeEventListener('click', this.handleDocumentClick_);\n    document.removeEventListener('keydown', this.handleKeyDown_);\n    this.parentElement_ = null;\n  }\n\n  private getItems(): HTMLElement[] {\n    return [...this.querySelectorAll('mz-menu-item:not([disabled])')] as HTMLElement[];\n  }\n\n  private handleContextMenu(e: MouseEvent) {\n    e.preventDefault();\n    this.x = e.clientX;\n    this.y = e.clientY;\n    this.open = true;\n    this.focusIndex = -1;\n\n    // Adjust position to stay within viewport after render\n    requestAnimationFrame(() => {\n      if (!this.panel) return;\n      const rect = this.panel.getBoundingClientRect();\n      if (rect.right > window.innerWidth) {\n        this.x = window.innerWidth - rect.width - 8;\n      }\n      if (rect.bottom > window.innerHeight) {\n        this.y = window.innerHeight - rect.height - 8;\n      }\n    });\n  }\n\n  private handleDocumentClick() {\n    if (this.open) {\n      this.close();\n    }\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (!this.open) return;\n    const items = this.getItems();\n    if (!items.length) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.focusIndex = (this.focusIndex + 1) % items.length;\n        items[this.focusIndex]?.focus();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this.focusIndex = this.focusIndex <= 0 ? items.length - 1 : this.focusIndex - 1;\n        items[this.focusIndex]?.focus();\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (this.focusIndex >= 0 && items[this.focusIndex]) {\n          const item = items[this.focusIndex] as unknown as MzMenuItem;\n          item.click();\n          this.emit('mz-select', { detail: { item, value: item.value } });\n          this.close();\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  /** Close the context menu. */\n  close() {\n    this.open = false;\n    this.focusIndex = -1;\n  }\n\n  private handleItemClick(e: Event) {\n    const target = e.target as HTMLElement;\n    const item = target.closest('mz-menu-item') as unknown as MzMenuItem | null;\n    if (item && !item.disabled) {\n      this.emit('mz-select', { detail: { item, value: item.value } });\n      this.close();\n    }\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({ 'context-menu': true, 'context-menu--open': this.open })}\n        part=\"base\"\n      >\n        ${this.open ? html`\n          <div\n            class=\"context-menu__panel\"\n            part=\"panel\"\n            role=\"menu\"\n            style=${styleMap({\n              position: 'fixed',\n              left: `${this.x}px`,\n              top: `${this.y}px`\n            })}\n            @click=${this.handleItemClick}\n          >\n            <slot></slot>\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/context-menu/context-menu.d.ts

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

package/dist/components/context-menu/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,cAAc,6BAA6B,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/context-menu/context-menu.js

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

package/dist/components/context-menu/context-menu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/context-menu/context-menu.ts"],
+  "sourcesContent": ["import { MzContextMenu } from './context-menu.component.js';\n\nexport * from './context-menu.component.js';\n\nMzContextMenu.define('mz-context-menu');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-context-menu': MzContextMenu;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,cAAc;AAEd,cAAc,OAAO,iBAAiB;",
+  "names": []
+}

package/dist/components/context-menu/context-menu.styles.d.ts

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

package/dist/components/context-menu/context-menu.styles.d.ts.map

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

package/dist/components/context-menu/context-menu.styles.js

@@ -0,0 +1,25 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var context_menu_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    display: contents;
+  }
+
+  .context-menu__panel {
+    z-index: 9999;
+    min-width: 12rem;
+    max-width: 20rem;
+    background: var(--mz-color-surface, #fff);
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-lg);
+    box-shadow: var(--mz-shadow-lg);
+    padding: var(--mz-space-2xs) 0;
+    font-family: var(--mz-font-sans);
+  }
+`;
+export {
+  context_menu_styles_default as default
+};
+//# sourceMappingURL=context-menu.styles.js.map

package/dist/components/context-menu/context-menu.styles.js.map

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

package/dist/components/copy-button/copy-button.component.d.ts

@@ -0,0 +1,35 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A button that copies text to the clipboard and shows visual feedback on success.
+ *
+ * @slot copy-icon - Custom icon to show in the default (ready-to-copy) state.
+ * @slot success-icon - Custom icon to show in the success (copied) state.
+ *
+ * @event mz-copy - Emitted after a successful copy. Detail: `{ value: string }`.
+ * @event mz-error - Emitted when the clipboard write fails. Detail: `{ error: Error }`.
+ *
+ * @csspart button - The inner `<button>` element.
+ * @csspart icon - The icon wrapper `<span>`.
+ */
+export declare class MzCopyButton extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    /** The text value to copy to the clipboard. */
+    value: string;
+    /** How long (in ms) to show the success state after copying. */
+    feedbackDuration: number;
+    /** Disables the button. */
+    disabled: boolean;
+    /** The button size. */
+    size: 'sm' | 'md' | 'lg';
+    /** Tooltip text shown on hover in the default state. */
+    tooltipContent: string;
+    /** Tooltip text shown on hover in the success state. */
+    successContent: string;
+    /** Whether the button is currently in the success (copied) state. */
+    private copied;
+    private feedbackTimeout?;
+    disconnectedCallback(): void;
+    private handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=copy-button.component.d.ts.map

package/dist/components/copy-button/copy-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/copy-button.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;;;;GAWG;AACH,qBAAa,YAAa,SAAQ,cAAc;IAC9C,MAAM,CAAC,MAAM,0BAAU;IAEvB,+CAA+C;IACnC,KAAK,SAAM;IAEvB,gEAAgE;IACJ,gBAAgB,SAAQ;IAEpF,2BAA2B;IACiB,QAAQ,UAAS;IAE7D,uBAAuB;IACM,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,wDAAwD;IACZ,cAAc,SAAU;IAEpE,wDAAwD;IACZ,cAAc,SAAa;IAEvE,qEAAqE;IAC5D,OAAO,CAAC,MAAM,CAAS;IAEhC,OAAO,CAAC,eAAe,CAAC,CAAgC;IAExD,oBAAoB;YAKN,WAAW;IAgBzB,MAAM;CAmCP"}

package/dist/components/copy-button/copy-button.component.js

@@ -0,0 +1,100 @@
+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, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./copy-button.styles.js";
+class MzCopyButton extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.value = "";
+    this.feedbackDuration = 2e3;
+    this.disabled = false;
+    this.size = "md";
+    this.tooltipContent = "Copy";
+    this.successContent = "Copied!";
+    this.copied = false;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.feedbackTimeout) clearTimeout(this.feedbackTimeout);
+  }
+  async handleClick() {
+    if (this.disabled || this.copied) return;
+    try {
+      await navigator.clipboard.writeText(this.value);
+      this.copied = true;
+      this.emit("mz-copy", { detail: { value: this.value } });
+      this.feedbackTimeout = setTimeout(() => {
+        this.copied = false;
+      }, this.feedbackDuration);
+    } catch (error) {
+      this.emit("mz-error", { detail: { error } });
+    }
+  }
+  render() {
+    const copyIcon = html`
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+      </svg>
+    `;
+    const successIcon = html`
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="20 6 9 17 4 12"></polyline>
+      </svg>
+    `;
+    return html`
+      <button
+        class=${classMap({
+      "copy-button": true,
+      "copy-button--copied": this.copied
+    })}
+        part="button"
+        ?disabled=${this.disabled}
+        title=${this.copied ? this.successContent : this.tooltipContent}
+        aria-label=${this.copied ? this.successContent : this.tooltipContent}
+        @click=${this.handleClick}
+      >
+        <span class="copy-button__icon" part="icon">
+          ${this.copied ? html`<slot name="success-icon">${successIcon}</slot>` : html`<slot name="copy-icon">${copyIcon}</slot>`}
+        </span>
+      </button>
+    `;
+  }
+}
+MzCopyButton.styles = styles;
+__decorateClass([
+  property()
+], MzCopyButton.prototype, "value", 2);
+__decorateClass([
+  property({ type: Number, attribute: "feedback-duration" })
+], MzCopyButton.prototype, "feedbackDuration", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzCopyButton.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzCopyButton.prototype, "size", 2);
+__decorateClass([
+  property({ attribute: "tooltip-content" })
+], MzCopyButton.prototype, "tooltipContent", 2);
+__decorateClass([
+  property({ attribute: "success-content" })
+], MzCopyButton.prototype, "successContent", 2);
+__decorateClass([
+  state()
+], MzCopyButton.prototype, "copied", 2);
+export {
+  MzCopyButton
+};
+//# sourceMappingURL=copy-button.component.js.map

package/dist/components/copy-button/copy-button.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/copy-button/copy-button.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './copy-button.styles.js';\n\n/**\n * @summary A button that copies text to the clipboard and shows visual feedback on success.\n *\n * @slot copy-icon - Custom icon to show in the default (ready-to-copy) state.\n * @slot success-icon - Custom icon to show in the success (copied) state.\n *\n * @event mz-copy - Emitted after a successful copy. Detail: `{ value: string }`.\n * @event mz-error - Emitted when the clipboard write fails. Detail: `{ error: Error }`.\n *\n * @csspart button - The inner `<button>` element.\n * @csspart icon - The icon wrapper `<span>`.\n */\nexport class MzCopyButton extends ManzanoElement {\n  static styles = styles;\n\n  /** The text value to copy to the clipboard. */\n  @property() value = '';\n\n  /** How long (in ms) to show the success state after copying. */\n  @property({ type: Number, attribute: 'feedback-duration' }) feedbackDuration = 2000;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The button size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Tooltip text shown on hover in the default state. */\n  @property({ attribute: 'tooltip-content' }) tooltipContent = 'Copy';\n\n  /** Tooltip text shown on hover in the success state. */\n  @property({ attribute: 'success-content' }) successContent = 'Copied!';\n\n  /** Whether the button is currently in the success (copied) state. */\n  @state() private copied = false;\n\n  private feedbackTimeout?: ReturnType<typeof setTimeout>;\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.feedbackTimeout) clearTimeout(this.feedbackTimeout);\n  }\n\n  private async handleClick() {\n    if (this.disabled || this.copied) return;\n\n    try {\n      await navigator.clipboard.writeText(this.value);\n      this.copied = true;\n      this.emit('mz-copy', { detail: { value: this.value } });\n\n      this.feedbackTimeout = setTimeout(() => {\n        this.copied = false;\n      }, this.feedbackDuration);\n    } catch (error) {\n      this.emit('mz-error', { detail: { error } });\n    }\n  }\n\n  render() {\n    const copyIcon = html`\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect>\n        <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path>\n      </svg>\n    `;\n\n    const successIcon = html`\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"20 6 9 17 4 12\"></polyline>\n      </svg>\n    `;\n\n    return html`\n      <button\n        class=${classMap({\n          'copy-button': true,\n          'copy-button--copied': this.copied,\n        })}\n        part=\"button\"\n        ?disabled=${this.disabled}\n        title=${this.copied ? this.successContent : this.tooltipContent}\n        aria-label=${this.copied ? this.successContent : this.tooltipContent}\n        @click=${this.handleClick}\n      >\n        <span class=\"copy-button__icon\" part=\"icon\">\n          ${this.copied\n            ? html`<slot name=\"success-icon\">${successIcon}</slot>`\n            : html`<slot name=\"copy-icon\">${copyIcon}</slot>`\n          }\n        </span>\n      </button>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,UAAU,aAAa;AAChC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAcZ,MAAM,qBAAqB,eAAe;AAAA,EAA1C;AAAA;AAIO,iBAAQ;AAGwC,4BAAmB;AAGnC,oBAAW;AAG1B,gBAA2B;AAGZ,0BAAiB;AAGjB,0BAAiB;AAGpD,SAAQ,SAAS;AAAA;AAAA,EAI1B,uBAAuB;AACrB,UAAM,qBAAqB;AAC3B,QAAI,KAAK,gBAAiB,cAAa,KAAK,eAAe;AAAA,EAC7D;AAAA,EAEA,MAAc,cAAc;AAC1B,QAAI,KAAK,YAAY,KAAK,OAAQ;AAElC,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,KAAK,KAAK;AAC9C,WAAK,SAAS;AACd,WAAK,KAAK,WAAW,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;AAEtD,WAAK,kBAAkB,WAAW,MAAM;AACtC,aAAK,SAAS;AAAA,MAChB,GAAG,KAAK,gBAAgB;AAAA,IAC1B,SAAS,OAAO;AACd,WAAK,KAAK,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAAA,IAC7C;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjB,UAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAMpB,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,eAAe;AAAA,MACf,uBAAuB,KAAK;AAAA,IAC9B,CAAC,CAAC;AAAA;AAAA,oBAEU,KAAK,QAAQ;AAAA,gBACjB,KAAK,SAAS,KAAK,iBAAiB,KAAK,cAAc;AAAA,qBAClD,KAAK,SAAS,KAAK,iBAAiB,KAAK,cAAc;AAAA,iBAC3D,KAAK,WAAW;AAAA;AAAA;AAAA,YAGrB,KAAK,SACH,iCAAiC,WAAW,YAC5C,8BAA8B,QAAQ,SAC1C;AAAA;AAAA;AAAA;AAAA,EAIR;AACF;AAlFa,aACJ,SAAS;AAGJ;AAAA,EAAX,SAAS;AAAA,GAJC,aAIC;AAGgD;AAAA,EAA3D,SAAS,EAAE,MAAM,QAAQ,WAAW,oBAAoB,CAAC;AAAA,GAP/C,aAOiD;AAGhB;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAV/B,aAUiC;AAGf;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAbhB,aAakB;AAGe;AAAA,EAA3C,SAAS,EAAE,WAAW,kBAAkB,CAAC;AAAA,GAhB/B,aAgBiC;AAGA;AAAA,EAA3C,SAAS,EAAE,WAAW,kBAAkB,CAAC;AAAA,GAnB/B,aAmBiC;AAG3B;AAAA,EAAhB,MAAM;AAAA,GAtBI,aAsBM;",
+  "names": []
+}

package/dist/components/copy-button/copy-button.d.ts

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

package/dist/components/copy-button/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,cAAc,4BAA4B,CAAC;AAI3C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/copy-button/copy-button.js

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

package/dist/components/copy-button/copy-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/copy-button/copy-button.ts"],
+  "sourcesContent": ["import { MzCopyButton } from './copy-button.component.js';\n\nexport * from './copy-button.component.js';\n\nMzCopyButton.define('mz-copy-button');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-copy-button': MzCopyButton;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAE7B,cAAc;AAEd,aAAa,OAAO,gBAAgB;",
+  "names": []
+}

package/dist/components/copy-button/copy-button.styles.d.ts

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

package/dist/components/copy-button/copy-button.styles.d.ts.map

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