digitojs 1.0.0

package/dist/adapters/svelte.d.ts

@@ -0,0 +1,139 @@
+/**
+ * digito/svelte
+ * ─────────────────────────────────────────────────────────────────────────────
+ * Svelte adapter — useOTP store + action (single hidden-input architecture)
+ *
+ * @author  Olawale Balo — Product Designer + Design Engineer
+ * @license MIT
+ */
+import { writable, derived } from 'svelte/store';
+import { type DigitoOptions } from '../core/index.js';
+/**
+ * Extended options for the Svelte useOTP composable.
+ * Adds controlled-input, separator, and disabled support on top of DigitoOptions.
+ */
+export type SvelteOTPOptions = DigitoOptions & {
+    /**
+     * Controlled value — drives the slot state from outside the composable.
+     * Pass a string of up to length characters to pre-fill or sync the field.
+     */
+    value?: string;
+    /**
+     * Fires exactly ONCE per user interaction with the current joined code string.
+     * Receives partial values too — not just when the code is complete.
+     */
+    onChange?: (code: string) => void;
+    /**
+     * Insert a purely visual separator after this slot index (0-based).
+     * Accepts a single position or an array for multiple separators.
+     * aria-hidden, never part of the value, no effect on the state machine.
+     * Default: 0 (no separator).
+     * @example separatorAfter: 3      ->  [*][*][*] — [*][*][*]
+     * @example separatorAfter: [2, 4] ->  [*][*] — [*][*] — [*][*]
+     */
+    separatorAfter?: number | number[];
+    /**
+     * The character or string to render as the separator.
+     * Default: '—'
+     */
+    separator?: string;
+    /**
+     * When `true`, slot templates should display a mask glyph instead of the real
+     * character. The hidden input switches to `type="password"` via the action.
+     *
+     * `getCode()` and `onComplete` always return real characters.
+     * Use for PIN entry or any sensitive input flow.
+     *
+     * Default: `false`.
+     */
+    masked?: boolean;
+    /**
+     * The glyph displayed in filled slots when `masked` is `true`.
+     * Returned as a `writable` store so Svelte templates can subscribe to it.
+     *
+     * Default: `'●'` (U+25CF BLACK CIRCLE).
+     * @example maskChar: '*'
+     */
+    maskChar?: string;
+};
+export type UseOTPResult = {
+    /** Subscribe to the full state store. */
+    subscribe: ReturnType<typeof writable>['subscribe'];
+    /** Derived — joined code string. */
+    value: ReturnType<typeof derived>;
+    /** Derived — completion boolean. */
+    isComplete: ReturnType<typeof derived>;
+    /** Derived — error boolean. */
+    hasError: ReturnType<typeof derived>;
+    /** Derived — active slot index. */
+    activeSlot: ReturnType<typeof derived>;
+    /** Remaining timer seconds store. */
+    timerSeconds: ReturnType<typeof writable>;
+    /** Whether the field is currently disabled. */
+    isDisabled: ReturnType<typeof writable>;
+    /** The separator slot index store. -1 = no separator. */
+    separatorAfter: ReturnType<typeof writable>;
+    /** The separator character store. */
+    separator: ReturnType<typeof writable>;
+    /** Whether masked mode is active. When true, templates should render `maskChar` instead of char. */
+    masked: ReturnType<typeof writable>;
+    /**
+     * The configured mask glyph store. Use in templates instead of a hard-coded `●`:
+     * `{$otp.masked && char ? $otp.maskChar : char}`
+     */
+    maskChar: ReturnType<typeof writable>;
+    /** The placeholder character for empty slots. Empty string when not set. */
+    placeholder: string;
+    /** Svelte action to bind to the single hidden input. */
+    action: (node: HTMLInputElement) => {
+        destroy: () => void;
+    };
+    /** Returns the current joined code string. */
+    getCode: () => string;
+    /** Clear all slots, restart timer, return focus to input. */
+    reset: () => void;
+    /** Apply or clear the error state. */
+    setError: (isError: boolean) => void;
+    /** Enable or disable the field at runtime. */
+    setDisabled: (value: boolean) => void;
+    /** Programmatically move focus to a slot index. */
+    focus: (slotIndex: number) => void;
+    /**
+     * Programmatically set the field value without triggering `onComplete`.
+     * Pass `undefined` to no-op. Filters the incoming string through the current
+     * `type`/`pattern` before distribution, identical to controlled-value sync.
+     */
+    setValue: (v: string | undefined) => void;
+};
+/**
+ * Svelte composable for OTP input — single hidden-input architecture.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { useOTP } from 'digito/svelte'
+ *   const otp = useOTP({ length: 6, onComplete: (code) => verify(code) })
+ *   $: state = $otp
+ * </script>
+ *
+ * <div style="position:relative; display:inline-flex; gap:8px; align-items:center">
+ *   <input
+ *     use:otp.action
+ *     style="position:absolute;inset:0;opacity:0;z-index:1;cursor:text"
+ *   />
+ *   {#each state.slotValues as char, i}
+ *     {#if $otp.separatorAfter > 0 && i === $otp.separatorAfter}
+ *       <span aria-hidden="true">{$otp.separator}</span>
+ *     {/if}
+ *     <div class="slot"
+ *       class:is-active={i === state.activeSlot}
+ *       class:is-filled={!!char}
+ *       class:is-error={state.hasError}
+ *       class:is-disabled={$otp.isDisabled}
+ *     >{char}</div>
+ *   {/each}
+ * </div>
+ * ```
+ */
+export declare function useOTP(options?: SvelteOTPOptions): UseOTPResult;
+//# sourceMappingURL=svelte.d.ts.map

