@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/input-group/input-group.js

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

package/dist/components/input-group/input-group.js.map

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

package/dist/components/input-group/input-group.styles.d.ts

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

package/dist/components/input-group/input-group.styles.d.ts.map

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

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

@@ -0,0 +1,98 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var input_group_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    --_input-group-border-color: var(--mz-input-group-border-color, var(--mz-color-border));
+    --_input-group-border-radius: var(--mz-input-group-border-radius, var(--mz-radius-md));
+
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+
+  .input-group {
+    display: flex;
+    align-items: stretch;
+    border: 1px solid var(--_input-group-border-color);
+    border-radius: var(--_input-group-border-radius);
+    overflow: hidden;
+    background: var(--mz-color-surface, #fff);
+    transition: box-shadow 150ms ease, border-color 150ms ease;
+  }
+
+  .input-group:focus-within {
+    border-color: var(--mz-color-primary);
+    outline: var(--mz-focus-ring);
+    outline-offset: var(--mz-focus-ring-offset);
+  }
+
+  .input-group--disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  .input-group__prefix,
+  .input-group__suffix {
+    display: flex;
+    align-items: center;
+    padding: 0 var(--mz-space-sm);
+    background: var(--mz-color-surface-raised);
+    color: var(--mz-color-text-secondary);
+    font-size: var(--mz-font-size-sm);
+    white-space: nowrap;
+    border-color: inherit;
+    flex-shrink: 0;
+  }
+
+  .input-group__prefix {
+    border-right: 1px solid var(--_input-group-border-color);
+  }
+
+  .input-group__suffix {
+    border-left: 1px solid var(--_input-group-border-color);
+  }
+
+  .input-group__prefix[hidden],
+  .input-group__suffix[hidden] {
+    display: none;
+  }
+
+  .input-group__input {
+    flex: 1;
+    min-width: 0;
+  }
+
+  /* Remove the inner input's border and border-radius so it blends into the group */
+  ::slotted(input) {
+    border: none !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    outline: none !important;
+  }
+
+  /* CSS custom properties cascade through shadow DOM to suppress internal borders */
+  ::slotted(mz-input),
+  ::slotted(mz-select) {
+    --mz-input-border-width: 0;
+    --mz-input-border-radius: 0;
+    --mz-focus-ring: none;
+  }
+
+  /* Size variants */
+  :host([size='sm']) .input-group__prefix,
+  :host([size='sm']) .input-group__suffix {
+    padding: 0 var(--mz-space-xs);
+    font-size: var(--mz-font-size-xs);
+  }
+
+  :host([size='lg']) .input-group__prefix,
+  :host([size='lg']) .input-group__suffix {
+    padding: 0 var(--mz-space-md);
+    font-size: var(--mz-font-size-md);
+  }
+`;
+export {
+  input_group_styles_default as default
+};
+//# sourceMappingURL=input-group.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/input-group/input-group.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_input-group-border-color: var(--mz-input-group-border-color, var(--mz-color-border));\n    --_input-group-border-radius: var(--mz-input-group-border-radius, var(--mz-radius-md));\n\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .input-group {\n    display: flex;\n    align-items: stretch;\n    border: 1px solid var(--_input-group-border-color);\n    border-radius: var(--_input-group-border-radius);\n    overflow: hidden;\n    background: var(--mz-color-surface, #fff);\n    transition: box-shadow 150ms ease, border-color 150ms ease;\n  }\n\n  .input-group:focus-within {\n    border-color: var(--mz-color-primary);\n    outline: var(--mz-focus-ring);\n    outline-offset: var(--mz-focus-ring-offset);\n  }\n\n  .input-group--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .input-group__prefix,\n  .input-group__suffix {\n    display: flex;\n    align-items: center;\n    padding: 0 var(--mz-space-sm);\n    background: var(--mz-color-surface-raised);\n    color: var(--mz-color-text-secondary);\n    font-size: var(--mz-font-size-sm);\n    white-space: nowrap;\n    border-color: inherit;\n    flex-shrink: 0;\n  }\n\n  .input-group__prefix {\n    border-right: 1px solid var(--_input-group-border-color);\n  }\n\n  .input-group__suffix {\n    border-left: 1px solid var(--_input-group-border-color);\n  }\n\n  .input-group__prefix[hidden],\n  .input-group__suffix[hidden] {\n    display: none;\n  }\n\n  .input-group__input {\n    flex: 1;\n    min-width: 0;\n  }\n\n  /* Remove the inner input's border and border-radius so it blends into the group */\n  ::slotted(input) {\n    border: none !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    outline: none !important;\n  }\n\n  /* CSS custom properties cascade through shadow DOM to suppress internal borders */\n  ::slotted(mz-input),\n  ::slotted(mz-select) {\n    --mz-input-border-width: 0;\n    --mz-input-border-radius: 0;\n    --mz-focus-ring: none;\n  }\n\n  /* Size variants */\n  :host([size='sm']) .input-group__prefix,\n  :host([size='sm']) .input-group__suffix {\n    padding: 0 var(--mz-space-xs);\n    font-size: var(--mz-font-size-xs);\n  }\n\n  :host([size='lg']) .input-group__prefix,\n  :host([size='lg']) .input-group__suffix {\n    padding: 0 var(--mz-space-md);\n    font-size: var(--mz-font-size-md);\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,6BAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/input-otp/input-otp.component.d.ts

@@ -0,0 +1,40 @@
+import { type PropertyValues } from 'lit';
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A one-time password / PIN code input with individual character slots.
+ *
+ * @tag mz-input-otp
+ *
+ * @event mz-change - Emitted when the value changes.
+ * @event mz-complete - Emitted when all slots are filled. Detail: `{ value: string }`
+ *
+ * @csspart base - The container element.
+ * @csspart slot - An individual input slot.
+ * @csspart separator - The visual separator element.
+ */
+export declare class MzInputOtp extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** Number of input slots. */
+    length: number;
+    /** Current value. */
+    value: string;
+    /** Whether the input is disabled. */
+    disabled: boolean;
+    /** Whether to mask input like a password. */
+    mask: boolean;
+    /** Size variant. */
+    size: 'small' | 'medium' | 'large';
+    /** Position to show a visual separator (e.g. 3 for a 6-digit OTP shows separator after 3rd slot). */
+    separator: number | undefined;
+    /** Input mode for mobile keyboards. */
+    inputMode: 'numeric' | 'text';
+    /** Internal array of individual character values. */
+    private slots;
+    willUpdate(changedProps: PropertyValues): void;
+    private handleInput;
+    private handleKeydown;
+    private handlePaste;
+    private handleFocus;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=input-otp.component.d.ts.map

package/dist/components/input-otp/input-otp.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.component.d.ts","sourceRoot":"","sources":["../../../src/components/input-otp/input-otp.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;;;;GAWG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,OAAgB,MAAM,4BAAU;IAEhC,6BAA6B;IACc,MAAM,SAAK;IAEtD,qBAAqB;IACT,KAAK,SAAM;IAEvB,qCAAqC;IACO,QAAQ,UAAS;IAE7D,6CAA6C;IACD,IAAI,UAAS;IAEzD,oBAAoB;IACS,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE3E,qGAAqG;IACzE,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1D,uCAAuC;IACA,SAAS,EAAE,SAAS,GAAG,MAAM,CAAa;IAEjF,qDAAqD;IAC5C,OAAO,CAAC,KAAK,CAAgB;IAE7B,UAAU,CAAC,YAAY,EAAE,cAAc;IAMhD,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,aAAa;IAmCrB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,WAAW;IAMV,MAAM;CA2BhB"}

package/dist/components/input-otp/input-otp.component.js

@@ -0,0 +1,155 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./input-otp.styles.js";
+class MzInputOtp extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.length = 6;
+    this.value = "";
+    this.disabled = false;
+    this.mask = false;
+    this.size = "medium";
+    this.inputMode = "numeric";
+    this.slots = [];
+  }
+  willUpdate(changedProps) {
+    if (changedProps.has("length") || changedProps.has("value")) {
+      this.slots = Array.from({ length: this.length }, (_, i) => this.value[i] ?? "");
+    }
+  }
+  handleInput(e, index) {
+    const input = e.target;
+    const char = input.value.slice(-1);
+    const newSlots = [...this.slots];
+    newSlots[index] = char;
+    this.slots = newSlots;
+    this.value = newSlots.join("");
+    this.emit("mz-change");
+    if (char && index < this.length - 1) {
+      const inputs = this.shadowRoot.querySelectorAll(".input-otp__slot");
+      inputs[index + 1]?.focus();
+    }
+    if (this.value.length === this.length && !this.value.includes("")) {
+      this.emit("mz-complete", { detail: { value: this.value } });
+    }
+  }
+  handleKeydown(e, index) {
+    const inputs = this.shadowRoot.querySelectorAll(".input-otp__slot");
+    if (e.key === "Backspace") {
+      if (!this.slots[index] && index > 0) {
+        e.preventDefault();
+        const newSlots = [...this.slots];
+        newSlots[index - 1] = "";
+        this.slots = newSlots;
+        this.value = newSlots.join("");
+        inputs[index - 1]?.focus();
+        this.emit("mz-change");
+      }
+    }
+    if (e.key === "ArrowLeft" && index > 0) {
+      e.preventDefault();
+      inputs[index - 1]?.focus();
+    }
+    if (e.key === "ArrowRight" && index < this.length - 1) {
+      e.preventDefault();
+      inputs[index + 1]?.focus();
+    }
+    if (e.key === "Delete") {
+      e.preventDefault();
+      const newSlots = [...this.slots];
+      newSlots[index] = "";
+      this.slots = newSlots;
+      this.value = newSlots.join("");
+      this.emit("mz-change");
+    }
+  }
+  handlePaste(e, index) {
+    e.preventDefault();
+    const pasted = e.clipboardData?.getData("text") ?? "";
+    const chars = pasted.split("").slice(0, this.length - index);
+    const newSlots = [...this.slots];
+    chars.forEach((char, i) => {
+      if (index + i < this.length) {
+        newSlots[index + i] = char;
+      }
+    });
+    this.slots = newSlots;
+    this.value = newSlots.join("");
+    const inputs = this.shadowRoot.querySelectorAll(".input-otp__slot");
+    const focusIndex = Math.min(index + chars.length, this.length - 1);
+    inputs[focusIndex]?.focus();
+    this.emit("mz-change");
+    if (this.value.length === this.length) {
+      this.emit("mz-complete", { detail: { value: this.value } });
+    }
+  }
+  handleFocus(_e, index) {
+    const inputs = this.shadowRoot.querySelectorAll(".input-otp__slot");
+    inputs[index]?.select();
+  }
+  render() {
+    return html`
+      <div part="base" class="input-otp" role="group" aria-label="One-time password">
+        ${this.slots.map(
+      (char, i) => html`
+            ${this.separator != null && i === this.separator ? html`<div class="input-otp__separator" part="separator">&ndash;</div>` : nothing}
+            <input
+              part="slot"
+              class="input-otp__slot"
+              type=${this.mask ? "password" : "text"}
+              inputmode=${this.inputMode}
+              maxlength="1"
+              .value=${char}
+              ?disabled=${this.disabled}
+              aria-label="Digit ${i + 1} of ${this.length}"
+              @input=${(e) => this.handleInput(e, i)}
+              @keydown=${(e) => this.handleKeydown(e, i)}
+              @paste=${(e) => this.handlePaste(e, i)}
+              @focus=${(e) => this.handleFocus(e, i)}
+            />
+          `
+    )}
+      </div>
+    `;
+  }
+}
+MzInputOtp.styles = styles;
+__decorateClass([
+  property({ type: Number, reflect: true })
+], MzInputOtp.prototype, "length", 2);
+__decorateClass([
+  property()
+], MzInputOtp.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzInputOtp.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzInputOtp.prototype, "mask", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzInputOtp.prototype, "size", 2);
+__decorateClass([
+  property({ type: Number })
+], MzInputOtp.prototype, "separator", 2);
+__decorateClass([
+  property({ attribute: "input-mode" })
+], MzInputOtp.prototype, "inputMode", 2);
+__decorateClass([
+  state()
+], MzInputOtp.prototype, "slots", 2);
+export {
+  MzInputOtp
+};
+//# sourceMappingURL=input-otp.component.js.map

package/dist/components/input-otp/input-otp.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/input-otp/input-otp.component.ts"],
+  "sourcesContent": ["import { html, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './input-otp.styles.js';\n\n/**\n * @summary A one-time password / PIN code input with individual character slots.\n *\n * @tag mz-input-otp\n *\n * @event mz-change - Emitted when the value changes.\n * @event mz-complete - Emitted when all slots are filled. Detail: `{ value: string }`\n *\n * @csspart base - The container element.\n * @csspart slot - An individual input slot.\n * @csspart separator - The visual separator element.\n */\nexport class MzInputOtp extends ManzanoElement {\n  static override styles = styles;\n\n  /** Number of input slots. */\n  @property({ type: Number, reflect: true }) length = 6;\n\n  /** Current value. */\n  @property() value = '';\n\n  /** Whether the input is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Whether to mask input like a password. */\n  @property({ type: Boolean, reflect: true }) mask = false;\n\n  /** Size variant. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Position to show a visual separator (e.g. 3 for a 6-digit OTP shows separator after 3rd slot). */\n  @property({ type: Number }) separator: number | undefined;\n\n  /** Input mode for mobile keyboards. */\n  @property({ attribute: 'input-mode' }) inputMode: 'numeric' | 'text' = 'numeric';\n\n  /** Internal array of individual character values. */\n  @state() private slots: string[] = [];\n\n  override willUpdate(changedProps: PropertyValues) {\n    if (changedProps.has('length') || changedProps.has('value')) {\n      this.slots = Array.from({ length: this.length }, (_, i) => this.value[i] ?? '');\n    }\n  }\n\n  private handleInput(e: InputEvent, index: number) {\n    const input = e.target as HTMLInputElement;\n    const char = input.value.slice(-1); // take last character only\n\n    const newSlots = [...this.slots];\n    newSlots[index] = char;\n    this.slots = newSlots;\n    this.value = newSlots.join('');\n\n    this.emit('mz-change');\n\n    // Auto-advance to next slot\n    if (char && index < this.length - 1) {\n      const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n      inputs[index + 1]?.focus();\n    }\n\n    // Check if complete\n    if (this.value.length === this.length && !this.value.includes('')) {\n      this.emit('mz-complete', { detail: { value: this.value } });\n    }\n  }\n\n  private handleKeydown(e: KeyboardEvent, index: number) {\n    const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n\n    if (e.key === 'Backspace') {\n      if (!this.slots[index] && index > 0) {\n        e.preventDefault();\n        const newSlots = [...this.slots];\n        newSlots[index - 1] = '';\n        this.slots = newSlots;\n        this.value = newSlots.join('');\n        inputs[index - 1]?.focus();\n        this.emit('mz-change');\n      }\n    }\n\n    if (e.key === 'ArrowLeft' && index > 0) {\n      e.preventDefault();\n      inputs[index - 1]?.focus();\n    }\n\n    if (e.key === 'ArrowRight' && index < this.length - 1) {\n      e.preventDefault();\n      inputs[index + 1]?.focus();\n    }\n\n    if (e.key === 'Delete') {\n      e.preventDefault();\n      const newSlots = [...this.slots];\n      newSlots[index] = '';\n      this.slots = newSlots;\n      this.value = newSlots.join('');\n      this.emit('mz-change');\n    }\n  }\n\n  private handlePaste(e: ClipboardEvent, index: number) {\n    e.preventDefault();\n    const pasted = e.clipboardData?.getData('text') ?? '';\n    const chars = pasted.split('').slice(0, this.length - index);\n\n    const newSlots = [...this.slots];\n    chars.forEach((char, i) => {\n      if (index + i < this.length) {\n        newSlots[index + i] = char;\n      }\n    });\n    this.slots = newSlots;\n    this.value = newSlots.join('');\n\n    // Focus last filled slot or next empty\n    const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n    const focusIndex = Math.min(index + chars.length, this.length - 1);\n    inputs[focusIndex]?.focus();\n\n    this.emit('mz-change');\n\n    if (this.value.length === this.length) {\n      this.emit('mz-complete', { detail: { value: this.value } });\n    }\n  }\n\n  private handleFocus(_e: FocusEvent, index: number) {\n    // Select the content of the focused input for easy replacement\n    const inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.input-otp__slot');\n    inputs[index]?.select();\n  }\n\n  override render() {\n    return html`\n      <div part=\"base\" class=\"input-otp\" role=\"group\" aria-label=\"One-time password\">\n        ${this.slots.map(\n          (char, i) => html`\n            ${this.separator != null && i === this.separator\n              ? html`<div class=\"input-otp__separator\" part=\"separator\">&ndash;</div>`\n              : nothing}\n            <input\n              part=\"slot\"\n              class=\"input-otp__slot\"\n              type=${this.mask ? 'password' : 'text'}\n              inputmode=${this.inputMode}\n              maxlength=\"1\"\n              .value=${char}\n              ?disabled=${this.disabled}\n              aria-label=\"Digit ${i + 1} of ${this.length}\"\n              @input=${(e: InputEvent) => this.handleInput(e, i)}\n              @keydown=${(e: KeyboardEvent) => this.handleKeydown(e, i)}\n              @paste=${(e: ClipboardEvent) => this.handlePaste(e, i)}\n              @focus=${(e: FocusEvent) => this.handleFocus(e, i)}\n            />\n          `\n        )}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/input-otp/input-otp.d.ts

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

package/dist/components/input-otp/input-otp.d.ts.map

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

package/dist/components/input-otp/input-otp.js

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

package/dist/components/input-otp/input-otp.js.map

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

package/dist/components/input-otp/input-otp.styles.d.ts

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

package/dist/components/input-otp/input-otp.styles.d.ts.map

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

package/dist/components/input-otp/input-otp.styles.js

@@ -0,0 +1,75 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var input_otp_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: inline-block;
+    }
+
+    .input-otp {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--mz-space-xs, 0.375rem);
+    }
+
+    .input-otp__slot {
+      width: 2.5rem;
+      height: 3rem;
+      text-align: center;
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-lg);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text);
+      border: 1px solid var(--mz-color-border);
+      border-radius: var(--mz-radius-md, 0.5rem);
+      background: var(--mz-color-surface, #fff);
+      outline: none;
+      transition: border-color 0.15s, box-shadow 0.15s;
+      caret-color: var(--mz-color-primary);
+    }
+
+    .input-otp__slot:focus {
+      border-color: var(--mz-color-primary);
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 15%, transparent);
+    }
+
+    .input-otp__slot:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .input-otp__separator {
+      display: flex;
+      align-items: center;
+      color: var(--mz-color-text-muted);
+      font-size: var(--mz-font-size-lg);
+      padding: 0 var(--mz-space-xs);
+    }
+
+    /* Sizes */
+    :host([size='small']) .input-otp__slot {
+      width: 2rem;
+      height: 2.5rem;
+      font-size: var(--mz-font-size-base);
+    }
+
+    :host([size='large']) .input-otp__slot {
+      width: 3rem;
+      height: 3.5rem;
+      font-size: var(--mz-font-size-xl);
+    }
+
+    :host([size='small']) .input-otp__separator {
+      font-size: var(--mz-font-size-base);
+    }
+
+    :host([size='large']) .input-otp__separator {
+      font-size: var(--mz-font-size-xl);
+    }
+  `
+];
+export {
+  input_otp_styles_default as default
+};
+//# sourceMappingURL=input-otp.styles.js.map

package/dist/components/input-otp/input-otp.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/input-otp/input-otp.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    }\n\n    .input-otp {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--mz-space-xs, 0.375rem);\n    }\n\n    .input-otp__slot {\n      width: 2.5rem;\n      height: 3rem;\n      text-align: center;\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: var(--mz-color-surface, #fff);\n      outline: none;\n      transition: border-color 0.15s, box-shadow 0.15s;\n      caret-color: var(--mz-color-primary);\n    }\n\n    .input-otp__slot:focus {\n      border-color: var(--mz-color-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 15%, transparent);\n    }\n\n    .input-otp__slot:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .input-otp__separator {\n      display: flex;\n      align-items: center;\n      color: var(--mz-color-text-muted);\n      font-size: var(--mz-font-size-lg);\n      padding: 0 var(--mz-space-xs);\n    }\n\n    /* Sizes */\n    :host([size='small']) .input-otp__slot {\n      width: 2rem;\n      height: 2.5rem;\n      font-size: var(--mz-font-size-base);\n    }\n\n    :host([size='large']) .input-otp__slot {\n      width: 3rem;\n      height: 3.5rem;\n      font-size: var(--mz-font-size-xl);\n    }\n\n    :host([size='small']) .input-otp__separator {\n      font-size: var(--mz-font-size-base);\n    }\n\n    :host([size='large']) .input-otp__separator {\n      font-size: var(--mz-font-size-xl);\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,2BAAQ;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;AAkEF;",
+  "names": []
+}

package/dist/components/intersection-observer/intersection-observer.component.d.ts

@@ -0,0 +1,25 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A wrapper around the browser's native `IntersectionObserver` API that emits an event when the host element's visibility changes.
+ *
+ * @event mz-intersect - Emitted when the host element's intersection with its root changes. The event detail contains `{ entries: IntersectionObserverEntry[] }`.
+ *
+ * @slot - The content to observe for intersection changes.
+ */
+export declare class MzIntersectionObserver extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    private observer;
+    /** A single threshold value (0-1) at which to trigger the observer callback. */
+    threshold: number;
+    /** Margin around the root. Can have values similar to CSS margin property. */
+    rootMargin: string;
+    /** Disables the observer. */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private startObserver;
+    private stopObserver;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=intersection-observer.component.d.ts.map

package/dist/components/intersection-observer/intersection-observer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-observer.component.d.ts","sourceRoot":"","sources":["../../../src/components/intersection-observer/intersection-observer.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;;GAMG;AACH,qBAAa,sBAAuB,SAAQ,cAAc;IACxD,MAAM,CAAC,MAAM,4BAA6B;IAE1C,OAAO,CAAC,QAAQ,CAAqC;IAErD,gFAAgF;IACrC,SAAS,SAAK;IAEzD,8EAA8E;IACT,UAAU,SAAS;IAExF,6BAA6B;IACe,QAAQ,UAAS;IAE7D,iBAAiB;IAKjB,oBAAoB;IAKpB,SAAS,CAAC,OAAO;IAKjB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;IAOpB,MAAM;CAGP"}

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

@@ -0,0 +1,72 @@
+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 } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import componentStyles from "../../styles/component.styles.js";
+import styles from "./intersection-observer.styles.js";
+class MzIntersectionObserver extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.observer = null;
+    this.threshold = 0;
+    this.rootMargin = "0px";
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.startObserver();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  updated() {
+    this.stopObserver();
+    this.startObserver();
+  }
+  startObserver() {
+    if (this.disabled) return;
+    this.observer = new IntersectionObserver(
+      (entries) => {
+        this.emit("mz-intersect", { detail: { entries } });
+      },
+      {
+        threshold: this.threshold,
+        rootMargin: this.rootMargin
+      }
+    );
+    this.observer.observe(this);
+  }
+  stopObserver() {
+    if (this.observer) {
+      this.observer.disconnect();
+      this.observer = null;
+    }
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+}
+MzIntersectionObserver.styles = [componentStyles, styles];
+__decorateClass([
+  property({ type: Number, reflect: true })
+], MzIntersectionObserver.prototype, "threshold", 2);
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "root-margin" })
+], MzIntersectionObserver.prototype, "rootMargin", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzIntersectionObserver.prototype, "disabled", 2);
+export {
+  MzIntersectionObserver
+};
+//# sourceMappingURL=intersection-observer.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/intersection-observer/intersection-observer.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './intersection-observer.styles.js';\n\n/**\n * @summary A wrapper around the browser's native `IntersectionObserver` API that emits an event when the host element's visibility changes.\n *\n * @event mz-intersect - Emitted when the host element's intersection with its root changes. The event detail contains `{ entries: IntersectionObserverEntry[] }`.\n *\n * @slot - The content to observe for intersection changes.\n */\nexport class MzIntersectionObserver extends ManzanoElement {\n  static styles = [componentStyles, styles];\n\n  private observer: IntersectionObserver | null = null;\n\n  /** A single threshold value (0-1) at which to trigger the observer callback. */\n  @property({ type: Number, reflect: true }) threshold = 0;\n\n  /** Margin around the root. Can have values similar to CSS margin property. */\n  @property({ type: String, reflect: true, attribute: 'root-margin' }) rootMargin = '0px';\n\n  /** Disables the observer. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.startObserver();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.stopObserver();\n  }\n\n  protected updated() {\n    this.stopObserver();\n    this.startObserver();\n  }\n\n  private startObserver() {\n    if (this.disabled) return;\n\n    this.observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => {\n        this.emit('mz-intersect', { detail: { entries } });\n      },\n      {\n        threshold: this.threshold,\n        rootMargin: this.rootMargin\n      }\n    );\n\n    this.observer.observe(this);\n  }\n\n  private stopObserver() {\n    if (this.observer) {\n      this.observer.disconnect();\n      this.observer = null;\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,qBAAqB;AAC5B,OAAO,YAAY;AASZ,MAAM,+BAA+B,eAAe;AAAA,EAApD;AAAA;AAGL,SAAQ,WAAwC;AAGL,qBAAY;AAGc,sBAAa;AAGtC,oBAAW;AAAA;AAAA,EAEvD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,uBAAuB;AACrB,UAAM,qBAAqB;AAC3B,SAAK,aAAa;AAAA,EACpB;AAAA,EAEU,UAAU;AAClB,SAAK,aAAa;AAClB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEQ,gBAAgB;AACtB,QAAI,KAAK,SAAU;AAEnB,SAAK,WAAW,IAAI;AAAA,MAClB,CAAC,YAAyC;AACxC,aAAK,KAAK,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAAA,MACnD;AAAA,MACA;AAAA,QACE,WAAW,KAAK;AAAA,QAChB,YAAY,KAAK;AAAA,MACnB;AAAA,IACF;AAEA,SAAK,SAAS,QAAQ,IAAI;AAAA,EAC5B;AAAA,EAEQ,eAAe;AACrB,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,WAAW;AACzB,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAvDa,uBACJ,SAAS,CAAC,iBAAiB,MAAM;AAKG;AAAA,EAA1C,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAN9B,uBAMgC;AAG0B;AAAA,EAApE,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM,WAAW,cAAc,CAAC;AAAA,GATxD,uBAS0D;AAGzB;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAZ/B,uBAYiC;",
+  "names": []
+}

package/dist/components/intersection-observer/intersection-observer.d.ts

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

package/dist/components/intersection-observer/intersection-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-observer.d.ts","sourceRoot":"","sources":["../../../src/components/intersection-observer/intersection-observer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI9E,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,sBAAsB,CAAC;KACpD;CACF"}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/intersection-observer/intersection-observer.ts"],
+  "sourcesContent": ["import { MzIntersectionObserver } from './intersection-observer.component.js';\n\nMzIntersectionObserver.define('mz-intersection-observer');\n\nexport { MzIntersectionObserver };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-intersection-observer': MzIntersectionObserver;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,8BAA8B;AAEvC,uBAAuB,OAAO,0BAA0B;",
+  "names": []
+}

package/dist/components/intersection-observer/intersection-observer.styles.d.ts

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

package/dist/components/intersection-observer/intersection-observer.styles.d.ts.map

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