@manzanohq/components 0.1.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/textarea/textarea.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport styles from './textarea.styles.js';\n\n/**\n * @summary A multi-line text input.\n *\n * @tag mz-textarea\n *\n * @slot label - The textarea label.\n * @slot help-text - Help text below the textarea.\n *\n * @event mz-input - Emitted when the user types.\n * @event mz-change - Emitted when the value changes and the textarea loses focus.\n * @event mz-focus - Emitted when the textarea gains focus.\n * @event mz-blur - Emitted when the textarea loses focus.\n *\n * @csspart base - The form control wrapper.\n * @csspart label - The label element.\n * @csspart control - The native textarea element.\n * @csspart help-text - The help text element.\n *\n * @cssproperty --mz-textarea-resize - The resize behavior (vertical, horizontal, both, none).\n * @cssproperty --mz-textarea-min-height - The minimum height.\n */\nexport class MzTextarea extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  private readonly hasSlotController = new HasSlotController(this, 'label', 'help-text');\n\n  @query('.textarea__control') private textareaEl!: HTMLTextAreaElement;\n\n  /** The textarea's name for form participation. */\n  @property() name = '';\n\n  /** The textarea's value. */\n  @property() value = '';\n\n  /** Placeholder text. */\n  @property() placeholder = '';\n\n  /** The textarea's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** The label text. */\n  @property() label = '';\n\n  /** Help text. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the textarea. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the textarea readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Makes the textarea required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Number of visible rows. */\n  @property({ type: Number }) rows = 4;\n\n  /** Minimum length. */\n  @property({ type: Number }) minlength?: number;\n\n  /** Maximum length. */\n  @property({ type: Number }) maxlength?: number;\n\n  /** Sets focus on the textarea. */\n  focus(options?: FocusOptions): void {\n    this.textareaEl?.focus(options);\n  }\n\n  /** Removes focus from the textarea. */\n  blur(): void {\n    this.textareaEl?.blur();\n  }\n\n  private handleInput(): void {\n    this.value = this.textareaEl.value;\n    this.emit('mz-input');\n  }\n\n  private handleChange(): void {\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 hasLabel = this.label || this.hasSlotController.test('label');\n    const hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n\n    return html`\n      <div part=\"base\" class=\"form-control\">\n        ${hasLabel\n          ? html`<label part=\"label\" class=\"form-control__label\" for=\"control\">\n              ${this.label || html`<slot name=\"label\"></slot>`}\n            </label>`\n          : nothing}\n        <textarea\n          id=\"control\"\n          part=\"control\"\n          class=\"textarea__control\"\n          name=${ifDefined(this.name || undefined)}\n          .value=${live(this.value)}\n          placeholder=${ifDefined(this.placeholder || undefined)}\n          rows=${this.rows}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          aria-label=${ifDefined(!hasLabel ? this.placeholder || undefined : undefined)}\n          @input=${this.handleInput}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        ></textarea>\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/textarea/textarea.d.ts

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

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

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

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

package/dist/components/textarea/textarea.js.map

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

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

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

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

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

package/dist/components/textarea/textarea.styles.js

@@ -0,0 +1,85 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+import formControlStyles from "../../styles/form-control.styles.js";
+var textarea_styles_default = [
+  componentStyles,
+  formControlStyles,
+  css`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .textarea__control {
+        display: block;
+        width: 100%;
+        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);
+        border-radius: var(--mz-input-border-radius);
+        background: var(--mz-color-surface);
+        color: var(--mz-color-text);
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-normal);
+        padding: var(--mz-space-sm) var(--_padding-inline);
+        resize: var(--mz-textarea-resize, vertical);
+        min-height: var(--mz-textarea-min-height, 5rem);
+        transition:
+          border-color var(--mz-transition-fast),
+          box-shadow var(--mz-transition-fast);
+      }
+
+      .textarea__control::placeholder {
+        color: var(--mz-color-text-disabled);
+      }
+
+      .textarea__control:hover {
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .textarea__control:focus {
+        border-color: var(--mz-color-primary);
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-input-font-size-sm);
+        --_padding-inline: var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-input-font-size-md);
+        --_padding-inline: var(--mz-space-md);
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-input-font-size-lg);
+        --_padding-inline: var(--mz-space-md);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .textarea__control {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      :host([data-user-invalid]) .textarea__control {
+        border-color: var(--mz-color-danger);
+      }
+
+      :host([data-user-invalid]) .textarea__control:focus {
+        --mz-focus-ring-color: var(--mz-color-danger);
+      }
+    }
+  `
+];
+export {
+  textarea_styles_default as default
+};
+//# sourceMappingURL=textarea.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/textarea/textarea.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      .textarea__control {\n        display: block;\n        width: 100%;\n        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);\n        border-radius: var(--mz-input-border-radius);\n        background: var(--mz-color-surface);\n        color: var(--mz-color-text);\n        font-family: var(--mz-font-sans);\n        font-size: var(--_font-size);\n        line-height: var(--mz-line-height-normal);\n        padding: var(--mz-space-sm) var(--_padding-inline);\n        resize: var(--mz-textarea-resize, vertical);\n        min-height: var(--mz-textarea-min-height, 5rem);\n        transition:\n          border-color var(--mz-transition-fast),\n          box-shadow var(--mz-transition-fast);\n      }\n\n      .textarea__control::placeholder {\n        color: var(--mz-color-text-disabled);\n      }\n\n      .textarea__control:hover {\n        border-color: var(--mz-color-border-hover);\n      }\n\n      .textarea__control:focus {\n        border-color: var(--mz-color-primary);\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-input-font-size-sm);\n        --_padding-inline: var(--mz-space-sm);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-input-font-size-md);\n        --_padding-inline: var(--mz-space-md);\n      }\n\n      :host([size='lg']) {\n        --_font-size: var(--mz-input-font-size-lg);\n        --_padding-inline: var(--mz-space-md);\n      }\n    }\n\n    @layer states {\n      :host([disabled]) .textarea__control {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      :host([data-user-invalid]) .textarea__control {\n        border-color: var(--mz-color-danger);\n      }\n\n      :host([data-user-invalid]) .textarea__control:focus {\n        --mz-focus-ring-color: var(--mz-color-danger);\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;AA0EF;",
+  "names": []
+}

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