package/dist/adapters/svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../../src/adapters/svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAO,MAAM,cAAc,CAAA;AAErD,OAAO,EAIL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAA;AAOzB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,yCAAyC;IACzC,SAAS,EAAO,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;IACxD,oCAAoC;IACpC,KAAK,EAAW,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAC1C,oCAAoC;IACpC,UAAU,EAAM,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAC1C,+BAA+B;IAC/B,QAAQ,EAAQ,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAC1C,mCAAmC;IACnC,UAAU,EAAM,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAC1C,qCAAqC;IACrC,YAAY,EAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IAC3C,+CAA+C;IAC/C,UAAU,EAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IAC3C,yDAAyD;IACzD,cAAc,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IAC3C,qCAAqC;IACrC,SAAS,EAAO,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IAC3C,oGAAoG;IACpG,MAAM,EAAU,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IAC3C;;;OAGG;IACH,QAAQ,EAAQ,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IAC3C,4EAA4E;IAC5E,WAAW,EAAK,MAAM,CAAA;IACtB,wDAAwD;IACxD,MAAM,EAAU,CAAC,IAAI,EAAE,gBAAgB,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACnE,8CAA8C;IAC9C,OAAO,EAAS,MAAM,MAAM,CAAA;IAC5B,6DAA6D;IAC7D,KAAK,EAAW,MAAM,IAAI,CAAA;IAC1B,sCAAsC;IACtC,QAAQ,EAAQ,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,8CAA8C;IAC9C,WAAW,EAAK,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,mDAAmD;IACnD,KAAK,EAAW,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;;;OAIG;IACH,QAAQ,EAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAChD,CAAA;AAOD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,MAAM,CAAC,OAAO,GAAE,gBAAqB,GAAG,YAAY,CA8RnE"}

package/dist/adapters/svelte.js

