@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/intersection-observer/intersection-observer.styles.js

@@ -0,0 +1,10 @@
+import { css } from "lit";
+var intersection_observer_styles_default = css`
+  :host {
+    display: block;
+  }
+`;
+export {
+  intersection_observer_styles_default as default
+};
+//# sourceMappingURL=intersection-observer.styles.js.map

package/dist/components/intersection-observer/intersection-observer.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/intersection-observer/intersection-observer.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEpB,IAAO,uCAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A label component for form controls.
+ *
+ * @slot - The label text content.
+ *
+ * @csspart base - The `<label>` wrapper element.
+ */
+export declare class MzLabel extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** The size of the label. */
+    size: 'small' | 'medium' | 'large';
+    /** Shows a required indicator (red asterisk). */
+    required: boolean;
+    /** Visual disabled state. */
+    disabled: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=label.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.component.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;;GAMG;AACH,qBAAa,OAAQ,SAAQ,cAAc;IACzC,MAAM,CAAC,MAAM,4BAAgC;IAE7C,6BAA6B;IACA,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE3E,iDAAiD;IACL,QAAQ,UAAS;IAE7D,6BAA6B;IACe,QAAQ,UAAS;IAE7D,MAAM;CAQP"}

package/dist/components/label/label.component.js

@@ -0,0 +1,45 @@
+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 } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import componentStyles from "../../styles/component.styles.js";
+import styles from "./label.styles.js";
+class MzLabel extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.size = "medium";
+    this.required = false;
+    this.disabled = false;
+  }
+  render() {
+    return html`
+      <label part="base" class="label">
+        <slot></slot>
+        ${this.required ? html`<span class="label__required" aria-hidden="true">*</span>` : nothing}
+      </label>
+    `;
+  }
+}
+MzLabel.styles = [componentStyles, ...styles];
+__decorateClass([
+  property({ reflect: true })
+], MzLabel.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzLabel.prototype, "required", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzLabel.prototype, "disabled", 2);
+export {
+  MzLabel
+};
+//# sourceMappingURL=label.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/label/label.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './label.styles.js';\n\n/**\n * @summary A label component for form controls.\n *\n * @slot - The label text content.\n *\n * @csspart base - The `<label>` wrapper element.\n */\nexport class MzLabel extends ManzanoElement {\n  static styles = [componentStyles, ...styles];\n\n  /** The size of the label. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Shows a required indicator (red asterisk). */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Visual disabled state. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  render() {\n    return html`\n      <label part=\"base\" class=\"label\">\n        <slot></slot>\n        ${this.required ? html`<span class=\"label__required\" aria-hidden=\"true\">*</span>` : nothing}\n      </label>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,MAAM,eAAe;AAC9B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,qBAAqB;AAC5B,OAAO,YAAY;AASZ,MAAM,gBAAgB,eAAe;AAAA,EAArC;AAAA;AAIwB,gBAAqC;AAGtB,oBAAW;AAGX,oBAAW;AAAA;AAAA,EAEvD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,UAGD,KAAK,WAAW,kEAAkE,OAAO;AAAA;AAAA;AAAA,EAGjG;AACF;AApBa,QACJ,SAAS,CAAC,iBAAiB,GAAG,MAAM;AAGd;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAJhB,QAIkB;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAP/B,QAOiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAV/B,QAUiC;",
+  "names": []
+}

package/dist/components/label/label.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/label/label.js

@@ -0,0 +1,6 @@
+import { MzLabel } from "./label.component.js";
+MzLabel.define("mz-label");
+export {
+  MzLabel
+};
+//# sourceMappingURL=label.js.map

package/dist/components/label/label.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/label/label.ts"],
+  "sourcesContent": ["import { MzLabel } from './label.component.js';\nMzLabel.define('mz-label');\nexport { MzLabel };\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-label': MzLabel;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,QAAQ,OAAO,UAAU;",
+  "names": []
+}

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

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

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

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

package/dist/components/label/label.styles.js