@@ -0,0 +1,43 @@
+import type { Placement } from '@floating-ui/dom';
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A lightweight text tooltip triggered by hover or focus.
+ *
+ * @tag mz-tooltip
+ *
+ * @slot - The trigger element the tooltip is attached to.
+ *
+ * @csspart body - The tooltip body container.
+ *
+ * @cssproperty --mz-tooltip-bg - Override the tooltip background color.
+ * @cssproperty --mz-tooltip-color - Override the tooltip text color.
+ */
+export declare class MzTooltip extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    private bodyEl;
+    private readonly tooltipId;
+    private showTimeout?;
+    private hideTimeout?;
+    private floatingController;
+    /** The tooltip text content. */
+    content: string;
+    /** Preferred placement relative to the trigger. */
+    placement: Placement;
+    /** Distance from the trigger in pixels. */
+    distance: number;
+    /** Disables the tooltip. */
+    disabled: boolean;
+    private visible;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getTrigger;
+    updated(changed: Map<string, unknown>): void;
+    private showTooltip;
+    private hideTooltip;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=tooltip.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAOnE;;;;;;;;;;;GAWG;AACH,qBAAa,SAAU,SAAQ,cAAc;IAC3C,MAAM,CAAC,MAAM,4BAAU;IAEE,OAAO,CAAC,MAAM,CAAkB;IAEzD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAsC;IAChE,OAAO,CAAC,WAAW,CAAC,CAAgC;IACpD,OAAO,CAAC,WAAW,CAAC,CAAgC;IACpD,OAAO,CAAC,kBAAkB,CAAsB;IAEhD,gCAAgC;IACpB,OAAO,SAAM;IAEzB,mDAAmD;IACvC,SAAS,EAAE,SAAS,CAAS;IAEzC,2CAA2C;IACf,QAAQ,SAAK;IAEzC,4BAA4B;IACgB,QAAQ,UAAS;IAEpD,OAAO,CAAC,OAAO,CAAS;IAEjC,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;YAW9B,WAAW;YAeX,WAAW;IAczB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,cAAc;IAKtB,MAAM;CAmBP"}

package/dist/components/tooltip/tooltip.component.js

