@manzanohq/components 0.1.1

package/dist/components/radio-group/radio-group.styles.js

@@ -0,0 +1,70 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+import formControlStyles from "../../styles/form-control.styles.js";
+var radio_group_styles_default = [
+  componentStyles,
+  formControlStyles,
+  css`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .form-control {
+        border: var(--mz-border-width-sm) solid var(--mz-color-border);
+        border-radius: var(--mz-radius-lg);
+        padding: var(--mz-space-md);
+        margin: 0;
+      }
+
+      .form-control__label {
+        padding: 0 var(--mz-space-2xs);
+      }
+
+      .radio-group__options {
+        display: flex;
+        flex-direction: column;
+        gap: var(--mz-space-xs);
+      }
+
+      :host([orientation='horizontal']) .radio-group__options {
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: var(--mz-space-md);
+      }
+
+      /* Radio item styling (applied to slotted mz-radio children) */
+      ::slotted(mz-radio) {
+        display: flex;
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        font-size: var(--mz-font-size-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        font-size: var(--mz-font-size-md);
+      }
+
+      :host([size='lg']) {
+        font-size: var(--mz-font-size-lg);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) {
+        opacity: 0.5;
+        pointer-events: none;
+      }
+    }
+  `
+];
+export {
+  radio_group_styles_default as default
+};
+//# sourceMappingURL=radio-group.styles.js.map

