@manzanohq/components 0.1.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/card/card.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    .card {\n      border: var(--mz-card-border-width, var(--mz-panel-border-width)) solid\n        var(--mz-card-border-color, var(--mz-panel-border-color));\n      border-radius: var(--mz-card-border-radius, var(--mz-panel-border-radius));\n      background: var(--mz-card-bg, var(--mz-color-surface));\n      box-shadow: var(--mz-card-shadow, var(--mz-shadow-sm));\n      overflow: hidden;\n      transition: box-shadow var(--mz-transition-normal) ease,\n        transform var(--mz-transition-normal) ease;\n    }\n\n    .card:hover {\n      box-shadow: var(--mz-card-shadow-hover, var(--mz-shadow-md));\n      transform: translateY(-1px);\n    }\n\n    /* ---- Image ---- */\n\n    .card__image {\n      line-height: 0;\n    }\n\n    .card__image--empty {\n      display: none;\n    }\n\n    .card__image ::slotted(img) {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    /* ---- Header ---- */\n\n    .card__header {\n      padding: var(--mz-card-padding, var(--mz-space-lg)) var(--mz-card-padding, var(--mz-space-xl));\n    }\n\n    .card__header--empty {\n      display: none;\n    }\n\n    /*\n     * Only show the header's bottom border when there's NO image above it.\n     * When an image is present, the visual break is already strong enough.\n     */\n    .card__image--empty + .card__header:not(.card__header--empty) {\n      border-bottom: var(--mz-panel-border-width) solid var(--mz-color-border);\n    }\n\n    /* When header follows an image, tighten the top padding \u2014 the image IS the separator */\n    .card__image:not(.card__image--empty) + .card__header {\n      padding-top: var(--mz-space-md);\n      padding-bottom: var(--mz-space-xs);\n    }\n\n    /* ---- Body ---- */\n\n    .card__body {\n      padding: var(--mz-card-padding, var(--mz-space-xl));\n      color: color-mix(in srgb, var(--mz-color-text) 78%, transparent);\n    }\n\n    /* When body follows a visible header (no image case), reduce top padding to avoid double-spacing */\n    .card__image--empty + .card__header:not(.card__header--empty) + .card__body {\n      padding-top: var(--mz-space-md);\n    }\n\n    /* When body follows a visible header after an image, tighten further */\n    .card__image:not(.card__image--empty) + .card__header:not(.card__header--empty) + .card__body {\n      padding-top: var(--mz-space-sm);\n    }\n\n    /* ---- Footer ---- */\n\n    .card__footer {\n      padding: var(--mz-space-md) var(--mz-card-padding, var(--mz-space-xl));\n      border-top: var(--mz-panel-border-width) solid var(--mz-color-border);\n    }\n\n    .card__footer--empty {\n      display: none;\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,sBAAQ;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;AAyFF;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A checkbox input.
+ *
+ * @tag mz-checkbox
+ *
+ * @slot - The checkbox label.
+ * @slot help-text - Help text below the checkbox.
+ *
+ * @event mz-change - Emitted when the checked state changes.
+ * @event mz-focus - Emitted when the checkbox gains focus.
+ * @event mz-blur - Emitted when the checkbox loses focus.
+ *
+ * @csspart base - The checkbox wrapper.
+ * @csspart control - The visual checkbox box.
+ * @csspart label - The label text.
+ * @csspart help-text - The help text element.
+ */
+export declare class MzCheckbox extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static formAssociated: boolean;
+    private readonly hasSlotController;
+    private inputEl;
+    /** The checkbox's name for form participation. */
+    name: string;
+    /** The value submitted with the form when checked. */
+    value: string;
+    /** The checkbox's size. */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether the checkbox is checked. */
+    checked: boolean;
+    /** Whether the checkbox is in an indeterminate state. */
+    indeterminate: boolean;
+    /** Disables the checkbox. */
+    disabled: boolean;
+    /** Makes the checkbox required. */
+    required: boolean;
+    /** Help text. */
+    helpText: string;
+    /** Sets focus on the checkbox. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the checkbox. */
+    blur(): void;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=checkbox.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,MAAM,4BAAU;IACvB,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA4C;IAEnD,OAAO,CAAC,OAAO,CAAoB;IAE9D,kDAAkD;IACtC,IAAI,SAAM;IAEtB,sDAAsD;IAC1C,KAAK,SAAQ;IAEzB,2BAA2B;IACE,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,uCAAuC;IACK,OAAO,UAAS;IAE5D,yDAAyD;IACb,aAAa,UAAS;IAElE,6BAA6B;IACe,QAAQ,UAAS;IAE7D,mCAAmC;IACS,QAAQ,UAAS;IAE7D,iBAAiB;IACqB,QAAQ,SAAM;IAEpD,kCAAkC;IAClC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,uCAAuC;IACvC,IAAI,IAAI,IAAI;IAIZ,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIlB,MAAM;CAyCP"}

package/dist/components/checkbox/checkbox.component.js

@@ -0,0 +1,116 @@
+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, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { HasSlotController } from "../../internal/slot.js";
+import styles from "./checkbox.styles.js";
+class MzCheckbox extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "help-text");
+    this.name = "";
+    this.value = "on";
+    this.size = "md";
+    this.checked = false;
+    this.indeterminate = false;
+    this.disabled = false;
+    this.required = false;
+    this.helpText = "";
+  }
+  /** Sets focus on the checkbox. */
+  focus(options) {
+    this.inputEl?.focus(options);
+  }
+  /** Removes focus from the checkbox. */
+  blur() {
+    this.inputEl?.blur();
+  }
+  handleChange() {
+    this.checked = this.inputEl.checked;
+    this.indeterminate = false;
+    this.emit("mz-change");
+  }
+  handleFocus() {
+    this.emit("mz-focus");
+  }
+  handleBlur() {
+    this.emit("mz-blur");
+  }
+  render() {
+    const hasHelpText = this.helpText || this.hasSlotController.test("help-text");
+    const controlClasses = {
+      checkbox__control: true,
+      "checkbox__control--checked": this.checked,
+      "checkbox__control--indeterminate": this.indeterminate
+    };
+    return html`
+      <label part="base" class="checkbox">
+        <input
+          class="checkbox__input"
+          type="checkbox"
+          name=${this.name}
+          value=${this.value}
+          .checked=${this.checked}
+          .indeterminate=${this.indeterminate}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        <span part="control" class=${classMap(controlClasses)}>
+          ${this.checked ? html`<span class="checkbox__icon">&#10003;</span>` : this.indeterminate ? html`<span class="checkbox__icon">&#8211;</span>` : nothing}
+        </span>
+        <span part="label" class="checkbox__label">
+          <slot></slot>
+          ${hasHelpText ? html`<span part="help-text" class="form-control__help-text">
+                ${this.helpText || html`<slot name="help-text"></slot>`}
+              </span>` : nothing}
+        </span>
+      </label>
+    `;
+  }
+}
+MzCheckbox.styles = styles;
+MzCheckbox.formAssociated = true;
+__decorateClass([
+  query(".checkbox__input")
+], MzCheckbox.prototype, "inputEl", 2);
+__decorateClass([
+  property()
+], MzCheckbox.prototype, "name", 2);
+__decorateClass([
+  property()
+], MzCheckbox.prototype, "value", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzCheckbox.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzCheckbox.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzCheckbox.prototype, "indeterminate", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzCheckbox.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzCheckbox.prototype, "required", 2);
+__decorateClass([
+  property({ attribute: "help-text" })
+], MzCheckbox.prototype, "helpText", 2);
+export {
+  MzCheckbox
+};
+//# sourceMappingURL=checkbox.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/checkbox/checkbox.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport styles from './checkbox.styles.js';\n\n/**\n * @summary A checkbox input.\n *\n * @tag mz-checkbox\n *\n * @slot - The checkbox label.\n * @slot help-text - Help text below the checkbox.\n *\n * @event mz-change - Emitted when the checked state changes.\n * @event mz-focus - Emitted when the checkbox gains focus.\n * @event mz-blur - Emitted when the checkbox loses focus.\n *\n * @csspart base - The checkbox wrapper.\n * @csspart control - The visual checkbox box.\n * @csspart label - The label text.\n * @csspart help-text - The help text element.\n */\nexport class MzCheckbox extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text');\n\n  @query('.checkbox__input') private inputEl!: HTMLInputElement;\n\n  /** The checkbox's name for form participation. */\n  @property() name = '';\n\n  /** The value submitted with the form when checked. */\n  @property() value = 'on';\n\n  /** The checkbox's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Whether the checkbox is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Whether the checkbox is in an indeterminate state. */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  /** Disables the checkbox. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the checkbox required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Help text. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Sets focus on the checkbox. */\n  focus(options?: FocusOptions): void {\n    this.inputEl?.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  blur(): void {\n    this.inputEl?.blur();\n  }\n\n  private handleChange(): void {\n    this.checked = this.inputEl.checked;\n    this.indeterminate = false;\n    this.emit('mz-change');\n  }\n\n  private handleFocus(): void {\n    this.emit('mz-focus');\n  }\n\n  private handleBlur(): void {\n    this.emit('mz-blur');\n  }\n\n  render() {\n    const hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n    const controlClasses = {\n      checkbox__control: true,\n      'checkbox__control--checked': this.checked,\n      'checkbox__control--indeterminate': this.indeterminate\n    };\n\n    return html`\n      <label part=\"base\" class=\"checkbox\">\n        <input\n          class=\"checkbox__input\"\n          type=\"checkbox\"\n          name=${this.name}\n          value=${this.value}\n          .checked=${this.checked}\n          .indeterminate=${this.indeterminate}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n        <span part=\"control\" class=${classMap(controlClasses)}>\n          ${this.checked\n            ? html`<span class=\"checkbox__icon\">&#10003;</span>`\n            : this.indeterminate\n              ? html`<span class=\"checkbox__icon\">&#8211;</span>`\n              : nothing}\n        </span>\n        <span part=\"label\" class=\"checkbox__label\">\n          <slot></slot>\n          ${hasHelpText\n            ? html`<span part=\"help-text\" class=\"form-control__help-text\">\n                ${this.helpText || html`<slot name=\"help-text\"></slot>`}\n              </span>`\n            : nothing}\n        </span>\n      </label>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU,aAAa;AAChC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,OAAO,YAAY;AAmBZ,MAAM,mBAAmB,eAAe;AAAA,EAAxC;AAAA;AAIL,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,WAAW;AAKhE,gBAAO;AAGP,iBAAQ;AAGS,gBAA2B;AAGZ,mBAAU;AAGV,yBAAgB;AAGhB,oBAAW;AAGX,oBAAW;AAGjB,oBAAW;AAAA;AAAA;AAAA,EAGjD,MAAM,SAA8B;AAClC,SAAK,SAAS,MAAM,OAAO;AAAA,EAC7B;AAAA;AAAA,EAGA,OAAa;AACX,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEQ,eAAqB;AAC3B,SAAK,UAAU,KAAK,QAAQ;AAC5B,SAAK,gBAAgB;AACrB,SAAK,KAAK,WAAW;AAAA,EACvB;AAAA,EAEQ,cAAoB;AAC1B,SAAK,KAAK,UAAU;AAAA,EACtB;AAAA,EAEQ,aAAmB;AACzB,SAAK,KAAK,SAAS;AAAA,EACrB;AAAA,EAEA,SAAS;AACP,UAAM,cAAc,KAAK,YAAY,KAAK,kBAAkB,KAAK,WAAW;AAC5E,UAAM,iBAAiB;AAAA,MACrB,mBAAmB;AAAA,MACnB,8BAA8B,KAAK;AAAA,MACnC,oCAAoC,KAAK;AAAA,IAC3C;AAEA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKM,KAAK,IAAI;AAAA,kBACR,KAAK,KAAK;AAAA,qBACP,KAAK,OAAO;AAAA,2BACN,KAAK,aAAa;AAAA,sBACvB,KAAK,QAAQ;AAAA,sBACb,KAAK,QAAQ;AAAA,oBACf,KAAK,YAAY;AAAA,mBAClB,KAAK,WAAW;AAAA,kBACjB,KAAK,UAAU;AAAA;AAAA,qCAEI,SAAS,cAAc,CAAC;AAAA,YACjD,KAAK,UACH,qDACA,KAAK,gBACH,oDACA,OAAO;AAAA;AAAA;AAAA;AAAA,YAIX,cACE;AAAA,kBACI,KAAK,YAAY,oCAAoC;AAAA,yBAEzD,OAAO;AAAA;AAAA;AAAA;AAAA,EAInB;AACF;AAjGa,WACJ,SAAS;AADL,WAEJ,iBAAiB;AAIW;AAAA,EAAlC,MAAM,kBAAkB;AAAA,GANd,WAMwB;AAGvB;AAAA,EAAX,SAAS;AAAA,GATC,WASC;AAGA;AAAA,EAAX,SAAS;AAAA,GAZC,WAYC;AAGiB;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAfhB,WAekB;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAlB/B,WAkBiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GArB/B,WAqBiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAxB/B,WAwBiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GA3B/B,WA2BiC;AAGN;AAAA,EAArC,SAAS,EAAE,WAAW,YAAY,CAAC;AAAA,GA9BzB,WA8B2B;",
+  "names": []
+}