@@ -0,0 +1,295 @@
+/**
+ * digito/svelte
+ * ─────────────────────────────────────────────────────────────────────────────
+ * Svelte adapter — useOTP store + action (single hidden-input architecture)
+ *
+ * @author  Olawale Balo — Product Designer + Design Engineer
+ * @license MIT
+ */
+import { writable, derived, get } from 'svelte/store';
+import { createDigito, createTimer, filterString, } from '../core/index.js';
+// ─────────────────────────────────────────────────────────────────────────────
+// COMPOSABLE
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Svelte composable for OTP input — single hidden-input architecture.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { useOTP } from 'digito/svelte'
+ *   const otp = useOTP({ length: 6, onComplete: (code) => verify(code) })
+ *   $: state = $otp
+ * </script>
+ *
+ * <div style="position:relative; display:inline-flex; gap:8px; align-items:center">
+ *   <input
+ *     use:otp.action
+ *     style="position:absolute;inset:0;opacity:0;z-index:1;cursor:text"
+ *   />
+ *   {#each state.slotValues as char, i}
+ *     {#if $otp.separatorAfter > 0 && i === $otp.separatorAfter}
+ *       <span aria-hidden="true">{$otp.separator}</span>
+ *     {/if}
+ *     <div class="slot"
+ *       class:is-active={i === state.activeSlot}
+ *       class:is-filled={!!char}
+ *       class:is-error={state.hasError}
+ *       class:is-disabled={$otp.isDisabled}
+ *     >{char}</div>
+ *   {/each}
+ * </div>
+ * ```
+ */
+export function useOTP(options = {}) {
+    const { length = 6, type = 'numeric', timer: timerSecs = 0, disabled: initialDisabled = false, onComplete, onExpire, onResend, haptic = true, sound = false, pattern, pasteTransformer, onInvalidChar, value: controlledValue, onChange: onChangeProp, onFocus: onFocusProp, onBlur: onBlurProp, separatorAfter: separatorAfterOpt = 0, separator: separatorOpt = '—', masked: maskedOpt = false, maskChar: maskCharOpt = '\u25CF', autoFocus: autoFocusOpt = true, name: nameOpt, placeholder: placeholderOpt = '', selectOnFocus: selectOnFocusOpt = false, blurOnComplete: blurOnCompleteOpt = false, } = options;
+    // ── Core instance ──────────────────────────────────────────────────────────
+    const digito = createDigito({ length, type, pattern, pasteTransformer, onInvalidChar, onComplete, onExpire, onResend, haptic, sound });
+    // ── Stores ─────────────────────────────────────────────────────────────────
+    const store = writable(digito.state);
+    const timerStore = writable(timerSecs);
+    const isDisabledStore = writable(initialDisabled);
+    const separatorAfterStore = writable(separatorAfterOpt);
+    const separatorStore = writable(separatorOpt);
+    const maskedStore = writable(maskedOpt);
+    const maskCharStore = writable(maskCharOpt);
+    let inputEl = null;
+    // ── sync() ─────────────────────────────────────────────────────────────────
+    function sync(suppressOnChange = false) {
+        const s = digito.state;
+        store.set({ ...s });
+        if (!suppressOnChange) {
+            onChangeProp?.(s.slotValues.join(''));
+        }
+    }
+    // ── Controlled value sync ──────────────────────────────────────────────────
+    function setValue(incoming) {
+        if (incoming === undefined)
+            return;
+        const filtered = filterString(incoming.slice(0, length), type, pattern);
+        const current = digito.state.slotValues.join('');
+        if (filtered === current)
+            return;
+        digito.resetState();
+        for (let i = 0; i < filtered.length; i++) {
+            digito.inputChar(i, filtered[i]);
+        }
+        // Prevent a programmatic fill from triggering onComplete as if the user
+        // had typed the code. cancelPendingComplete cancels the 10ms deferred
+        // callback scheduled by the final inputChar above.
+        digito.cancelPendingComplete();
+        sync(true);
+        if (inputEl) {
+            inputEl.value = filtered;
+            inputEl.setSelectionRange(filtered.length, filtered.length);
+        }
+        onChangeProp?.(filtered);
+    }
+    if (controlledValue !== undefined) {
+        setValue(controlledValue);
+    }
+    // ── Timer ──────────────────────────────────────────────────────────────────
+    let timerControls = null;
+    if (timerSecs > 0) {
+        timerControls = createTimer({
+            totalSeconds: timerSecs,
+            onTick: (r) => timerStore.set(r),
+            onExpire: () => { timerStore.set(0); onExpire?.(); },
+        });
+    }
+    // ── Svelte Action ──────────────────────────────────────────────────────────
+    function action(node) {
+        inputEl = node;
+        node.type = maskedOpt ? 'password' : 'text';
+        node.inputMode = type === 'numeric' ? 'numeric' : 'text';
+        node.autocomplete = 'one-time-code';
+        node.maxLength = length;
+        node.disabled = get(isDisabledStore);
+        node.spellcheck = false;
+        if (nameOpt)
+            node.name = nameOpt;
+        node.setAttribute('aria-label', `Enter your ${length}-${type === 'numeric' ? 'digit' : 'character'} code`);
+        node.setAttribute('autocorrect', 'off');
+        node.setAttribute('autocapitalize', 'off');
+        const unsubDisabled = isDisabledStore.subscribe((v) => { node.disabled = v; });
+        function onKeydown(e) {
+            if (get(isDisabledStore))
+                return;
+            const pos = node.selectionStart ?? 0;
+            if (e.key === 'Backspace') {
+                e.preventDefault();
+                digito.deleteChar(pos);
+                sync();
+                const next = digito.state.activeSlot;
+                requestAnimationFrame(() => node.setSelectionRange(next, next));
+            }
+            else if (e.key === 'ArrowLeft') {
+                e.preventDefault();
+                digito.moveFocusLeft(pos);
+                sync();
+                const next = digito.state.activeSlot;
+                requestAnimationFrame(() => node.setSelectionRange(next, next));
+            }
+            else if (e.key === 'ArrowRight') {
+                e.preventDefault();
+                digito.moveFocusRight(pos);
+                sync();
+                const next = digito.state.activeSlot;
+                requestAnimationFrame(() => node.setSelectionRange(next, next));
+            }
+            else if (e.key === 'Tab') {
+                if (e.shiftKey) {
+                    if (pos === 0)
+                        return;
+                    e.preventDefault();
+                    digito.moveFocusLeft(pos);
+                }
+                else {
+                    if (!digito.state.slotValues[pos])
+                        return;
+                    if (pos >= length - 1)
+                        return;
+                    e.preventDefault();
+                    digito.moveFocusRight(pos);
+                }
+                sync();
+                const next = digito.state.activeSlot;
+                requestAnimationFrame(() => node.setSelectionRange(next, next));
+            }
+        }
+        function onChange(e) {
+            if (get(isDisabledStore))
+                return;
+            const raw = e.target.value;
+            if (!raw) {
+                digito.resetState();
+                node.value = '';
+                node.setSelectionRange(0, 0);
+                sync();
+                return;
+            }
+            const valid = filterString(raw, type, pattern).slice(0, length);
+            digito.resetState();
+            for (let i = 0; i < valid.length; i++)
+                digito.inputChar(i, valid[i]);
+            const next = Math.min(valid.length, length - 1);
+            node.value = valid;
+            node.setSelectionRange(next, next);
+            digito.moveFocusTo(next);
+            sync();
+            if (blurOnCompleteOpt && digito.state.isComplete) {
+                requestAnimationFrame(() => node.blur());
+            }
+        }
+        function onPaste(e) {
+            if (get(isDisabledStore))
+                return;
+            e.preventDefault();
+            const text = e.clipboardData?.getData('text') ?? '';
+            const pos = node.selectionStart ?? 0;
+            digito.pasteString(pos, text);
+            const { slotValues, activeSlot } = digito.state;
+            node.value = slotValues.join('');
+            node.setSelectionRange(activeSlot, activeSlot);
+            sync();
+            if (blurOnCompleteOpt && digito.state.isComplete) {
+                requestAnimationFrame(() => node.blur());
+            }
+        }
+        function onFocus() {
+            onFocusProp?.();
+            const pos = digito.state.activeSlot;
+            requestAnimationFrame(() => {
+                const char = digito.state.slotValues[pos];
+                if (selectOnFocusOpt && char) {
+                    node.setSelectionRange(pos, pos + 1);
+                }
+                else {
+                    node.setSelectionRange(pos, pos);
+                }
+            });
+        }
+        function onBlur() {
+            onBlurProp?.();
+        }
+        node.addEventListener('keydown', onKeydown);
+        node.addEventListener('input', onChange);
+        node.addEventListener('paste', onPaste);
+        node.addEventListener('focus', onFocus);
+        node.addEventListener('blur', onBlur);
+        if (autoFocusOpt && !get(isDisabledStore)) {
+            requestAnimationFrame(() => node.focus());
+        }
+        // Start timer now that the component is mounted and the input element is
+        // available — matching Vue's onMounted pattern.
+        timerControls?.start();
+        return {
+            destroy() {
+                node.removeEventListener('keydown', onKeydown);
+                node.removeEventListener('input', onChange);
+                node.removeEventListener('paste', onPaste);
+                node.removeEventListener('focus', onFocus);
+                node.removeEventListener('blur', onBlur);
+                unsubDisabled();
+                timerControls?.stop();
+                inputEl = null;
+            },
+        };
+    }
+    // ── Public API ─────────────────────────────────────────────────────────────
+    function reset() {
+        digito.resetState();
+        if (inputEl) {
+            inputEl.value = '';
+            inputEl.focus();
+            inputEl.setSelectionRange(0, 0);
+        }
+        timerStore.set(timerSecs);
+        timerControls?.restart();
+        sync();
+    }
+    function setError(isError) {
+        digito.setError(isError);
+        sync(true);
+    }
+    function setDisabled(value) {
+        isDisabledStore.set(value);
+        digito.setDisabled(value);
+    }
+    function focus(slotIndex) {
+        digito.moveFocusTo(slotIndex);
+        inputEl?.focus();
+        requestAnimationFrame(() => inputEl?.setSelectionRange(slotIndex, slotIndex));
+        sync(true);
+    }
+    function getCode() {
+        return digito.getCode();
+    }
+    // Derived stores
+    const value = derived(store, ($s) => $s.slotValues.join(''));
+    const isComplete = derived(store, ($s) => $s.isComplete);
+    const hasError = derived(store, ($s) => $s.hasError);
+    const activeSlot = derived(store, ($s) => $s.activeSlot);
+    return {
+        subscribe: store.subscribe,
+        value,
+        isComplete,
+        hasError,
+        activeSlot,
+        timerSeconds: timerStore,
+        isDisabled: isDisabledStore,
+        separatorAfter: separatorAfterStore,
+        separator: separatorStore,
+        masked: maskedStore,
+        maskChar: maskCharStore,
+        placeholder: placeholderOpt,
+        action,
+        getCode,
+        reset,
+        setError,
+        setDisabled,
+        setValue,
+        focus,
+    };
+}
+//# sourceMappingURL=svelte.js.map

package/dist/adapters/svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelte.js","sourceRoot":"","sources":["../../src/adapters/svelte.ts"],"names":[],"mappings":"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"}

package/dist/adapters/vanilla.d.ts

@@ -0,0 +1,110 @@
+/**
+ * digito/vanilla
+ * ─────────────────────────────────────────────────────────────────────────────
+ * DOM adapter using the single-hidden-input architecture.
+ *
+ * Architecture:
+ *   One real <input> sits invisibly behind the visual slot divs.
+ *   It captures ALL keyboard input, paste, and native SMS autofill.
+ *   The visual slot <div>s are pure mirrors — they display characters
+ *   from the hidden input's value, show a fake caret on the active slot,
+ *   and forward click events to focus the real input.
+ *
+ * Why this is better than multiple inputs:
+ *   - autocomplete="one-time-code" works as native single-input autofill
+ *   - iOS SMS autofill works without any hacks
+ *   - Screen readers see one real input — perfect a11y
+ *   - No focus-juggling between inputs on every keystroke
+ *   - Password managers can't confuse the slots for separate fields
+ *
+ * Web OTP API:
+ *   When supported (Android Chrome), navigator.credentials.get is called
+ *   automatically to intercept the SMS OTP code without any user interaction.
+ *   The AbortController is wired to destroy() so the request is cancelled
+ *   on cleanup. Falls back gracefully in all other environments.
+ *
+ * Two timer modes:
+ *   Built-in UI  — omit onTick. Digito renders "Code expires in [0:60]"
+ *                  and "Didn't receive the code? Resend" automatically.
+ *   Custom UI    — pass onTick. Digito fires the callback and skips its timer.
+ *
+ * @author  Olawale Balo — Product Designer + Design Engineer
+ * @license MIT
+ */
+import { type DigitoOptions } from '../core/index.js';
+export { createTimer } from '../core/index.js';
+/** The control surface returned by initDigito for each mounted wrapper. */
+export type DigitoInstance = {
+    /** Clear all slots, restart timer, focus the hidden input. */
+    reset: () => void;
+    /** Reset + fire onResend callback. */
+    resend: () => void;
+    /** Apply or clear the error state on all visual slots. */
+    setError: (isError: boolean) => void;
+    /** Apply or clear the success state on all visual slots. */
+    setSuccess: (isSuccess: boolean) => void;
+    /**
+     * Enable or disable the input. When disabled, all keypresses and pastes are
+     * silently ignored and the hidden input is set to disabled. Use during async
+     * verification to prevent the user from modifying the code mid-request.
+     */
+    setDisabled: (isDisabled: boolean) => void;
+    /** Returns the current joined code string. */
+    getCode: () => string;
+    /** Programmatically move focus to a slot index (focuses the hidden input). */
+    focus: (slotIndex: number) => void;
+    /** Remove all event listeners and stop the timer. */
+    destroy: () => void;
+};
+/**
+ * Vanilla-only options that extend the core DigitoOptions.
+ * These are not part of the shared adapter API.
+ */
+export type VanillaOnlyOptions = Partial<DigitoOptions> & {
+    /**
+     * Insert a purely visual separator after this slot index (0-based).
+     * The separator is aria-hidden, never enters the value, and has no effect on state.
+     * Accepts a single position or an array for multiple separators.
+     * Default: 0 (no separator).
+     * @example separatorAfter: 3      -> [ ][ ][ ] — [ ][ ][ ]       (6-slot field)
+     * @example separatorAfter: [2, 4] -> [ ][ ] — [ ][ ] — [ ][ ]
+     */
+    separatorAfter?: number | number[];
+    /**
+     * The character or string to render as the separator.
+     * Default: '—'
+     */
+    separator?: string;
+    /**
+     * When `true`, each filled slot displays a mask glyph instead of the real
+     * character. The hidden input switches to `type="password"` so the OS keyboard
+     * and browser autocomplete treat it as a sensitive field.
+     *
+     * `getCode()` and `onComplete` always return the real characters — masking is
+     * purely visual. Use for PIN entry or any flow where the value should not be
+     * visible to shoulder-surfers.
+     *
+     * Default: `false`.
+     */
+    masked?: boolean;
+    /**
+     * The glyph displayed in filled slots when `masked` is `true`.
+     * Allows substituting the default bullet with any character of your choice
+     * (e.g. `'*'`, `'•'`, `'x'`).
+     *
+     * Readable via the `data-mask-char` HTML attribute:
+     * `<div class="digito-wrapper" data-mask-char="*">`.
+     *
+     * Default: `'●'` (U+25CF BLACK CIRCLE).
+     */
+    maskChar?: string;
+};
+/**
+ * Mount digito on one or more wrapper elements.
+ *
+ * @param target   CSS selector or HTMLElement. Default: '.digito-wrapper'
+ * @param options  Runtime options — supplement or override data attributes.
+ * @returns        Array of DigitoInstance objects, one per wrapper found.
+ */
+export declare function initDigito(target?: string | HTMLElement, options?: VanillaOnlyOptions): DigitoInstance[];
+//# sourceMappingURL=vanilla.d.ts.map

package/dist/adapters/vanilla.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla.d.ts","sourceRoot":"","sources":["../../src/adapters/vanilla.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EAIL,KAAK,aAAa,EAEnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAM9C,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG;IAC3B,8DAA8D;IAC9D,KAAK,EAAS,MAAM,IAAI,CAAA;IACxB,sCAAsC;IACtC,MAAM,EAAQ,MAAM,IAAI,CAAA;IACxB,0DAA0D;IAC1D,QAAQ,EAAM,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,4DAA4D;IAC5D,UAAU,EAAI,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C;;;;OAIG;IACH,WAAW,EAAG,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,8CAA8C;IAC9C,OAAO,EAAO,MAAM,MAAM,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,EAAS,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,qDAAqD;IACrD,OAAO,EAAO,MAAM,IAAI,CAAA;CACzB,CAAA;AAoED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG;IACxD;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,MAAM,GAAG,MAAM,GAAG,WAA+B,EACjD,OAAO,GAAE,kBAAuB,GAC/B,cAAc,EAAE,CAQlB"}