@@ -0,0 +1,139 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { FloatingController } from "../../internal/floating.js";
+import { animateTo } from "../../utilities/animation-registry.js";
+import styles from "./tooltip.styles.js";
+let tooltipIdCounter = 0;
+class MzTooltip extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.tooltipId = `mz-tooltip-${++tooltipIdCounter}`;
+    this.content = "";
+    this.placement = "top";
+    this.distance = 8;
+    this.disabled = false;
+    this.visible = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.floatingController = new FloatingController(this, {
+      referenceEl: () => this.getTrigger(),
+      floatingEl: () => this.bodyEl,
+      placement: this.placement,
+      distance: this.distance
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    clearTimeout(this.showTimeout);
+    clearTimeout(this.hideTimeout);
+  }
+  getTrigger() {
+    const slot = this.shadowRoot?.querySelector("slot:not([name])");
+    const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+    return assigned[0] ?? null;
+  }
+  updated(changed) {
+    if (changed.has("placement") || changed.has("distance")) {
+      this.floatingController = new FloatingController(this, {
+        referenceEl: () => this.getTrigger(),
+        floatingEl: () => this.bodyEl,
+        placement: this.placement,
+        distance: this.distance
+      });
+    }
+  }
+  async showTooltip() {
+    if (this.disabled || this.visible) return;
+    this.visible = true;
+    await this.updateComplete;
+    this.bodyEl.style.display = "block";
+    await this.floatingController.show();
+    const trigger = this.getTrigger();
+    if (trigger) {
+      trigger.setAttribute("aria-describedby", this.tooltipId);
+    }
+    animateTo(this.bodyEl, "tooltip.show", this.prefersReducedMotion);
+  }
+  async hideTooltip() {
+    if (!this.visible) return;
+    const anim = animateTo(this.bodyEl, "tooltip.hide", this.prefersReducedMotion);
+    await anim.finished;
+    this.bodyEl.style.display = "none";
+    this.visible = false;
+    this.floatingController.hide();
+    const trigger = this.getTrigger();
+    if (trigger) {
+      trigger.removeAttribute("aria-describedby");
+    }
+  }
+  handleMouseEnter() {
+    clearTimeout(this.hideTimeout);
+    this.showTimeout = setTimeout(() => this.showTooltip(), 200);
+  }
+  handleMouseLeave() {
+    clearTimeout(this.showTimeout);
+    this.hideTimeout = setTimeout(() => this.hideTooltip(), 0);
+  }
+  handleFocusIn() {
+    clearTimeout(this.hideTimeout);
+    this.showTooltip();
+  }
+  handleFocusOut() {
+    clearTimeout(this.showTimeout);
+    this.hideTooltip();
+  }
+  render() {
+    return html`
+      <slot
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+        @focusin=${this.handleFocusIn}
+        @focusout=${this.handleFocusOut}
+      ></slot>
+      <div
+        part="body"
+        class="tooltip__body"
+        role="tooltip"
+        id=${this.tooltipId}
+        style="display: none"
+      >
+        ${this.content}
+      </div>
+    `;
+  }
+}
+MzTooltip.styles = styles;
+__decorateClass([
+  query(".tooltip__body")
+], MzTooltip.prototype, "bodyEl", 2);
+__decorateClass([
+  property()
+], MzTooltip.prototype, "content", 2);
+__decorateClass([
+  property()
+], MzTooltip.prototype, "placement", 2);
+__decorateClass([
+  property({ type: Number })
+], MzTooltip.prototype, "distance", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTooltip.prototype, "disabled", 2);
+__decorateClass([
+  state()
+], MzTooltip.prototype, "visible", 2);
+export {
+  MzTooltip
+};
+//# sourceMappingURL=tooltip.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tooltip/tooltip.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport type { Placement } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FloatingController } from '../../internal/floating.js';\nimport { animateTo } from '../../utilities/animation-registry.js';\nimport styles from './tooltip.styles.js';\n\nlet tooltipIdCounter = 0;\n\n/**\n * @summary A lightweight text tooltip triggered by hover or focus.\n *\n * @tag mz-tooltip\n *\n * @slot - The trigger element the tooltip is attached to.\n *\n * @csspart body - The tooltip body container.\n *\n * @cssproperty --mz-tooltip-bg - Override the tooltip background color.\n * @cssproperty --mz-tooltip-color - Override the tooltip text color.\n */\nexport class MzTooltip extends ManzanoElement {\n  static styles = styles;\n\n  @query('.tooltip__body') private bodyEl!: HTMLDivElement;\n\n  private readonly tooltipId = `mz-tooltip-${++tooltipIdCounter}`;\n  private showTimeout?: ReturnType<typeof setTimeout>;\n  private hideTimeout?: ReturnType<typeof setTimeout>;\n  private floatingController!: FloatingController;\n\n  /** The tooltip text content. */\n  @property() content = '';\n\n  /** Preferred placement relative to the trigger. */\n  @property() placement: Placement = 'top';\n\n  /** Distance from the trigger in pixels. */\n  @property({ type: Number }) distance = 8;\n\n  /** Disables the tooltip. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() private visible = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.floatingController = new FloatingController(this, {\n      referenceEl: () => this.getTrigger(),\n      floatingEl: () => this.bodyEl,\n      placement: this.placement as Placement,\n      distance: this.distance\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearTimeout(this.showTimeout);\n    clearTimeout(this.hideTimeout);\n  }\n\n  private getTrigger(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (assigned[0] as HTMLElement) ?? null;\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('placement') || changed.has('distance')) {\n      this.floatingController = new FloatingController(this, {\n        referenceEl: () => this.getTrigger(),\n        floatingEl: () => this.bodyEl,\n        placement: this.placement as Placement,\n        distance: this.distance\n      });\n    }\n  }\n\n  private async showTooltip(): Promise<void> {\n    if (this.disabled || this.visible) return;\n    this.visible = true;\n    await this.updateComplete;\n    this.bodyEl.style.display = 'block';\n    await this.floatingController.show();\n\n    const trigger = this.getTrigger();\n    if (trigger) {\n      trigger.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    animateTo(this.bodyEl, 'tooltip.show', this.prefersReducedMotion);\n  }\n\n  private async hideTooltip(): Promise<void> {\n    if (!this.visible) return;\n    const anim = animateTo(this.bodyEl, 'tooltip.hide', this.prefersReducedMotion);\n    await anim.finished;\n    this.bodyEl.style.display = 'none';\n    this.visible = false;\n    this.floatingController.hide();\n\n    const trigger = this.getTrigger();\n    if (trigger) {\n      trigger.removeAttribute('aria-describedby');\n    }\n  }\n\n  private handleMouseEnter(): void {\n    clearTimeout(this.hideTimeout);\n    this.showTimeout = setTimeout(() => this.showTooltip(), 200);\n  }\n\n  private handleMouseLeave(): void {\n    clearTimeout(this.showTimeout);\n    this.hideTimeout = setTimeout(() => this.hideTooltip(), 0);\n  }\n\n  private handleFocusIn(): void {\n    clearTimeout(this.hideTimeout);\n    this.showTooltip();\n  }\n\n  private handleFocusOut(): void {\n    clearTimeout(this.showTimeout);\n    this.hideTooltip();\n  }\n\n  render() {\n    return html`\n      <slot\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n        @focusin=${this.handleFocusIn}\n        @focusout=${this.handleFocusOut}\n      ></slot>\n      <div\n        part=\"body\"\n        class=\"tooltip__body\"\n        role=\"tooltip\"\n        id=${this.tooltipId}\n        style=\"display: none\"\n      >\n        ${this.content}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,UAAU,OAAO,aAAa;AAEvC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAEnB,IAAI,mBAAmB;AAchB,MAAM,kBAAkB,eAAe;AAAA,EAAvC;AAAA;AAKL,SAAiB,YAAY,cAAc,EAAE,gBAAgB;AAMjD,mBAAU;AAGV,qBAAuB;AAGP,oBAAW;AAGK,oBAAW;AAE9C,SAAQ,UAAU;AAAA;AAAA,EAE3B,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,qBAAqB,IAAI,mBAAmB,MAAM;AAAA,MACrD,aAAa,MAAM,KAAK,WAAW;AAAA,MACnC,YAAY,MAAM,KAAK;AAAA,MACvB,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,IACjB,CAAC;AAAA,EACH;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAqB;AAC3B,iBAAa,KAAK,WAAW;AAC7B,iBAAa,KAAK,WAAW;AAAA,EAC/B;AAAA,EAEQ,aAAiC;AACvC,UAAM,OAAO,KAAK,YAAY,cAA+B,kBAAkB;AAC/E,UAAM,WAAW,MAAM,iBAAiB,EAAE,SAAS,KAAK,CAAC,KAAK,CAAC;AAC/D,WAAQ,SAAS,CAAC,KAAqB;AAAA,EACzC;AAAA,EAEA,QAAQ,SAAqC;AAC3C,QAAI,QAAQ,IAAI,WAAW,KAAK,QAAQ,IAAI,UAAU,GAAG;AACvD,WAAK,qBAAqB,IAAI,mBAAmB,MAAM;AAAA,QACrD,aAAa,MAAM,KAAK,WAAW;AAAA,QACnC,YAAY,MAAM,KAAK;AAAA,QACvB,WAAW,KAAK;AAAA,QAChB,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,MAAc,cAA6B;AACzC,QAAI,KAAK,YAAY,KAAK,QAAS;AACnC,SAAK,UAAU;AACf,UAAM,KAAK;AACX,SAAK,OAAO,MAAM,UAAU;AAC5B,UAAM,KAAK,mBAAmB,KAAK;AAEnC,UAAM,UAAU,KAAK,WAAW;AAChC,QAAI,SAAS;AACX,cAAQ,aAAa,oBAAoB,KAAK,SAAS;AAAA,IACzD;AAEA,cAAU,KAAK,QAAQ,gBAAgB,KAAK,oBAAoB;AAAA,EAClE;AAAA,EAEA,MAAc,cAA6B;AACzC,QAAI,CAAC,KAAK,QAAS;AACnB,UAAM,OAAO,UAAU,KAAK,QAAQ,gBAAgB,KAAK,oBAAoB;AAC7E,UAAM,KAAK;AACX,SAAK,OAAO,MAAM,UAAU;AAC5B,SAAK,UAAU;AACf,SAAK,mBAAmB,KAAK;AAE7B,UAAM,UAAU,KAAK,WAAW;AAChC,QAAI,SAAS;AACX,cAAQ,gBAAgB,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EAEQ,mBAAyB;AAC/B,iBAAa,KAAK,WAAW;AAC7B,SAAK,cAAc,WAAW,MAAM,KAAK,YAAY,GAAG,GAAG;AAAA,EAC7D;AAAA,EAEQ,mBAAyB;AAC/B,iBAAa,KAAK,WAAW;AAC7B,SAAK,cAAc,WAAW,MAAM,KAAK,YAAY,GAAG,CAAC;AAAA,EAC3D;AAAA,EAEQ,gBAAsB;AAC5B,iBAAa,KAAK,WAAW;AAC7B,SAAK,YAAY;AAAA,EACnB;AAAA,EAEQ,iBAAuB;AAC7B,iBAAa,KAAK,WAAW;AAC7B,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA,sBAEW,KAAK,gBAAgB;AAAA,sBACrB,KAAK,gBAAgB;AAAA,mBACxB,KAAK,aAAa;AAAA,oBACjB,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAM1B,KAAK,SAAS;AAAA;AAAA;AAAA,UAGjB,KAAK,OAAO;AAAA;AAAA;AAAA,EAGpB;AACF;AA7Ha,UACJ,SAAS;AAEiB;AAAA,EAAhC,MAAM,gBAAgB;AAAA,GAHZ,UAGsB;AAQrB;AAAA,EAAX,SAAS;AAAA,GAXC,UAWC;AAGA;AAAA,EAAX,SAAS;AAAA,GAdC,UAcC;AAGgB;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAjBf,UAiBiB;AAGgB;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GApB/B,UAoBiC;AAE3B;AAAA,EAAhB,MAAM;AAAA,GAtBI,UAsBM;",
+  "names": []
+}