package/dist/components/checkbox/checkbox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.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/checkbox/checkbox.js

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

package/dist/components/checkbox/checkbox.js.map

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

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

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

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

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

package/dist/components/checkbox/checkbox.styles.js

@@ -0,0 +1,114 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+import formControlStyles from "../../styles/form-control.styles.js";
+var checkbox_styles_default = [
+  componentStyles,
+  formControlStyles,
+  css`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .checkbox {
+        display: inline-flex;
+        align-items: flex-start;
+        gap: var(--mz-space-xs);
+        cursor: pointer;
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size, var(--mz-font-size-md));
+        line-height: var(--mz-line-height-normal);
+        color: var(--mz-color-text);
+      }
+
+      .checkbox__control {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        width: var(--_box-size, 1.25rem);
+        height: var(--_box-size, 1.25rem);
+        margin-top: 0.15em;
+        border: var(--mz-border-width-md) solid var(--mz-input-border-color);
+        border-radius: var(--mz-radius-sm);
+        background: var(--mz-color-surface);
+        transition:
+          background var(--mz-transition-fast),
+          border-color var(--mz-transition-fast);
+      }
+
+      .checkbox__control:hover {
+        border-color: var(--mz-color-primary);
+      }
+
+      .checkbox__control--checked {
+        background: var(--mz-color-primary);
+        border-color: var(--mz-color-primary);
+      }
+
+      .checkbox__control--indeterminate {
+        background: var(--mz-color-primary);
+        border-color: var(--mz-color-primary);
+      }
+
+      .checkbox__icon {
+        display: flex;
+        color: var(--mz-color-on-primary);
+        font-size: calc(var(--_box-size, 1.25rem) * 0.7);
+        line-height: 1;
+      }
+
+      .checkbox__label {
+        user-select: none;
+      }
+
+      /* Hidden native input for form participation */
+      .checkbox__input {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
+
+      .checkbox__input:focus-visible ~ .checkbox__control {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-sm);
+        --_box-size: 1rem;
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-md);
+        --_box-size: 1.25rem;
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-lg);
+        --_box-size: 1.5rem;
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .checkbox {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `
+];
+export {
+  checkbox_styles_default as default
+};
+//# sourceMappingURL=checkbox.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/checkbox/checkbox.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\n\nexport default [\n  componentStyles,\n  formControlStyles,\n  css`\n    @layer base, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-flex;\n      }\n\n      .checkbox {\n        display: inline-flex;\n        align-items: flex-start;\n        gap: var(--mz-space-xs);\n        cursor: pointer;\n        font-family: var(--mz-font-sans);\n        font-size: var(--_font-size, var(--mz-font-size-md));\n        line-height: var(--mz-line-height-normal);\n        color: var(--mz-color-text);\n      }\n\n      .checkbox__control {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        width: var(--_box-size, 1.25rem);\n        height: var(--_box-size, 1.25rem);\n        margin-top: 0.15em;\n        border: var(--mz-border-width-md) solid var(--mz-input-border-color);\n        border-radius: var(--mz-radius-sm);\n        background: var(--mz-color-surface);\n        transition:\n          background var(--mz-transition-fast),\n          border-color var(--mz-transition-fast);\n      }\n\n      .checkbox__control:hover {\n        border-color: var(--mz-color-primary);\n      }\n\n      .checkbox__control--checked {\n        background: var(--mz-color-primary);\n        border-color: var(--mz-color-primary);\n      }\n\n      .checkbox__control--indeterminate {\n        background: var(--mz-color-primary);\n        border-color: var(--mz-color-primary);\n      }\n\n      .checkbox__icon {\n        display: flex;\n        color: var(--mz-color-on-primary);\n        font-size: calc(var(--_box-size, 1.25rem) * 0.7);\n        line-height: 1;\n      }\n\n      .checkbox__label {\n        user-select: none;\n      }\n\n      /* Hidden native input for form participation */\n      .checkbox__input {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        border: 0;\n      }\n\n      .checkbox__input:focus-visible ~ .checkbox__control {\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_font-size: var(--mz-font-size-sm);\n        --_box-size: 1rem;\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-font-size-md);\n        --_box-size: 1.25rem;\n      }\n\n      :host([size='lg']) {\n        --_font-size: var(--mz-font-size-lg);\n        --_box-size: 1.5rem;\n      }\n    }\n\n    @layer states {\n      :host([disabled]) .checkbox {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAC5B,OAAO,uBAAuB;AAE9B,IAAO,0BAAQ;AAAA,EACb;AAAA,EACA;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;AAuGF;",
+  "names": []
+}

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