@@ -0,0 +1,45 @@
+import { css } from "lit";
+var label_styles_default = [
+  css`
+    :host {
+      display: inline-block;
+    }
+
+    .label {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.125rem;
+      font-family: var(--mz-font-sans);
+      font-weight: var(--mz-font-weight-medium, 500);
+      color: var(--mz-color-text);
+      cursor: default;
+      line-height: var(--mz-line-height-normal);
+    }
+
+    :host([size="small"]) .label {
+      font-size: var(--mz-font-size-sm);
+    }
+
+    :host([size="medium"]) .label {
+      font-size: var(--mz-font-size-base);
+    }
+
+    :host([size="large"]) .label {
+      font-size: var(--mz-font-size-lg);
+    }
+
+    :host([disabled]) .label {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .label__required {
+      color: var(--mz-color-danger);
+      font-weight: var(--mz-font-weight-bold, 700);
+    }
+  `
+];
+export {
+  label_styles_default as default
+};
+//# sourceMappingURL=label.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/label/label.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default [\n  css`\n    :host {\n      display: inline-block;\n    }\n\n    .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.125rem;\n      font-family: var(--mz-font-sans);\n      font-weight: var(--mz-font-weight-medium, 500);\n      color: var(--mz-color-text);\n      cursor: default;\n      line-height: var(--mz-line-height-normal);\n    }\n\n    :host([size=\"small\"]) .label {\n      font-size: var(--mz-font-size-sm);\n    }\n\n    :host([size=\"medium\"]) .label {\n      font-size: var(--mz-font-size-base);\n    }\n\n    :host([size=\"large\"]) .label {\n      font-size: var(--mz-font-size-lg);\n    }\n\n    :host([disabled]) .label {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .label__required {\n      color: var(--mz-color-danger);\n      font-weight: var(--mz-font-weight-bold, 700);\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEpB,IAAO,uBAAQ;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCF;",
+  "names": []
+}

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

@@ -0,0 +1,36 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A menu item for use in context menus and dropdowns.
+ *
+ * @tag mz-menu-item
+ *
+ * @slot - The menu item label text.
+ * @slot prefix - Icon or content before the label.
+ * @slot suffix - Shortcut hint or content after the label.
+ *
+ * @csspart base - The menu item container.
+ * @csspart check - The checkmark area.
+ * @csspart prefix - The prefix slot wrapper.
+ * @csspart label - The label slot wrapper.
+ * @csspart suffix - The suffix slot wrapper.
+ */
+export declare class MzMenuItem extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    /** The value associated with this menu item. */
+    value: string;
+    /** Whether the menu item is disabled. */
+    disabled: boolean;
+    /** Whether the menu item is checked (only applies when type is 'checkbox'). */
+    checked: boolean;
+    /** The type of menu item. */
+    type: 'normal' | 'checkbox';
+    private handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=menu-item.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,MAAM,0BAAU;IACvB,MAAM,CAAC,iBAAiB;;;;;MAAiE;IAEzF,gDAAgD;IACpC,KAAK,SAAM;IAEvB,yCAAyC;IACG,QAAQ,UAAS;IAE7D,+EAA+E;IACnC,OAAO,UAAS;IAE5D,6BAA6B;IACjB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEnD,OAAO,CAAC,WAAW;IAWnB,MAAM;CA2BP"}

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