package/dist/components/tooltip/tooltip.d.ts

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

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

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

package/dist/components/tooltip/tooltip.js

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

package/dist/components/tooltip/tooltip.js.map

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

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

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

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

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

package/dist/components/tooltip/tooltip.styles.js

@@ -0,0 +1,30 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var tooltip_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .tooltip__body {
+      position: absolute;
+      z-index: var(--mz-z-tooltip, 1100);
+      background: var(--mz-tooltip-bg, var(--mz-color-gray-900));
+      color: var(--mz-tooltip-color, var(--mz-color-white, #fff));
+      border-radius: var(--mz-radius-sm);
+      padding: var(--mz-space-2xs) var(--mz-space-xs);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-sm);
+      line-height: var(--mz-line-height-normal);
+      width: max-content;
+      max-width: 20rem;
+      pointer-events: none;
+    }
+  `
+];
+export {
+  tooltip_styles_default as default
+};
+//# sourceMappingURL=tooltip.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tooltip/tooltip.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: inline-block;\n      position: relative;\n    }\n\n    .tooltip__body {\n      position: absolute;\n      z-index: var(--mz-z-tooltip, 1100);\n      background: var(--mz-tooltip-bg, var(--mz-color-gray-900));\n      color: var(--mz-tooltip-color, var(--mz-color-white, #fff));\n      border-radius: var(--mz-radius-sm);\n      padding: var(--mz-space-2xs) var(--mz-space-xs);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-sm);\n      line-height: var(--mz-line-height-normal);\n      width: max-content;\n      max-width: 20rem;\n      pointer-events: none;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBF;",
+  "names": []
+}

package/dist/components/visually-hidden/visually-hidden.component.d.ts

@@ -0,0 +1,13 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary Visually hides content while keeping it accessible to screen readers.
+ *
+ * @tag mz-visually-hidden
+ *
+ * @slot - The content to visually hide.
+ */
+export declare class MzVisuallyHidden extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=visually-hidden.component.d.ts.map

package/dist/components/visually-hidden/visually-hidden.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.component.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/visually-hidden.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,cAAc;IAClD,MAAM,CAAC,MAAM,4BAAU;IAEvB,MAAM;CAOP"}

package/dist/components/visually-hidden/visually-hidden.component.js

@@ -0,0 +1,17 @@
+import { html } from "lit";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./visually-hidden.styles.js";
+class MzVisuallyHidden extends ManzanoElement {
+  render() {
+    return html`
+      <span class="visually-hidden">
+        <slot></slot>
+      </span>
+    `;
+  }
+}
+MzVisuallyHidden.styles = styles;
+export {
+  MzVisuallyHidden
+};
+//# sourceMappingURL=visually-hidden.component.js.map

package/dist/components/visually-hidden/visually-hidden.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/visually-hidden/visually-hidden.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './visually-hidden.styles.js';\n\n/**\n * @summary Visually hides content while keeping it accessible to screen readers.\n *\n * @tag mz-visually-hidden\n *\n * @slot - The content to visually hide.\n */\nexport class MzVisuallyHidden extends ManzanoElement {\n  static styles = styles;\n\n  render() {\n    return html`\n      <span class=\"visually-hidden\">\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AASZ,MAAM,yBAAyB,eAAe;AAAA,EAGnD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AAVa,iBACJ,SAAS;",
+  "names": []
+}