@@ -0,0 +1,58 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzIcon } from '../icon/icon.component.js';
+/**
+ * @summary A modal dialog using native <dialog> with focus trapping and scroll lock.
+ *
+ * @tag mz-dialog
+ *
+ * @dependency mz-icon
+ *
+ * @slot - The dialog body content.
+ * @slot header - Content for the dialog header (overrides label).
+ * @slot footer - Content for the dialog footer.
+ *
+ * @event mz-show - Emitted when the dialog begins to open.
+ * @event mz-hide - Emitted when the dialog begins to close.
+ * @event mz-after-show - Emitted after the dialog open animation completes.
+ * @event mz-after-hide - Emitted after the dialog close animation completes.
+ * @event mz-request-close - Emitted when close is requested (cancelable). Prevents close if cancelled.
+ *
+ * @csspart base - The native <dialog> element.
+ * @csspart panel - The dialog panel container.
+ * @csspart header - The dialog header.
+ * @csspart close - The close button.
+ * @csspart body - The dialog body.
+ * @csspart footer - The dialog footer.
+ */
+export declare class MzDialog extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static dependencies: {
+        'mz-icon': typeof MzIcon;
+    };
+    private dialogEl;
+    private panelEl;
+    private focusTrap;
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** The dialog title (used as accessible label and default header). */
+    label: string;
+    /** Hides the close button in the header. */
+    noCloseButton: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): Promise<void>;
+    private showDialog;
+    private hideDialog;
+    /** Request close — emits mz-request-close, which can be cancelled. */
+    private requestClose;
+    /** Programmatically show the dialog */
+    show(): void;
+    /** Programmatically hide the dialog */
+    hide(): void;
+    /** Handle native <dialog> cancel (Escape key) */
+    private handleCancel;
+    /** Handle clicks on the <dialog> element (backdrop clicks) */
+    private handleDialogClick;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=dialog.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,QAAS,SAAQ,cAAc;IAC1C,MAAM,CAAC,MAAM,4BAAU;IAEvB,MAAM,CAAC,YAAY;;MAEjB;IAEe,OAAO,CAAC,QAAQ,CAAqB;IAC7B,OAAO,CAAC,OAAO,CAAkB;IAE1D,OAAO,CAAC,SAAS,CAAa;IAE9B,kCAAkC;IACU,IAAI,UAAS;IAEzD,sEAAsE;IAC1D,KAAK,SAAM;IAEvB,4CAA4C;IACe,aAAa,UAAS;IAEjF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAMtB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;YAU7C,UAAU;YAUV,UAAU;IAUxB,sEAAsE;IACtE,OAAO,CAAC,YAAY;IAUpB,uCAAuC;IACvC,IAAI,IAAI,IAAI;IAIZ,uCAAuC;IACvC,IAAI,IAAI,IAAI;IAIZ,iDAAiD;IACjD,OAAO,CAAC,YAAY;IAKpB,8DAA8D;IAC9D,OAAO,CAAC,iBAAiB;IAOzB,MAAM;CAoCP"}

