import { n as AttrChangeHandler, t as ATTRIBUTES } from "../../attributes-DILeh3-s.mjs";
import { t as HTMLElementBase } from "../../environment-CTAGxqz_.mjs";

//#region src/ui/otp-input/otp-input.d.ts
/**
 * `<x-otp-input>` — segmented one-time-passcode / pin input.
 *
 * A single transparent `<input>` (rendered into the shadow root) overlays the
 * author-composed cells and owns all keyboard / pointer / paste / mobile
 * autofill behavior. The cells (`<x-otp-slot>`, projected through a `<slot>`)
 * are a purely visual layer whose active cell + fake caret are mirrored from
 * the input's selection. Because it is one field there is no roving tabindex
 * and a screen reader perceives a single textbox.
 *
 * Form-associated: submits under the host `name`, participates in
 * reset / restore / disabled, and reports `valueMissing` / `tooShort`.
 *
 * ```html
 * <x-otp-input name="code" maxlength="6" pattern="[0-9]" aria-label="Code">
 *   <x-otp-group>
 *     <x-otp-slot index="0"></x-otp-slot>
 *     <x-otp-slot index="1"></x-otp-slot>
 *     <x-otp-slot index="2"></x-otp-slot>
 *   </x-otp-group>
 *   <x-otp-separator></x-otp-separator>
 *   <x-otp-group>
 *     <x-otp-slot index="3"></x-otp-slot>
 *     <x-otp-slot index="4"></x-otp-slot>
 *     <x-otp-slot index="5"></x-otp-slot>
 *   </x-otp-group>
 * </x-otp-input>
 * ```
 */
declare class XOtpInput extends HTMLElementBase {
  #private;
  static formAssociated: boolean;
  static [ATTRIBUTES]: {
    value(this: XOtpInput, value: string | null): void;
    maxlength(this: XOtpInput, value: string | null): void;
    disabled(this: XOtpInput, value: string | null): void;
    required(this: XOtpInput, value: string | null): void;
    pattern(this: XOtpInput, value: string | null): void;
    inputmode(this: XOtpInput, value: string | null): void;
  };
  static observedAttributes: string[];
  static events: {
    complete: CustomEvent<string>;
  };
  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
  get value(): string;
  set value(v: string);
  get maxLength(): number;
  set maxLength(v: number);
  get disabled(): boolean;
  set disabled(v: boolean);
  get required(): boolean;
  set required(v: boolean);
  get pattern(): string | null;
  set pattern(v: string | null);
  get name(): string;
  set name(v: string);
  /** Optional transform applied to pasted text before validation. */
  pasteTransformer: ((text: string) => string) | null;
  connectedCallback(): void;
  disconnectedCallback(): void;
  formResetCallback(): void;
  formStateRestoreCallback(state: unknown): void;
  formDisabledCallback(disabled: boolean): void;
  get validity(): ValidityState | null;
}
declare global {
  namespace ElementsKit {
    interface CustomElementRegistry {
      "x-otp-input": typeof XOtpInput;
    }
  }
}
//#endregion
//#region src/ui/otp-input/otp-slot.d.ts
/**
 * `<x-otp-slot index="N">` — one visual cell of an `<x-otp-input>`. Purely
 * presentational: `aria-hidden`, no focus, no value of its own. The parent
 * `<x-otp-input>` paints its character and active / caret / disabled state by
 * index; all styling lives in the companion CSS.
 */
declare class XOtpSlot extends HTMLElementBase {
  static [ATTRIBUTES]: {
    index: AttrChangeHandler<XOtpSlot>;
  };
  connectedCallback(): void;
}
declare global {
  namespace ElementsKit {
    interface CustomElementRegistry {
      "x-otp-slot": typeof XOtpSlot;
    }
  }
}
//#endregion
//#region src/ui/otp-input/otp-group.d.ts
/**
 * `<x-otp-group>` — presentational container that joins a run of
 * `<x-otp-slot>`s into one attached group. All layout lives in CSS; this only
 * applies a `group` role so the visual grouping is exposed to assistive tech.
 */
declare class XOtpGroup extends HTMLElementBase {
  connectedCallback(): void;
}
declare global {
  namespace ElementsKit {
    interface CustomElementRegistry {
      "x-otp-group": typeof XOtpGroup;
    }
  }
}
//#endregion
//#region src/ui/otp-input/otp-separator.d.ts
/**
 * `<x-otp-separator>` — decorative divider authored between OTP groups (e.g. a
 * dash between a 3-3 split). Purely visual: `aria-hidden`, glyph drawn in CSS.
 */
declare class XOtpSeparator extends HTMLElementBase {
  connectedCallback(): void;
}
declare global {
  namespace ElementsKit {
    interface CustomElementRegistry {
      "x-otp-separator": typeof XOtpSeparator;
    }
  }
}
//#endregion
export { XOtpGroup, XOtpInput, XOtpSeparator, XOtpSlot };