package/dist/components/visually-hidden/visually-hidden.d.ts

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

package/dist/components/visually-hidden/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/visually-hidden.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,cAAc,gCAAgC,CAAC;AAI/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/visually-hidden/visually-hidden.js

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

package/dist/components/visually-hidden/visually-hidden.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/visually-hidden/visually-hidden.ts"],
+  "sourcesContent": ["import { MzVisuallyHidden } from './visually-hidden.component.js';\n\nexport * from './visually-hidden.component.js';\n\nMzVisuallyHidden.define('mz-visually-hidden');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-visually-hidden': MzVisuallyHidden;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AAEjC,cAAc;AAEd,iBAAiB,OAAO,oBAAoB;",
+  "names": []
+}

package/dist/components/visually-hidden/visually-hidden.styles.d.ts

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

package/dist/components/visually-hidden/visually-hidden.styles.d.ts.map

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

package/dist/components/visually-hidden/visually-hidden.styles.js

@@ -0,0 +1,26 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var visually_hidden_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: inline;
+    }
+
+    .visually-hidden {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+  `
+];
+export {
+  visually_hidden_styles_default as default
+};
+//# sourceMappingURL=visually-hidden.styles.js.map

package/dist/components/visually-hidden/visually-hidden.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/visually-hidden/visually-hidden.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: inline;\n    }\n\n    .visually-hidden {\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      white-space: nowrap;\n      border: 0;\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,iCAAQ;AAAA,EACb;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBF;",
+  "names": []
+}