@@ -0,0 +1,79 @@
+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 } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./menu-item.styles.js";
+class MzMenuItem extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.value = "";
+    this.disabled = false;
+    this.checked = false;
+    this.type = "normal";
+  }
+  handleClick(e) {
+    if (this.disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    if (this.type === "checkbox") {
+      this.checked = !this.checked;
+    }
+  }
+  render() {
+    return html`
+      <div
+        class=${classMap({
+      "menu-item": true,
+      "menu-item--disabled": this.disabled,
+      "menu-item--checked": this.checked
+    })}
+        part="base"
+        role="menuitem"
+        aria-disabled=${this.disabled ? "true" : "false"}
+        tabindex=${this.disabled ? -1 : 0}
+        @click=${this.handleClick}
+      >
+        <span class="menu-item__check" part="check">
+          ${this.type === "checkbox" ? html`
+            <svg class="menu-item__check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="visibility: ${this.checked ? "visible" : "hidden"}">
+              <polyline points="20 6 9 17 4 12"></polyline>
+            </svg>
+          ` : nothing}
+        </span>
+        <span class="menu-item__prefix" part="prefix"><slot name="prefix"></slot></span>
+        <span class="menu-item__label" part="label"><slot></slot></span>
+        <span class="menu-item__suffix" part="suffix"><slot name="suffix"></slot></span>
+      </div>
+    `;
+  }
+}
+MzMenuItem.styles = styles;
+MzMenuItem.shadowRootOptions = { ...ManzanoElement.shadowRootOptions, delegatesFocus: true };
+__decorateClass([
+  property()
+], MzMenuItem.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzMenuItem.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzMenuItem.prototype, "checked", 2);
+__decorateClass([
+  property()
+], MzMenuItem.prototype, "type", 2);
+export {
+  MzMenuItem
+};
+//# sourceMappingURL=menu-item.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menu-item/menu-item.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './menu-item.styles.js';\n\n/**\n * @summary A menu item for use in context menus and dropdowns.\n *\n * @tag mz-menu-item\n *\n * @slot - The menu item label text.\n * @slot prefix - Icon or content before the label.\n * @slot suffix - Shortcut hint or content after the label.\n *\n * @csspart base - The menu item container.\n * @csspart check - The checkmark area.\n * @csspart prefix - The prefix slot wrapper.\n * @csspart label - The label slot wrapper.\n * @csspart suffix - The suffix slot wrapper.\n */\nexport class MzMenuItem extends ManzanoElement {\n  static styles = styles;\n  static shadowRootOptions = { ...ManzanoElement.shadowRootOptions, delegatesFocus: true };\n\n  /** The value associated with this menu item. */\n  @property() value = '';\n\n  /** Whether the menu item is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Whether the menu item is checked (only applies when type is 'checkbox'). */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The type of menu item. */\n  @property() type: 'normal' | 'checkbox' = 'normal';\n\n  private handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (this.type === 'checkbox') {\n      this.checked = !this.checked;\n    }\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'menu-item': true,\n          'menu-item--disabled': this.disabled,\n          'menu-item--checked': this.checked\n        })}\n        part=\"base\"\n        role=\"menuitem\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? -1 : 0}\n        @click=${this.handleClick}\n      >\n        <span class=\"menu-item__check\" part=\"check\">\n          ${this.type === 'checkbox' ? html`\n            <svg class=\"menu-item__check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"visibility: ${this.checked ? 'visible' : 'hidden'}\">\n              <polyline points=\"20 6 9 17 4 12\"></polyline>\n            </svg>\n          ` : nothing}\n        </span>\n        <span class=\"menu-item__prefix\" part=\"prefix\"><slot name=\"prefix\"></slot></span>\n        <span class=\"menu-item__label\" part=\"label\"><slot></slot></span>\n        <span class=\"menu-item__suffix\" part=\"suffix\"><slot name=\"suffix\"></slot></span>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,MAAM,eAAe;AAC9B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAiBZ,MAAM,mBAAmB,eAAe;AAAA,EAAxC;AAAA;AAKO,iBAAQ;AAGwB,oBAAW;AAGX,mBAAU;AAG1C,gBAA8B;AAAA;AAAA,EAElC,YAAY,GAAU;AAC5B,QAAI,KAAK,UAAU;AACjB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB;AAAA,IACF;AACA,QAAI,KAAK,SAAS,YAAY;AAC5B,WAAK,UAAU,CAAC,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,aAAa;AAAA,MACb,uBAAuB,KAAK;AAAA,MAC5B,sBAAsB,KAAK;AAAA,IAC7B,CAAC,CAAC;AAAA;AAAA;AAAA,wBAGc,KAAK,WAAW,SAAS,OAAO;AAAA,mBACrC,KAAK,WAAW,KAAK,CAAC;AAAA,iBACxB,KAAK,WAAW;AAAA;AAAA;AAAA,YAGrB,KAAK,SAAS,aAAa;AAAA,0LACmJ,KAAK,UAAU,YAAY,QAAQ;AAAA;AAAA;AAAA,cAG/M,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnB;AACF;AAtDa,WACJ,SAAS;AADL,WAEJ,oBAAoB,EAAE,GAAG,eAAe,mBAAmB,gBAAgB,KAAK;AAG3E;AAAA,EAAX,SAAS;AAAA,GALC,WAKC;AAGgC;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAR/B,WAQiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAX/B,WAWiC;AAGhC;AAAA,EAAX,SAAS;AAAA,GAdC,WAcC;",
+  "names": []
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,cAAc,0BAA0B,CAAC;AAIzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,75 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var menu_item_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    display: block;
+  }
+
+  .menu-item {
+    display: flex;
+    align-items: center;
+    gap: var(--mz-space-xs);
+    padding: var(--mz-space-xs) var(--mz-space-sm);
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text);
+    cursor: pointer;
+    border-radius: var(--mz-radius-sm);
+    transition: background-color 100ms ease;
+    outline: none;
+    user-select: none;
+    margin: 0 var(--mz-space-2xs);
+  }
+
+  .menu-item:hover:not(.menu-item--disabled) {
+    background: var(--mz-color-surface-raised);
+  }
+
+  .menu-item:focus-visible {
+    background: var(--mz-color-surface-raised);
+  }
+
+  .menu-item--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .menu-item__check {
+    display: flex;
+    align-items: center;
+    width: 1rem;
+    flex-shrink: 0;
+  }
+
+  .menu-item__check-icon {
+    width: 14px;
+    height: 14px;
+  }
+
+  .menu-item__prefix {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .menu-item__label {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .menu-item__suffix {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    color: var(--mz-color-text-disabled);
+    font-size: var(--mz-font-size-xs);
+    margin-left: auto;
+    padding-left: var(--mz-space-lg);
+  }
+`;
+export {
+  menu_item_styles_default as default
+};
+//# sourceMappingURL=menu-item.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menu-item/menu-item.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: block;\n  }\n\n  .menu-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mz-space-xs);\n    padding: var(--mz-space-xs) var(--mz-space-sm);\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text);\n    cursor: pointer;\n    border-radius: var(--mz-radius-sm);\n    transition: background-color 100ms ease;\n    outline: none;\n    user-select: none;\n    margin: 0 var(--mz-space-2xs);\n  }\n\n  .menu-item:hover:not(.menu-item--disabled) {\n    background: var(--mz-color-surface-raised);\n  }\n\n  .menu-item:focus-visible {\n    background: var(--mz-color-surface-raised);\n  }\n\n  .menu-item--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .menu-item__check {\n    display: flex;\n    align-items: center;\n    width: 1rem;\n    flex-shrink: 0;\n  }\n\n  .menu-item__check-icon {\n    width: 14px;\n    height: 14px;\n  }\n\n  .menu-item__prefix {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .menu-item__label {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .menu-item__suffix {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--mz-color-text-disabled);\n    font-size: var(--mz-font-size-xs);\n    margin-left: auto;\n    padding-left: var(--mz-space-lg);\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,2BAAQ;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;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import { type TemplateResult } from 'lit';
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A horizontal menu bar with keyboard navigation between items.
+ *
+ * @slot - `mz-menubar-item` children.
+ *
+ * @csspart base - The menubar wrapper.
+ */
+export declare class MzMenubar extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleKeydown;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=menubar.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.component.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/menubar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;GAMG;AACH,qBAAa,SAAU,SAAQ,cAAc;IAC3C,MAAM,CAAC,MAAM,4BAAU;IAEvB,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,aAAa,CAcnB;IAEF,MAAM,IAAI,cAAc;CAOzB"}

package/dist/components/menubar/menubar.component.js

@@ -0,0 +1,42 @@
+import { html } from "lit";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./menubar.styles.js";
+class MzMenubar extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.handleKeydown = (e) => {
+      const items = [...this.querySelectorAll("mz-menubar-item:not([disabled])")];
+      const currentIndex = items.indexOf(e.target);
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        const next = (currentIndex + 1) % items.length;
+        items[next]?.focus();
+      }
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        const prev = (currentIndex - 1 + items.length) % items.length;
+        items[prev]?.focus();
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keydown", this.handleKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("keydown", this.handleKeydown);
+  }
+  render() {
+    return html`
+      <div part="base" class="menubar" role="menubar" aria-label="Menu">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+MzMenubar.styles = styles;
+export {
+  MzMenubar
+};
+//# sourceMappingURL=menubar.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menubar/menubar.component.ts"],
+  "sourcesContent": ["import { html, type TemplateResult } from 'lit';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './menubar.styles.js';\n\n/**\n * @summary A horizontal menu bar with keyboard navigation between items.\n *\n * @slot - `mz-menubar-item` children.\n *\n * @csspart base - The menubar wrapper.\n */\nexport class MzMenubar extends ManzanoElement {\n  static styles = styles;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keydown', this.handleKeydown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this.handleKeydown);\n  }\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    const items = [...this.querySelectorAll<HTMLElement>('mz-menubar-item:not([disabled])')];\n    const currentIndex = items.indexOf(e.target as HTMLElement);\n\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = (currentIndex + 1) % items.length;\n      items[next]?.focus();\n    }\n    if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = (currentIndex - 1 + items.length) % items.length;\n      items[prev]?.focus();\n    }\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"menubar\" role=\"menubar\" aria-label=\"Menu\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAiC;AAC1C,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AASZ,MAAM,kBAAkB,eAAe;AAAA,EAAvC;AAAA;AAaL,SAAQ,gBAAgB,CAAC,MAAqB;AAC5C,YAAM,QAAQ,CAAC,GAAG,KAAK,iBAA8B,iCAAiC,CAAC;AACvF,YAAM,eAAe,MAAM,QAAQ,EAAE,MAAqB;AAE1D,UAAI,EAAE,QAAQ,cAAc;AAC1B,UAAE,eAAe;AACjB,cAAM,QAAQ,eAAe,KAAK,MAAM;AACxC,cAAM,IAAI,GAAG,MAAM;AAAA,MACrB;AACA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,cAAM,QAAQ,eAAe,IAAI,MAAM,UAAU,MAAM;AACvD,cAAM,IAAI,GAAG,MAAM;AAAA,MACrB;AAAA,IACF;AAAA;AAAA,EAxBA,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,iBAAiB,WAAW,KAAK,aAAa;AAAA,EACrD;AAAA,EAEA,uBAAuB;AACrB,UAAM,qBAAqB;AAC3B,SAAK,oBAAoB,WAAW,KAAK,aAAa;AAAA,EACxD;AAAA,EAkBA,SAAyB;AACvB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AApCa,UACJ,SAAS;",
+  "names": []
+}

package/dist/components/menubar/menubar.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/menubar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/menubar/menubar.js

@@ -0,0 +1,6 @@
+import { MzMenubar } from "./menubar.component.js";
+MzMenubar.define("mz-menubar");
+export {
+  MzMenubar
+};
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar/menubar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menubar/menubar.ts"],
+  "sourcesContent": ["import { MzMenubar } from './menubar.component.js';\n\nMzMenubar.define('mz-menubar');\n\nexport { MzMenubar };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-menubar': MzMenubar;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,UAAU,OAAO,YAAY;",
+  "names": []
+}

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

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

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

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

package/dist/components/menubar/menubar.styles.js

@@ -0,0 +1,25 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var menubar_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: block;
+    }
+
+    .menubar {
+      display: flex;
+      align-items: center;
+      gap: 1px;
+      padding: var(--mz-space-xs);
+      background: var(--mz-color-surface, #fff);
+      border: 1px solid var(--mz-color-border);
+      border-radius: var(--mz-radius-lg, 0.75rem);
+      font-family: var(--mz-font-sans);
+    }
+  `
+];
+export {
+  menubar_styles_default as default
+};
+//# sourceMappingURL=menubar.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menubar/menubar.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .menubar {\n      display: flex;\n      align-items: center;\n      gap: 1px;\n      padding: var(--mz-space-xs);\n      background: var(--mz-color-surface, #fff);\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-lg, 0.75rem);\n      font-family: var(--mz-font-sans);\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,yBAAQ;AAAA,EACb;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBF;",
+  "names": []
+}