package/dist/components/dialog/dialog.component.js

@@ -0,0 +1,148 @@
+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, query } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { FocusTrap } from "../../internal/modal.js";
+import { lockScroll, unlockScroll } from "../../internal/scroll.js";
+import { animateTo } from "../../utilities/animation-registry.js";
+import { MzIcon } from "../icon/icon.component.js";
+import styles from "./dialog.styles.js";
+class MzDialog extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+    this.label = "";
+    this.noCloseButton = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.focusTrap = new FocusTrap(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.focusTrap.deactivate();
+    unlockScroll();
+  }
+  async updated(changed) {
+    if (changed.has("open")) {
+      if (this.open) {
+        await this.showDialog();
+      } else if (changed.get("open") === true) {
+        await this.hideDialog();
+      }
+    }
+  }
+  async showDialog() {
+    this.emit("mz-show");
+    this.dialogEl.showModal();
+    lockScroll();
+    this.focusTrap.activate();
+    const anim = animateTo(this.panelEl, "dialog.show", this.prefersReducedMotion);
+    await anim.finished;
+    this.emit("mz-after-show");
+  }
+  async hideDialog() {
+    this.emit("mz-hide");
+    this.focusTrap.deactivate();
+    const anim = animateTo(this.panelEl, "dialog.hide", this.prefersReducedMotion);
+    await anim.finished;
+    this.dialogEl.close();
+    unlockScroll();
+    this.emit("mz-after-hide");
+  }
+  /** Request close — emits mz-request-close, which can be cancelled. */
+  requestClose(source) {
+    const allowed = this.emit("mz-request-close", {
+      cancelable: true,
+      detail: { source }
+    });
+    if (allowed) {
+      this.open = false;
+    }
+  }
+  /** Programmatically show the dialog */
+  show() {
+    this.open = true;
+  }
+  /** Programmatically hide the dialog */
+  hide() {
+    this.open = false;
+  }
+  /** Handle native <dialog> cancel (Escape key) */
+  handleCancel(e) {
+    e.preventDefault();
+    this.requestClose("keyboard");
+  }
+  /** Handle clicks on the <dialog> element (backdrop clicks) */
+  handleDialogClick(e) {
+    if (e.target === this.dialogEl) {
+      this.requestClose("backdrop");
+    }
+  }
+  render() {
+    return html`
+      <dialog
+        part="base"
+        class="dialog"
+        aria-label=${this.label || nothing}
+        @cancel=${this.handleCancel}
+        @click=${this.handleDialogClick}
+      >
+        <div part="panel" class="dialog__panel">
+          <header part="header" class="dialog__header">
+            <slot name="header">${this.label}</slot>
+            ${!this.noCloseButton ? html`
+                  <button
+                    part="close"
+                    class="dialog__close"
+                    type="button"
+                    aria-label="Close"
+                    @click=${() => this.requestClose("close-button")}
+                  >
+                    <mz-icon name="x" label="Close"></mz-icon>
+                  </button>
+                ` : nothing}
+          </header>
+          <div part="body" class="dialog__body">
+            <slot></slot>
+          </div>
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </dialog>
+    `;
+  }
+}
+MzDialog.styles = styles;
+MzDialog.dependencies = {
+  "mz-icon": MzIcon
+};
+__decorateClass([
+  query("dialog")
+], MzDialog.prototype, "dialogEl", 2);
+__decorateClass([
+  query(".dialog__panel")
+], MzDialog.prototype, "panelEl", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDialog.prototype, "open", 2);
+__decorateClass([
+  property()
+], MzDialog.prototype, "label", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "no-close-button" })
+], MzDialog.prototype, "noCloseButton", 2);
+export {
+  MzDialog
+};
+//# sourceMappingURL=dialog.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dialog/dialog.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FocusTrap } from '../../internal/modal.js';\nimport { lockScroll, unlockScroll } from '../../internal/scroll.js';\nimport { animateTo } from '../../utilities/animation-registry.js';\nimport { MzIcon } from '../icon/icon.component.js';\nimport styles from './dialog.styles.js';\n\n/**\n * @summary A modal dialog using native <dialog> with focus trapping and scroll lock.\n *\n * @tag mz-dialog\n *\n * @dependency mz-icon\n *\n * @slot - The dialog body content.\n * @slot header - Content for the dialog header (overrides label).\n * @slot footer - Content for the dialog footer.\n *\n * @event mz-show - Emitted when the dialog begins to open.\n * @event mz-hide - Emitted when the dialog begins to close.\n * @event mz-after-show - Emitted after the dialog open animation completes.\n * @event mz-after-hide - Emitted after the dialog close animation completes.\n * @event mz-request-close - Emitted when close is requested (cancelable). Prevents close if cancelled.\n *\n * @csspart base - The native <dialog> element.\n * @csspart panel - The dialog panel container.\n * @csspart header - The dialog header.\n * @csspart close - The close button.\n * @csspart body - The dialog body.\n * @csspart footer - The dialog footer.\n */\nexport class MzDialog extends ManzanoElement {\n  static styles = styles;\n\n  static dependencies = {\n    'mz-icon': MzIcon\n  };\n\n  @query('dialog') private dialogEl!: HTMLDialogElement;\n  @query('.dialog__panel') private panelEl!: HTMLDivElement;\n\n  private focusTrap!: FocusTrap;\n\n  /** Whether the dialog is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The dialog title (used as accessible label and default header). */\n  @property() label = '';\n\n  /** Hides the close button in the header. */\n  @property({ type: Boolean, attribute: 'no-close-button' }) noCloseButton = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.focusTrap = new FocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.focusTrap.deactivate();\n    unlockScroll();\n  }\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open')) {\n      if (this.open) {\n        await this.showDialog();\n      } else if (changed.get('open') === true) {\n        await this.hideDialog();\n      }\n    }\n  }\n\n  private async showDialog(): Promise<void> {\n    this.emit('mz-show');\n    this.dialogEl.showModal();\n    lockScroll();\n    this.focusTrap.activate();\n    const anim = animateTo(this.panelEl, 'dialog.show', this.prefersReducedMotion);\n    await anim.finished;\n    this.emit('mz-after-show');\n  }\n\n  private async hideDialog(): Promise<void> {\n    this.emit('mz-hide');\n    this.focusTrap.deactivate();\n    const anim = animateTo(this.panelEl, 'dialog.hide', this.prefersReducedMotion);\n    await anim.finished;\n    this.dialogEl.close();\n    unlockScroll();\n    this.emit('mz-after-hide');\n  }\n\n  /** Request close \u2014 emits mz-request-close, which can be cancelled. */\n  private requestClose(source: string): void {\n    const allowed = this.emit('mz-request-close', {\n      cancelable: true,\n      detail: { source }\n    });\n    if (allowed) {\n      this.open = false;\n    }\n  }\n\n  /** Programmatically show the dialog */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically hide the dialog */\n  hide(): void {\n    this.open = false;\n  }\n\n  /** Handle native <dialog> cancel (Escape key) */\n  private handleCancel(e: Event): void {\n    e.preventDefault();\n    this.requestClose('keyboard');\n  }\n\n  /** Handle clicks on the <dialog> element (backdrop clicks) */\n  private handleDialogClick(e: MouseEvent): void {\n    // Only backdrop clicks \u2014 the dialog element itself is clicked, not panel content\n    if (e.target === this.dialogEl) {\n      this.requestClose('backdrop');\n    }\n  }\n\n  render() {\n    return html`\n      <dialog\n        part=\"base\"\n        class=\"dialog\"\n        aria-label=${this.label || nothing}\n        @cancel=${this.handleCancel}\n        @click=${this.handleDialogClick}\n      >\n        <div part=\"panel\" class=\"dialog__panel\">\n          <header part=\"header\" class=\"dialog__header\">\n            <slot name=\"header\">${this.label}</slot>\n            ${!this.noCloseButton\n              ? html`\n                  <button\n                    part=\"close\"\n                    class=\"dialog__close\"\n                    type=\"button\"\n                    aria-label=\"Close\"\n                    @click=${() => this.requestClose('close-button')}\n                  >\n                    <mz-icon name=\"x\" label=\"Close\"></mz-icon>\n                  </button>\n                `\n              : nothing}\n          </header>\n          <div part=\"body\" class=\"dialog__body\">\n            <slot></slot>\n          </div>\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </dialog>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/dialog/dialog.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,cAAc,uBAAuB,CAAC;AAItC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/dialog/dialog.js

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

package/dist/components/dialog/dialog.js.map

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

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

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

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

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