package/dist/components/radio-group/radio-group.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/radio-group/radio-group.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: block;\n      }\n\n      .form-control {\n        border: var(--mz-border-width-sm) solid var(--mz-color-border);\n        border-radius: var(--mz-radius-lg);\n        padding: var(--mz-space-md);\n        margin: 0;\n      }\n\n      .form-control__label {\n        padding: 0 var(--mz-space-2xs);\n      }\n\n      .radio-group__options {\n        display: flex;\n        flex-direction: column;\n        gap: var(--mz-space-xs);\n      }\n\n      :host([orientation='horizontal']) .radio-group__options {\n        flex-direction: row;\n        flex-wrap: wrap;\n        gap: var(--mz-space-md);\n      }\n\n      /* Radio item styling (applied to slotted mz-radio children) */\n      ::slotted(mz-radio) {\n        display: flex;\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        font-size: var(--mz-font-size-sm);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        font-size: var(--mz-font-size-md);\n      }\n\n      :host([size='lg']) {\n        font-size: var(--mz-font-size-lg);\n      }\n    }\n\n    @layer states {\n      :host([disabled]) {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAC5B,OAAO,uBAAuB;AAE9B,IAAO,6BAAQ;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;AA2DF;",
+  "names": []
+}

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

@@ -0,0 +1,89 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzIcon } from '../icon/icon.component.js';
+/**
+ * @summary A custom select dropdown.
+ *
+ * @tag mz-select
+ *
+ * @dependency mz-icon
+ *
+ * @slot - The options (mz-option elements).
+ * @slot label - The select label.
+ * @slot help-text - Help text below the select.
+ *
+ * @event mz-change - Emitted when the selected value changes.
+ * @event mz-focus - Emitted when the trigger gains focus.
+ * @event mz-blur - Emitted when the trigger loses focus.
+ * @event mz-show - Emitted when the dropdown opens.
+ * @event mz-hide - Emitted when the dropdown closes.
+ *
+ * @csspart base - The form control wrapper.
+ * @csspart label - The label element.
+ * @csspart control-wrapper - The trigger wrapper.
+ * @csspart trigger - The trigger button.
+ * @csspart display - The selected value display text.
+ * @csspart dropdown - The dropdown panel.
+ * @csspart help-text - The help text element.
+ */
+export declare class MzSelect extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static formAssociated: boolean;
+    static dependencies: {
+        'mz-icon': typeof MzIcon;
+    };
+    private readonly hasSlotController;
+    private typeAheadBuffer;
+    private typeAheadTimeout;
+    private triggerEl;
+    private dropdownEl;
+    /** The select's name for form participation. */
+    name: string;
+    /** The currently selected value. */
+    value: string;
+    /** Placeholder text when no value is selected. */
+    placeholder: string;
+    /** The select's size. */
+    size: 'sm' | 'md' | 'lg';
+    /** The label text (alternative to label slot). */
+    label: string;
+    /** Help text (alternative to help-text slot). */
+    helpText: string;
+    /** Disables the select. */
+    disabled: boolean;
+    /** Makes the select required. */
+    required: boolean;
+    /** Renders a pill-shaped trigger. */
+    pill: boolean;
+    /** Whether the dropdown is open. */
+    open: boolean;
+    private displayText;
+    private currentIndex;
+    /** Sets focus on the trigger. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the trigger. */
+    blur(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private getOptions;
+    private getEnabledOptions;
+    private syncOptions;
+    private handleOptionSelect;
+    private handleSlotChange;
+    private handleTriggerClick;
+    private handleTriggerKeyDown;
+    private handleTypeAhead;
+    private navigateOptions;
+    private highlightCurrentOption;
+    private show;
+    private close;
+    private outsideClickHandler;
+    private addOutsideClickListener;
+    private removeOutsideClickListener;
+    private positionDropdown;
+    private handleFocus;
+    private handleBlur;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=select.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.component.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAInD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,QAAS,SAAQ,cAAc;IAC1C,MAAM,CAAC,MAAM,4BAAU;IACvB,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,CAAC,YAAY;;MAEjB;IAEF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqD;IACvF,OAAO,CAAC,eAAe,CAAM;IAC7B,OAAO,CAAC,gBAAgB,CAA8C;IAE3C,OAAO,CAAC,SAAS,CAAqB;IACrC,OAAO,CAAC,UAAU,CAAkB;IAEhE,gDAAgD;IACpC,IAAI,SAAM;IAEtB,oCAAoC;IACxB,KAAK,SAAM;IAEvB,kDAAkD;IACtC,WAAW,SAAM;IAE7B,yBAAyB;IACI,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,kDAAkD;IACtC,KAAK,SAAM;IAEvB,iDAAiD;IACX,QAAQ,SAAM;IAEpD,2BAA2B;IACiB,QAAQ,UAAS;IAE7D,iCAAiC;IACW,QAAQ,UAAS;IAE7D,qCAAqC;IACO,IAAI,UAAS;IAEzD,oCAAoC;IACQ,IAAI,UAAS;IAEhD,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,YAAY,CAAM;IAEnC,iCAAiC;IACjC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,sCAAsC;IACtC,IAAI,IAAI,IAAI;IAIZ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM/C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM5C,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,kBAAkB,CASxB;IAEF,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,oBAAoB;IA2D5B,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,IAAI;IAaZ,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,0BAA0B;YAIpB,gBAAgB;IA0B9B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIlB,MAAM;CAqDP"}

package/dist/components/select/select.component.js

@@ -0,0 +1,356 @@
+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, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { computePosition, flip, offset, size as sizeMiddleware } from "@floating-ui/dom";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { HasSlotController } from "../../internal/slot.js";
+import { MzIcon } from "../icon/icon.component.js";
+import styles from "./select.styles.js";
+class MzSelect extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "label", "help-text");
+    this.typeAheadBuffer = "";
+    this.typeAheadTimeout = null;
+    this.name = "";
+    this.value = "";
+    this.placeholder = "";
+    this.size = "md";
+    this.label = "";
+    this.helpText = "";
+    this.disabled = false;
+    this.required = false;
+    this.pill = false;
+    this.open = false;
+    this.displayText = "";
+    this.currentIndex = -1;
+    this.handleOptionSelect = (e) => {
+      e.stopPropagation();
+      const newValue = e.detail.value;
+      if (newValue !== this.value) {
+        this.value = newValue;
+        this.emit("mz-change");
+      }
+      this.close();
+      this.triggerEl?.focus();
+    };
+    this.outsideClickHandler = (e) => {
+      if (!this.contains(e.target)) {
+        this.close();
+      }
+    };
+  }
+  /** Sets focus on the trigger. */
+  focus(options) {
+    this.triggerEl?.focus(options);
+  }
+  /** Removes focus from the trigger. */
+  blur() {
+    this.triggerEl?.blur();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("mz-option-select", this.handleOptionSelect);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("mz-option-select", this.handleOptionSelect);
+  }
+  willUpdate(changed) {
+    if (changed.has("value")) {
+      this.syncOptions();
+    }
+  }
+  updated(changed) {
+    if (changed.has("open") && this.open) {
+      this.positionDropdown();
+    }
+  }
+  getOptions() {
+    return [...this.querySelectorAll("mz-option")];
+  }
+  getEnabledOptions() {
+    return this.getOptions().filter((o) => !o.disabled);
+  }
+  syncOptions() {
+    const options = this.getOptions();
+    let display = "";
+    for (const option of options) {
+      const isSelected = option.value === this.value;
+      option.selected = isSelected;
+      if (isSelected) {
+        display = option.getTextLabel();
+      }
+    }
+    this.displayText = display;
+  }
+  handleSlotChange() {
+    this.syncOptions();
+  }
+  handleTriggerClick() {
+    if (this.disabled) return;
+    if (this.open) {
+      this.close();
+    } else {
+      this.show();
+    }
+  }
+  handleTriggerKeyDown(e) {
+    if (this.disabled) return;
+    const enabledOptions = this.getEnabledOptions();
+    if (enabledOptions.length === 0) return;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      if (!this.open) {
+        this.show();
+      }
+      this.navigateOptions(1);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      if (!this.open) {
+        this.show();
+      }
+      this.navigateOptions(-1);
+    } else if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      if (this.open && this.currentIndex >= 0) {
+        const option = enabledOptions[this.currentIndex];
+        if (option) {
+          if (option.value !== this.value) {
+            this.value = option.value;
+            this.emit("mz-change");
+          }
+          this.close();
+        }
+      } else {
+        this.show();
+      }
+    } else if (e.key === "Escape") {
+      if (this.open) {
+        e.preventDefault();
+        this.close();
+        this.triggerEl?.focus();
+      }
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      if (this.open) {
+        this.currentIndex = 0;
+        this.highlightCurrentOption();
+      }
+    } else if (e.key === "End") {
+      e.preventDefault();
+      if (this.open) {
+        this.currentIndex = enabledOptions.length - 1;
+        this.highlightCurrentOption();
+      }
+    } else if (e.key === "Tab") {
+      if (this.open) {
+        this.close();
+      }
+    } else if (e.key.length === 1) {
+      this.handleTypeAhead(e.key);
+    }
+  }
+  handleTypeAhead(char) {
+    if (this.typeAheadTimeout) {
+      clearTimeout(this.typeAheadTimeout);
+    }
+    this.typeAheadBuffer += char.toLowerCase();
+    this.typeAheadTimeout = setTimeout(() => {
+      this.typeAheadBuffer = "";
+    }, 500);
+    const enabledOptions = this.getEnabledOptions();
+    const match = enabledOptions.findIndex(
+      (o) => o.getTextLabel().toLowerCase().startsWith(this.typeAheadBuffer)
+    );
+    if (match !== -1) {
+      if (this.open) {
+        this.currentIndex = match;
+        this.highlightCurrentOption();
+      } else {
+        const option = enabledOptions[match];
+        if (option.value !== this.value) {
+          this.value = option.value;
+          this.emit("mz-change");
+        }
+      }
+    }
+  }
+  navigateOptions(direction) {
+    const enabledOptions = this.getEnabledOptions();
+    if (enabledOptions.length === 0) return;
+    let next = this.currentIndex + direction;
+    if (next < 0) next = enabledOptions.length - 1;
+    if (next >= enabledOptions.length) next = 0;
+    this.currentIndex = next;
+    this.highlightCurrentOption();
+  }
+  highlightCurrentOption() {
+    const enabledOptions = this.getEnabledOptions();
+    const allOptions = this.getOptions();
+    for (const option of allOptions) {
+      option.current = false;
+    }
+    if (this.currentIndex >= 0 && this.currentIndex < enabledOptions.length) {
+      enabledOptions[this.currentIndex].current = true;
+    }
+  }
+  show() {
+    if (this.open || this.disabled) return;
+    this.open = true;
+    const enabledOptions = this.getEnabledOptions();
+    this.currentIndex = enabledOptions.findIndex((o) => o.value === this.value);
+    this.highlightCurrentOption();
+    this.emit("mz-show");
+    this.addOutsideClickListener();
+  }
+  close() {
+    if (!this.open) return;
+    this.open = false;
+    this.currentIndex = -1;
+    this.highlightCurrentOption();
+    this.emit("mz-hide");
+    this.removeOutsideClickListener();
+  }
+  addOutsideClickListener() {
+    document.addEventListener("click", this.outsideClickHandler, true);
+  }
+  removeOutsideClickListener() {
+    document.removeEventListener("click", this.outsideClickHandler, true);
+  }
+  async positionDropdown() {
+    if (!this.triggerEl || !this.dropdownEl) return;
+    const dropdown = this.dropdownEl;
+    const { x, y } = await computePosition(this.triggerEl, dropdown, {
+      placement: "bottom-start",
+      middleware: [
+        offset(4),
+        flip(),
+        sizeMiddleware({
+          apply({ availableHeight, rects }) {
+            Object.assign(dropdown.style, {
+              width: `${rects.reference.width}px`,
+              maxHeight: `${Math.min(availableHeight, 300)}px`
+            });
+          }
+        })
+      ]
+    });
+    Object.assign(dropdown.style, {
+      left: `${x}px`,
+      top: `${y}px`
+    });
+  }
+  handleFocus() {
+    this.emit("mz-focus");
+  }
+  handleBlur() {
+    this.emit("mz-blur");
+  }
+  render() {
+    const hasLabel = this.label || this.hasSlotController.test("label");
+    const hasHelpText = this.helpText || this.hasSlotController.test("help-text");
+    const triggerClasses = {
+      select__trigger: true,
+      "select__trigger--open": this.open,
+      "select__trigger--placeholder": !this.displayText
+    };
+    return html`
+      <div part="base" class="form-control">
+        ${hasLabel ? html`<label part="label" class="form-control__label">
+              ${this.label || html`<slot name="label"></slot>`}
+            </label>` : nothing}
+        <div part="control-wrapper" class="select__control-wrapper">
+          <button
+            part="trigger"
+            class=${classMap(triggerClasses)}
+            type="button"
+            role="combobox"
+            aria-expanded=${this.open}
+            aria-haspopup="listbox"
+            aria-label=${this.label || nothing}
+            ?disabled=${this.disabled}
+            @click=${this.handleTriggerClick}
+            @keydown=${this.handleTriggerKeyDown}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          >
+            <span part="display" class="select__display">
+              ${this.displayText || this.placeholder || html`&nbsp;`}
+            </span>
+            <mz-icon class="select__chevron" name="chevron-down"></mz-icon>
+          </button>
+        </div>
+        ${this.open ? html`
+              <div part="dropdown" class="select__dropdown" role="listbox">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+              </div>
+            ` : nothing}
+        ${hasHelpText ? html`<span part="help-text" class="form-control__help-text">
+              ${this.helpText || html`<slot name="help-text"></slot>`}
+            </span>` : nothing}
+      </div>
+    `;
+  }
+}
+MzSelect.styles = styles;
+MzSelect.formAssociated = true;
+MzSelect.dependencies = {
+  "mz-icon": MzIcon
+};
+__decorateClass([
+  query(".select__trigger")
+], MzSelect.prototype, "triggerEl", 2);
+__decorateClass([
+  query(".select__dropdown")
+], MzSelect.prototype, "dropdownEl", 2);
+__decorateClass([
+  property()
+], MzSelect.prototype, "name", 2);
+__decorateClass([
+  property()
+], MzSelect.prototype, "value", 2);
+__decorateClass([
+  property()
+], MzSelect.prototype, "placeholder", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzSelect.prototype, "size", 2);
+__decorateClass([
+  property()
+], MzSelect.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: "help-text" })
+], MzSelect.prototype, "helpText", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzSelect.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzSelect.prototype, "required", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzSelect.prototype, "pill", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzSelect.prototype, "open", 2);
+__decorateClass([
+  state()
+], MzSelect.prototype, "displayText", 2);
+__decorateClass([
+  state()
+], MzSelect.prototype, "currentIndex", 2);
+export {
+  MzSelect
+};
+//# sourceMappingURL=select.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/select/select.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { computePosition, flip, offset, size as sizeMiddleware } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { MzIcon } from '../icon/icon.component.js';\nimport type { MzOption } from '../option/option.component.js';\nimport styles from './select.styles.js';\n\n/**\n * @summary A custom select dropdown.\n *\n * @tag mz-select\n *\n * @dependency mz-icon\n *\n * @slot - The options (mz-option elements).\n * @slot label - The select label.\n * @slot help-text - Help text below the select.\n *\n * @event mz-change - Emitted when the selected value changes.\n * @event mz-focus - Emitted when the trigger gains focus.\n * @event mz-blur - Emitted when the trigger loses focus.\n * @event mz-show - Emitted when the dropdown opens.\n * @event mz-hide - Emitted when the dropdown closes.\n *\n * @csspart base - The form control wrapper.\n * @csspart label - The label element.\n * @csspart control-wrapper - The trigger wrapper.\n * @csspart trigger - The trigger button.\n * @csspart display - The selected value display text.\n * @csspart dropdown - The dropdown panel.\n * @csspart help-text - The help text element.\n */\nexport class MzSelect extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  static dependencies = {\n    'mz-icon': MzIcon\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, 'label', 'help-text');\n  private typeAheadBuffer = '';\n  private typeAheadTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  @query('.select__trigger') private triggerEl!: HTMLButtonElement;\n  @query('.select__dropdown') private dropdownEl!: HTMLDivElement;\n\n  /** The select's name for form participation. */\n  @property() name = '';\n\n  /** The currently selected value. */\n  @property() value = '';\n\n  /** Placeholder text when no value is selected. */\n  @property() placeholder = '';\n\n  /** The select's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** The label text (alternative to label slot). */\n  @property() label = '';\n\n  /** Help text (alternative to help-text slot). */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the select. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the select required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Renders a pill-shaped trigger. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** Whether the dropdown is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private displayText = '';\n  @state() private currentIndex = -1;\n\n  /** Sets focus on the trigger. */\n  focus(options?: FocusOptions): void {\n    this.triggerEl?.focus(options);\n  }\n\n  /** Removes focus from the trigger. */\n  blur(): void {\n    this.triggerEl?.blur();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('mz-option-select', this.handleOptionSelect as EventListener);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('mz-option-select', this.handleOptionSelect as EventListener);\n  }\n\n  willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('value')) {\n      this.syncOptions();\n    }\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('open') && this.open) {\n      this.positionDropdown();\n    }\n  }\n\n  private getOptions(): MzOption[] {\n    return [...this.querySelectorAll('mz-option')] as MzOption[];\n  }\n\n  private getEnabledOptions(): MzOption[] {\n    return this.getOptions().filter(o => !o.disabled);\n  }\n\n  private syncOptions(): void {\n    const options = this.getOptions();\n    let display = '';\n    for (const option of options) {\n      const isSelected = option.value === this.value;\n      option.selected = isSelected;\n      if (isSelected) {\n        display = option.getTextLabel();\n      }\n    }\n    this.displayText = display;\n  }\n\n  private handleOptionSelect = (e: CustomEvent<{ value: string }>): void => {\n    e.stopPropagation();\n    const newValue = e.detail.value;\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.emit('mz-change');\n    }\n    this.close();\n    this.triggerEl?.focus();\n  };\n\n  private handleSlotChange(): void {\n    this.syncOptions();\n  }\n\n  private handleTriggerClick(): void {\n    if (this.disabled) return;\n    if (this.open) {\n      this.close();\n    } else {\n      this.show();\n    }\n  }\n\n  private handleTriggerKeyDown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n\n    const enabledOptions = this.getEnabledOptions();\n    if (enabledOptions.length === 0) return;\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      if (!this.open) {\n        this.show();\n      }\n      this.navigateOptions(1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      if (!this.open) {\n        this.show();\n      }\n      this.navigateOptions(-1);\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (this.open && this.currentIndex >= 0) {\n        const option = enabledOptions[this.currentIndex];\n        if (option) {\n          if (option.value !== this.value) {\n            this.value = option.value;\n            this.emit('mz-change');\n          }\n          this.close();\n        }\n      } else {\n        this.show();\n      }\n    } else if (e.key === 'Escape') {\n      if (this.open) {\n        e.preventDefault();\n        this.close();\n        this.triggerEl?.focus();\n      }\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      if (this.open) {\n        this.currentIndex = 0;\n        this.highlightCurrentOption();\n      }\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      if (this.open) {\n        this.currentIndex = enabledOptions.length - 1;\n        this.highlightCurrentOption();\n      }\n    } else if (e.key === 'Tab') {\n      if (this.open) {\n        this.close();\n      }\n    } else if (e.key.length === 1) {\n      this.handleTypeAhead(e.key);\n    }\n  }\n\n  private handleTypeAhead(char: string): void {\n    if (this.typeAheadTimeout) {\n      clearTimeout(this.typeAheadTimeout);\n    }\n    this.typeAheadBuffer += char.toLowerCase();\n    this.typeAheadTimeout = setTimeout(() => {\n      this.typeAheadBuffer = '';\n    }, 500);\n\n    const enabledOptions = this.getEnabledOptions();\n    const match = enabledOptions.findIndex(o =>\n      o.getTextLabel().toLowerCase().startsWith(this.typeAheadBuffer)\n    );\n\n    if (match !== -1) {\n      if (this.open) {\n        this.currentIndex = match;\n        this.highlightCurrentOption();\n      } else {\n        const option = enabledOptions[match];\n        if (option.value !== this.value) {\n          this.value = option.value;\n          this.emit('mz-change');\n        }\n      }\n    }\n  }\n\n  private navigateOptions(direction: number): void {\n    const enabledOptions = this.getEnabledOptions();\n    if (enabledOptions.length === 0) return;\n\n    let next = this.currentIndex + direction;\n    if (next < 0) next = enabledOptions.length - 1;\n    if (next >= enabledOptions.length) next = 0;\n\n    this.currentIndex = next;\n    this.highlightCurrentOption();\n  }\n\n  private highlightCurrentOption(): void {\n    const enabledOptions = this.getEnabledOptions();\n    const allOptions = this.getOptions();\n    for (const option of allOptions) {\n      option.current = false;\n    }\n    if (this.currentIndex >= 0 && this.currentIndex < enabledOptions.length) {\n      enabledOptions[this.currentIndex].current = true;\n    }\n  }\n\n  private show(): void {\n    if (this.open || this.disabled) return;\n    this.open = true;\n\n    // Set current index to selected option\n    const enabledOptions = this.getEnabledOptions();\n    this.currentIndex = enabledOptions.findIndex(o => o.value === this.value);\n    this.highlightCurrentOption();\n\n    this.emit('mz-show');\n    this.addOutsideClickListener();\n  }\n\n  private close(): void {\n    if (!this.open) return;\n    this.open = false;\n    this.currentIndex = -1;\n    this.highlightCurrentOption();\n    this.emit('mz-hide');\n    this.removeOutsideClickListener();\n  }\n\n  private outsideClickHandler = (e: MouseEvent): void => {\n    if (!this.contains(e.target as Node)) {\n      this.close();\n    }\n  };\n\n  private addOutsideClickListener(): void {\n    document.addEventListener('click', this.outsideClickHandler, true);\n  }\n\n  private removeOutsideClickListener(): void {\n    document.removeEventListener('click', this.outsideClickHandler, true);\n  }\n\n  private async positionDropdown(): Promise<void> {\n    if (!this.triggerEl || !this.dropdownEl) return;\n\n    const dropdown = this.dropdownEl;\n    const { x, y } = await computePosition(this.triggerEl, dropdown, {\n      placement: 'bottom-start',\n      middleware: [\n        offset(4),\n        flip(),\n        sizeMiddleware({\n          apply({ availableHeight, rects }) {\n            Object.assign(dropdown.style, {\n              width: `${rects.reference.width}px`,\n              maxHeight: `${Math.min(availableHeight, 300)}px`\n            });\n          }\n        })\n      ]\n    });\n\n    Object.assign(dropdown.style, {\n      left: `${x}px`,\n      top: `${y}px`\n    });\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 hasLabel = this.label || this.hasSlotController.test('label');\n    const hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n\n    const triggerClasses = {\n      select__trigger: true,\n      'select__trigger--open': this.open,\n      'select__trigger--placeholder': !this.displayText\n    };\n\n    return html`\n      <div part=\"base\" class=\"form-control\">\n        ${hasLabel\n          ? html`<label part=\"label\" class=\"form-control__label\">\n              ${this.label || html`<slot name=\"label\"></slot>`}\n            </label>`\n          : nothing}\n        <div part=\"control-wrapper\" class=\"select__control-wrapper\">\n          <button\n            part=\"trigger\"\n            class=${classMap(triggerClasses)}\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded=${this.open}\n            aria-haspopup=\"listbox\"\n            aria-label=${this.label || nothing}\n            ?disabled=${this.disabled}\n            @click=${this.handleTriggerClick}\n            @keydown=${this.handleTriggerKeyDown}\n            @focus=${this.handleFocus}\n            @blur=${this.handleBlur}\n          >\n            <span part=\"display\" class=\"select__display\">\n              ${this.displayText || this.placeholder || html`&nbsp;`}\n            </span>\n            <mz-icon class=\"select__chevron\" name=\"chevron-down\"></mz-icon>\n          </button>\n        </div>\n        ${this.open\n          ? html`\n              <div part=\"dropdown\" class=\"select__dropdown\" role=\"listbox\">\n                <slot @slotchange=${this.handleSlotChange}></slot>\n              </div>\n            `\n          : nothing}\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      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/select/select.d.ts

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

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

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

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

package/dist/components/select/select.js.map

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

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

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

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

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