@alfadocs/ui-kit-debug 0.54.0 → 0.56.0

package/dist/_chunks/otp-input-xQ4Ps5VY.js

@@ -0,0 +1,279 @@
+import { jsxs as re, jsx as I } from "react/jsx-runtime";
+import { forwardRef as ae, useId as se, useRef as R, useState as ne, useEffect as oe, useCallback as S, useMemo as ie, useImperativeHandle as ce } from "react";
+import { c as Z } from "./index-D2ZczOXr.js";
+import { useTranslation as le } from "react-i18next";
+import { u as ue } from "./use-controllable-state-BiY4xTzM.js";
+import { u as de } from "./use-web-otp-D_utzp6S.js";
+import { u as pe } from "./form-field-context-B3APVHKx.js";
+import { u as fe } from "./registry-nPAVE19X.js";
+const ge = {
+  id: "otp-input",
+  capabilities: ["edit_inline", "submit"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.otpInput.state.value",
+      description: "Current digits entered, packed into a single string.",
+      read: (a) => a.getValue()
+    },
+    isComplete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.otpInput.state.isComplete",
+      description: "Whether all required digits have been entered.",
+      read: (a) => a.isComplete()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.otpInput.actions.setValue",
+      description: "Replace the entered digits.",
+      invoke: (a, n) => {
+        a.setValue(n.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.otpInput.actions.clear",
+      description: "Empty all digit cells. Loses any typed value.",
+      invoke: (a) => {
+        a.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.otpInput.actions.focus",
+      description: "Move keyboard focus to the active digit cell.",
+      invoke: (a) => {
+        a.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "otp-input",
+      description: "Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, me = Z("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), he = Z(
+  [
+    "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        default: "ds:border-border",
+        error: "ds:border-destructive"
+      }
+    },
+    defaultVariants: { tone: "default" }
+  }
+);
+function z(a) {
+  return a.replace(/[\u0660-\u0669]/g, (n) => String(n.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (n) => String(n.charCodeAt(0) - 1776));
+}
+const ve = 3, be = 10;
+function ye(a) {
+  const n = Number.isFinite(a) ? Math.floor(a) : 6;
+  return Math.max(ve, Math.min(be, n));
+}
+function k(a, n, g) {
+  return (g === "alphanumeric" ? a.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(a).replace(/\D/g, "")).slice(0, n);
+}
+function we(a, n, g) {
+  const d = k(a, n, g), p = new Array(n).fill("");
+  for (let m = 0; m < d.length; m += 1)
+    p[m] = d[m];
+  return p;
+}
+const Ie = ae(
+  ({
+    length: a = 6,
+    value: n,
+    defaultValue: g,
+    onChange: d,
+    onComplete: p,
+    disabled: m,
+    error: _,
+    label: V,
+    id: F,
+    className: $,
+    webOtp: j = !1,
+    name: E,
+    mode: i = "numeric"
+  }, U) => {
+    const { t: G } = le(), r = ye(a), b = pe(), W = se(), K = V ? W : void 0, [q, H] = ue({
+      value: n,
+      defaultValue: k(g ?? "", r, i)
+    }), h = k(q ?? "", r, i), x = we(h, r, i), y = b.disabled || !!m, O = b.invalid || !!_, X = O ? "error" : "default", P = R([]), D = R(h.length === r), f = R(h);
+    f.current = h;
+    const J = () => {
+      const t = h.length;
+      return t >= r ? r - 1 : t;
+    }, [v, A] = ne(J);
+    oe(() => {
+      v >= r && A(r - 1);
+    }, [v, r]);
+    const l = S(
+      (t) => {
+        const e = Math.max(0, Math.min(r - 1, t));
+        A(e);
+        const s = P.current[e];
+        s && (s.focus(), s.select());
+      },
+      [r]
+    ), u = S(
+      (t) => {
+        const e = k(t, r, i);
+        H(e), f.current = e, d == null || d(e), e.length === r ? D.current || (D.current = !0, p == null || p(e)) : D.current = !1;
+      },
+      [H, r, i, d, p]
+    );
+    de({
+      enabled: j && !y,
+      onCode: u
+    });
+    const Q = (t) => (e) => {
+      const s = e.target.value, o = i === "alphanumeric" ? s.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(s).replace(/\D/g, ""), c = f.current;
+      if (o.length === 0) {
+        if (s === "" && t < c.length) {
+          const N = c.slice(0, t) + c.slice(t + 1);
+          u(N);
+        }
+        return;
+      }
+      const w = c.slice(0, t), T = c.slice(t + o.length), C = (w + o + T).slice(0, r);
+      u(C);
+      const L = Math.min(t + o.length, r - 1);
+      l(L);
+    }, Y = (t) => (e) => {
+      const s = f.current;
+      if (e.key === "Backspace") {
+        if (s[t]) {
+          e.preventDefault();
+          const o = s.slice(0, t) + s.slice(t + 1);
+          u(o);
+          return;
+        }
+        if (t > 0) {
+          e.preventDefault();
+          const o = s.slice(0, t - 1) + s.slice(t);
+          u(o), l(t - 1);
+        }
+        return;
+      }
+      if (e.key === "ArrowLeft") {
+        e.preventDefault(), t > 0 && l(t - 1);
+        return;
+      }
+      if (e.key === "ArrowRight") {
+        e.preventDefault(), t < r - 1 && l(t + 1);
+        return;
+      }
+      if (e.key === "Home") {
+        e.preventDefault(), l(0);
+        return;
+      }
+      e.key === "End" && (e.preventDefault(), l(r - 1));
+    }, ee = (t) => (e) => {
+      const o = e.clipboardData.getData("text").replace(/\s+/g, ""), c = i === "alphanumeric" ? o.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(o);
+      if (i === "alphanumeric" ? c.length === 0 : !/^[0-9]+$/.test(c))
+        return;
+      e.preventDefault();
+      const w = f.current, T = w.slice(0, t), C = w.slice(t + c.length), L = (T + c + C).slice(0, r);
+      u(L);
+      const N = Math.min(t + c.length, r - 1);
+      l(N);
+    }, te = (t) => (e) => {
+      A(t), e.currentTarget.select();
+    }, B = b.id, M = ie(
+      () => ({
+        getValue: () => f.current,
+        setValue: (t) => u(t),
+        clear: () => u(""),
+        focus: () => l(v),
+        isComplete: () => f.current.length === r
+      }),
+      [u, l, v, r]
+    );
+    return fe(ge, M, F), ce(U, () => M, [M]), /* @__PURE__ */ re("div", { className: me({ className: $ }), children: [
+      V ? /* @__PURE__ */ I(
+        "label",
+        {
+          id: K,
+          htmlFor: `${B}-0`,
+          className: "type-label ds:text-foreground",
+          children: V
+        }
+      ) : null,
+      /* @__PURE__ */ I(
+        "div",
+        {
+          role: "group",
+          dir: "ltr",
+          "aria-labelledby": K,
+          "aria-invalid": O || void 0,
+          "aria-describedby": b.describedBy || void 0,
+          "aria-disabled": y || void 0,
+          "data-component": "otp-input",
+          "data-component-id": F,
+          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+          children: x.map((t, e) => {
+            const s = !y && e === v;
+            return /* @__PURE__ */ I(
+              "input",
+              {
+                ref: (o) => {
+                  P.current[e] = o;
+                },
+                id: `${B}-${e}`,
+                type: "text",
+                inputMode: i === "alphanumeric" ? "text" : "numeric",
+                pattern: i === "alphanumeric" ? "[A-Za-z0-9]*" : "[0-9]*",
+                autoCapitalize: i === "alphanumeric" ? "characters" : void 0,
+                autoComplete: e === 0 ? "one-time-code" : "off",
+                maxLength: 1,
+                value: t,
+                disabled: y,
+                tabIndex: s ? 0 : -1,
+                "aria-label": G(
+                  i === "alphanumeric" ? "inputs.otp.charLabel" : "inputs.otp.digitLabel",
+                  {
+                    current: e + 1,
+                    total: r
+                  }
+                ),
+                onChange: Q(e),
+                onKeyDown: Y(e),
+                onPaste: ee(e),
+                onFocus: te(e),
+                className: he({ tone: X })
+              },
+              e
+            );
+          })
+        }
+      ),
+      E ? /* @__PURE__ */ I("input", { type: "hidden", name: E, value: h, readOnly: !0 }) : null
+    ] });
+  }
+);
+Ie.displayName = "OTPInput";
+export {
+  Ie as O
+};
+//# sourceMappingURL=otp-input-xQ4Ps5VY.js.map

package/dist/_chunks/otp-input-xQ4Ps5VY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input-xQ4Ps5VY.js","sources":["../../src/components/otp-input/otp-input.agent.ts","../../src/components/otp-input/otp-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — OTPInput.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { OTPInputHandle } from './otp-input';\n\nexport const otpInputAgent: AgentAdapter<OTPInputHandle> = {\n  id: 'otp-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.otpInput.state.value',\n      description: 'Current digits entered, packed into a single string.',\n      read: (handle) => handle.getValue(),\n    },\n    isComplete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.otpInput.state.isComplete',\n      description: 'Whether all required digits have been entered.',\n      read: (handle) => handle.isComplete(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.otpInput.actions.setValue',\n      description: 'Replace the entered digits.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.otpInput.actions.clear',\n      description: 'Empty all digit cells. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.otpInput.actions.focus',\n      description: 'Move keyboard focus to the active digit cell.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'otp-input',\n      description:\n        'Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useWebOtp } from '../../hooks/use-web-otp';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { otpInputAgent } from './otp-input.agent';\n\nexport type OTPMode = 'numeric' | 'alphanumeric';\n\n/** Agent-readiness curated handle for OTPInput. */\nexport interface OTPInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n  isComplete: () => boolean;\n}\n\nconst wrapperVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]');\n\nconst boxVariants = cva(\n  [\n    'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive',\n      },\n    },\n    defaultVariants: { tone: 'default' },\n  },\n);\n\nexport interface OTPInputProps {\n  /**\n   * Number of boxes. Default 6. Any integer in [3, 10] is honoured;\n   * out-of-range values are clamped (with a DEV warning).\n   */\n  length?: number;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  /**\n   * Opt into Chrome-Android's WebOTP API for one-tap SMS autofill. When\n   * the browser surfaces a matching SMS-bound credential, the kit spreads\n   * the code across every digit box and fires `onComplete` automatically.\n   *\n   * Falls back silently to manual entry on Firefox / desktop / iOS — those\n   * platforms either don't ship the API at all or rely on the\n   * `autocomplete=\"one-time-code\"` QuickType heuristic the kit already\n   * applies to the first input.\n   *\n   * Prerequisites the prop can't enforce: page must be HTTPS, and the SMS\n   * body must end with `@<origin> #<code>` on its last line (Chrome's\n   * spec — without it the browser refuses to surface the message).\n   * Default `false` so the listener stays opt-in.\n   */\n  webOtp?: boolean;\n  /**\n   * When set, renders a hidden `<input name={name}>` kept in sync with the\n   * packed code so consumers can POST the OTP declaratively, e.g.\n   * `sms_code_form[code]`. Default off — no behaviour change.\n   */\n  name?: string;\n  /**\n   * Character set. `numeric` (default) accepts digits only (with Arabic-Indic\n   * digit folding) — byte-identical to prior behaviour. `alphanumeric` accepts\n   * `[A-Za-z0-9]`, uppercases the value, and switches the boxes to text input\n   * (for SMS codes that mix letters and digits).\n   */\n  mode?: OTPMode;\n}\n\nfunction normaliseDigits(str: string): string {\n  return str\n    .replace(/[\\u0660-\\u0669]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[\\u06F0-\\u06F9]/g, (c) => String(c.charCodeAt(0) - 0x06f0));\n}\n\nconst MIN_LENGTH = 3;\nconst MAX_LENGTH = 10;\n\n/** Clamp an arbitrary length into a sane range; DEV-warn if it had to. */\nfunction resolveLength(length: number): number {\n  // Fall back to the default for non-finite input (e.g. `length={parseInt(x)}`\n  // yielding NaN) so the component never reaches `new Array(NaN)`.\n  const n = Number.isFinite(length) ? Math.floor(length) : 6;\n  const clamped = Math.max(MIN_LENGTH, Math.min(MAX_LENGTH, n));\n  if (import.meta.env.DEV && clamped !== length) {\n    console.warn(\n      `[OTPInput] length ${length} is out of range [${MIN_LENGTH}, ${MAX_LENGTH}] \\u2014 clamped to ${clamped}.`,\n    );\n  }\n  return clamped;\n}\n\n/**\n * Filter + normalise a string to the mode's charset, then clamp to length.\n * - `numeric`: Arabic-Indic digits folded to ASCII, then digits only.\n * - `alphanumeric`: `[A-Za-z0-9]` only, uppercased (codes are uppercase and the\n *   server compares case-insensitively \\u2014 uppercasing keeps the display and the\n *   posted value consistent).\n */\nfunction packValue(value: string, length: number, mode: OTPMode): string {\n  const filtered =\n    mode === 'alphanumeric'\n      ? value.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n      : normaliseDigits(value).replace(/\\D/g, '');\n  return filtered.slice(0, length);\n}\n\nfunction valueToArray(value: string, length: number, mode: OTPMode): string[] {\n  const packed = packValue(value, length, mode);\n  const arr = new Array<string>(length).fill('');\n  for (let i = 0; i < packed.length; i += 1) {\n    arr[i] = packed[i];\n  }\n  return arr;\n}\n\nexport const OTPInput = forwardRef<OTPInputHandle, OTPInputProps>(\n  (\n    {\n      length: lengthProp = 6,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      disabled,\n      error,\n      label,\n      id,\n      className,\n      webOtp = false,\n      name,\n      mode = 'numeric',\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const length = resolveLength(lengthProp);\n    const ctx = useFormField();\n    const generatedLabelId = useId();\n    const labelId = label ? generatedLabelId : undefined;\n\n    const [internalValueRaw, setInternalValue] = useControllableState<string>({\n      value,\n      defaultValue: packValue(defaultValue ?? '', length, mode),\n    });\n    const currentValue = packValue(internalValueRaw ?? '', length, mode);\n    const digits = valueToArray(currentValue, length, mode);\n\n    const effectiveDisabled = ctx.disabled || Boolean(disabled);\n    const effectiveError = ctx.invalid || Boolean(error);\n    const effectiveTone = effectiveError ? 'error' : 'default';\n\n    const inputsRef = useRef<Array<HTMLInputElement | null>>([]);\n    const completedRef = useRef(currentValue.length === length);\n    const valueRef = useRef(currentValue);\n    valueRef.current = currentValue;\n\n    const computeInitialIndex = () => {\n      const firstEmpty = currentValue.length;\n      if (firstEmpty >= length) return length - 1;\n      return firstEmpty;\n    };\n    const [activeIndex, setActiveIndex] = useState<number>(computeInitialIndex);\n\n    useEffect(() => {\n      if (activeIndex >= length) setActiveIndex(length - 1);\n    }, [activeIndex, length]);\n\n    const focusBox = useCallback(\n      (index: number) => {\n        const clamped = Math.max(0, Math.min(length - 1, index));\n        setActiveIndex(clamped);\n        const node = inputsRef.current[clamped];\n        if (node) {\n          node.focus();\n          node.select();\n        }\n      },\n      [length],\n    );\n\n    const commit = useCallback(\n      (next: string) => {\n        const packed = packValue(next, length, mode);\n        setInternalValue(packed);\n        valueRef.current = packed;\n        onChange?.(packed);\n        if (packed.length === length) {\n          if (!completedRef.current) {\n            completedRef.current = true;\n            onComplete?.(packed);\n          }\n        } else {\n          completedRef.current = false;\n        }\n      },\n      [setInternalValue, length, mode, onChange, onComplete],\n    );\n\n    // WebOTP one-tap autofill. The hook silently no-ops when the API is\n    // unavailable (Firefox / Safari / desktop Chromium) — `commit()` is\n    // the same path manual entry takes, so `onChange` + `onComplete` fire\n    // identically whether the digits arrived via SMS, paste, or typing.\n    useWebOtp({\n      enabled: webOtp && !effectiveDisabled,\n      onCode: commit,\n    });\n\n    const handleChange =\n      (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const raw = event.target.value;\n        const norm =\n          mode === 'alphanumeric'\n            ? raw.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n            : normaliseDigits(raw).replace(/\\D/g, '');\n        const current = valueRef.current;\n\n        if (norm.length === 0) {\n          if (raw === '' && index < current.length) {\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n          }\n          return;\n        }\n\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleKeyDown =\n      (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        const current = valueRef.current;\n        if (event.key === 'Backspace') {\n          if (current[index]) {\n            event.preventDefault();\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n            return;\n          }\n          if (index > 0) {\n            event.preventDefault();\n            const newValue = current.slice(0, index - 1) + current.slice(index);\n            commit(newValue);\n            focusBox(index - 1);\n          }\n          return;\n        }\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          if (index > 0) focusBox(index - 1);\n          return;\n        }\n        if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          if (index < length - 1) focusBox(index + 1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          focusBox(0);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          focusBox(length - 1);\n        }\n      };\n\n    const handlePaste =\n      (index: number) => (event: ClipboardEvent<HTMLInputElement>) => {\n        const text = event.clipboardData.getData('text');\n        const stripped = text.replace(/\\s+/g, '');\n        const norm =\n          mode === 'alphanumeric'\n            ? stripped.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n            : normaliseDigits(stripped);\n        // numeric: reject the whole paste unless it is all digits (byte-identical\n        // to prior behaviour); alphanumeric: accept the stripped [A-Za-z0-9].\n        if (\n          mode === 'alphanumeric' ? norm.length === 0 : !/^[0-9]+$/.test(norm)\n        ) {\n          return;\n        }\n        event.preventDefault();\n        const current = valueRef.current;\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleFocus =\n      (index: number) => (event: FocusEvent<HTMLInputElement>) => {\n        setActiveIndex(index);\n        event.currentTarget.select();\n      };\n\n    const baseId = ctx.id;\n\n    const agentHandle = useMemo<OTPInputHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => commit(next),\n        clear: () => commit(''),\n        focus: () => focusBox(activeIndex),\n        isComplete: () => valueRef.current.length === length,\n      }),\n      [commit, focusBox, activeIndex, length],\n    );\n    useAgentRegistration(otpInputAgent, agentHandle, id);\n    // Expose the same imperative handle to React refs so consumers can\n    // focus / read / clear the field (e.g. focus the boxes on a step change).\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n\n    return (\n      <div className={wrapperVariants({ className })}>\n        {label ? (\n          <label\n            id={labelId}\n            htmlFor={`${baseId}-0`}\n            className=\"type-label ds:text-foreground\"\n          >\n            {label}\n          </label>\n        ) : null}\n        {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- aria-invalid is a global ARIA state; conveys group-level validation */}\n        <div\n          role=\"group\"\n          dir=\"ltr\"\n          aria-labelledby={labelId}\n          aria-invalid={effectiveError || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"otp-input\"\n          data-component-id={id}\n          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n        >\n          {digits.map((digit, index) => {\n            const isTabbable = !effectiveDisabled && index === activeIndex;\n            return (\n              <input\n                key={index}\n                ref={(node) => {\n                  inputsRef.current[index] = node;\n                }}\n                id={`${baseId}-${index}`}\n                type=\"text\"\n                inputMode={mode === 'alphanumeric' ? 'text' : 'numeric'}\n                pattern={mode === 'alphanumeric' ? '[A-Za-z0-9]*' : '[0-9]*'}\n                autoCapitalize={\n                  mode === 'alphanumeric' ? 'characters' : undefined\n                }\n                autoComplete={index === 0 ? 'one-time-code' : 'off'}\n                maxLength={1}\n                value={digit}\n                disabled={effectiveDisabled}\n                tabIndex={isTabbable ? 0 : -1}\n                aria-label={t(\n                  mode === 'alphanumeric'\n                    ? 'inputs.otp.charLabel'\n                    : 'inputs.otp.digitLabel',\n                  {\n                    current: index + 1,\n                    total: length,\n                  },\n                )}\n                onChange={handleChange(index)}\n                onKeyDown={handleKeyDown(index)}\n                onPaste={handlePaste(index)}\n                onFocus={handleFocus(index)}\n                className={boxVariants({ tone: effectiveTone })}\n              />\n            );\n          })}\n        </div>\n        {name ? (\n          <input type=\"hidden\" name={name} value={currentValue} readOnly />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = 'OTPInput';\n"],"names":["otpInputAgent","handle","args","wrapperVariants","cva","boxVariants","normaliseDigits","str","c","MIN_LENGTH","MAX_LENGTH","resolveLength","length","packValue","value","mode","valueToArray","packed","arr","i","OTPInput","forwardRef","lengthProp","defaultValue","onChange","onComplete","disabled","error","label","id","className","webOtp","name","ref","t","useTranslation","ctx","useFormField","generatedLabelId","useId","labelId","internalValueRaw","setInternalValue","useControllableState","currentValue","digits","effectiveDisabled","effectiveError","effectiveTone","inputsRef","useRef","completedRef","valueRef","computeInitialIndex","firstEmpty","activeIndex","setActiveIndex","useState","useEffect","focusBox","useCallback","index","clamped","node","commit","next","useWebOtp","handleChange","event","raw","norm","current","newValue","before","after","focusTarget","handleKeyDown","handlePaste","stripped","handleFocus","baseId","agentHandle","useMemo","useAgentRegistration","useImperativeHandle","jsx","digit","isTabbable"],"mappings":"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"}

package/dist/_chunks/{pdf-viewer-4odMFuFW.js → pdf-viewer-XxWdtKfD.js}

@@ -86,6 +86,11 @@ fe.GlobalWorkerOptions.workerSrc = Ce;
 const ke = J(
   [
     "ds:pdf-viewer-alfadocs ds:flex ds:flex-col",
+    // Allow the viewer to shrink below its content's intrinsic width when it
+    // sits in a constrained flex/grid context (mobile signing flows): without
+    // min-inline-size:0 the page canvas's natural width pins the flex item
+    // open, fit-width then measures that inflated width and never scales down.
+    "ds:min-w-0",
     "ds:gap-[var(--spacing-sm)]",
     "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
@@ -191,7 +196,7 @@ function Se(o, t, f) {
   const y = window.getComputedStyle(f), h = parseFloat(y.paddingInlineStart || "0") + parseFloat(y.paddingInlineEnd || "0"), g = parseFloat(y.paddingBlockStart || "0") + parseFloat(y.paddingBlockEnd || "0"), x = Math.max(f.clientWidth - h, 1), w = Math.max(f.clientHeight - g, 1), k = t.width, z = t.height;
   return o === "fit-width" ? x / k : Math.min(x / k, w / z);
 }
-const at = Ee(
+const st = Ee(
   ({
     id: o,
     src: t,
@@ -216,14 +221,14 @@ const at = Ee(
       const e = window.matchMedia("(prefers-reduced-motion: reduce)"), r = () => H(e.matches);
       return r(), e.addEventListener("change", r), () => e.removeEventListener("change", r);
     }, []);
-    const [s, Q] = b(null), [W, c] = b(null), [l, A] = b(f), [S, m] = b(y), [a, M] = b({ start: Math.max(1, f - 1), end: f + 1 }), [_, te] = b(""), [G, L] = b(!1), [O, me] = b(""), [Ie, Re] = b({ current: 0, total: 0 }), re = V(x), ne = V(w), ae = V(k);
+    const [a, Q] = b(null), [W, c] = b(null), [l, A] = b(f), [S, m] = b(y), [s, M] = b({ start: Math.max(1, f - 1), end: f + 1 }), [_, te] = b(""), [G, L] = b(!1), [O, me] = b(""), [Ie, Re] = b({ current: 0, total: 0 }), re = V(x), ne = V(w), se = V(k);
     C(() => {
-      re.current = x, ne.current = w, ae.current = k;
+      re.current = x, ne.current = w, se.current = k;
     }, [x, w, k]);
     const de = V(null);
     C(() => {
-      de.current = s;
-    }, [s]), C(() => {
+      de.current = a;
+    }, [a]), C(() => {
       let e = !1;
       Q(null), c(null);
       const r = {
@@ -257,7 +262,7 @@ const at = Ee(
           var Z;
           if (e) return;
           const R = i instanceof Error ? i : new Error(String(i));
-          c(R), (Z = ae.current) == null || Z.call(ae, R);
+          c(R), (Z = se.current) == null || Z.call(se, R);
         }
       ), () => {
         e = !0, u.destroy();
@@ -272,14 +277,14 @@ const at = Ee(
       };
     }, [t]), C(() => {
       var e;
-      s && (te(
-        d("pdf.pageOf", { current: l, total: s.numPages })
+      a && (te(
+        d("pdf.pageOf", { current: l, total: a.numPages })
       ), (e = re.current) == null || e.call(re, l));
-    }, [l, s, d]);
-    const se = V(null), ce = V([]), j = K(
+    }, [l, a, d]);
+    const ae = V(null), ce = V([]), j = K(
       (e) => {
-        if (!s) return;
-        const r = Math.max(1, Math.min(e, s.numPages));
+        if (!a) return;
+        const r = Math.max(1, Math.min(e, a.numPages));
         A(r);
         const u = ce.current[r - 1];
         u && u.scrollIntoView({
@@ -287,7 +292,7 @@ const at = Ee(
           block: "start"
         });
       },
-      [s, p]
+      [a, p]
     ), he = K((e) => {
       m(e);
     }, []), Y = K(() => {
@@ -306,7 +311,7 @@ const at = Ee(
     Le(I, () => le, [le]), Ke(Ge, le, o);
     const Te = K(
       (e) => {
-        if (!s) return;
+        if (!a) return;
         const r = e.metaKey || e.ctrlKey;
         if (e.key === "PageDown") {
           e.preventDefault(), j(l + 1);
@@ -321,7 +326,7 @@ const at = Ee(
           return;
         }
         if (e.key === "End") {
-          e.preventDefault(), j(s.numPages);
+          e.preventDefault(), j(a.numPages);
           return;
         }
         if (r && e.key.toLowerCase() === "f") {
@@ -344,13 +349,13 @@ const at = Ee(
         }
         r && e.key.toLowerCase() === "p" && (e.preventDefault(), Y());
       },
-      [l, j, Y, s]
+      [l, j, Y, a]
     ), ue = V(l);
     C(() => {
       ue.current = l;
     }, [l]), C(() => {
-      if (!s) return;
-      const e = se.current;
+      if (!a) return;
+      const e = ae.current;
       if (!e) return;
       const r = /* @__PURE__ */ new Map(), u = new IntersectionObserver(
         (i) => {
@@ -365,7 +370,7 @@ const at = Ee(
             $ > Z && (R = F, Z = $), $ > 0 && (q = Math.min(q, F), U = Math.max(U, F));
           Z > 0 && R !== ue.current && A(R), q !== 1 / 0 && M({
             start: Math.max(1, q - 1),
-            end: Math.min(s.numPages, U + 1)
+            end: Math.min(a.numPages, U + 1)
           });
         },
         { root: e, threshold: [0, 0.25, 0.5, 0.75, 1] }
@@ -373,10 +378,10 @@ const at = Ee(
       return ce.current.forEach((i) => {
         i && u.observe(i);
       }), () => u.disconnect();
-    }, [s]);
+    }, [a]);
     const [Ae, Oe] = b(0);
     C(() => {
-      const e = se.current;
+      const e = ae.current;
       if (!e || typeof ResizeObserver > "u") return;
       const r = new ResizeObserver(() => {
         (S === "fit-width" || S === "fit-page") && Oe((u) => u + 1);
@@ -427,10 +432,10 @@ const at = Ee(
           "data-pdfjs-worker-src": Ce,
           children: [
             z ? /* @__PURE__ */ n(
-              st,
+              at,
               {
                 currentPage: l,
-                numPages: (s == null ? void 0 : s.numPages) ?? 0,
+                numPages: (a == null ? void 0 : a.numPages) ?? 0,
                 zoom: S,
                 onPrev: () => j(l - 1),
                 onNext: () => j(l + 1),
@@ -466,24 +471,24 @@ const at = Ee(
             /* @__PURE__ */ n(
               "div",
               {
-                ref: se,
+                ref: ae,
                 className: tt(),
                 "data-testid": "pdf-pages-container",
                 tabIndex: 0,
                 "aria-label": d("pdf.pagesRegionLabel"),
-                children: s ? Array.from({ length: s.numPages }, (e, r) => r + 1).map(
+                children: a ? Array.from({ length: a.numPages }, (e, r) => r + 1).map(
                   (e) => /* @__PURE__ */ n(
                     ot,
                     {
                       pageNumber: e,
-                      totalPages: s.numPages,
-                      doc: s.doc,
+                      totalPages: a.numPages,
+                      doc: a.doc,
                       zoom: S,
                       pageRotation: h,
                       renderPageOverlay: g,
-                      container: se.current,
+                      container: ae.current,
                       resizeTick: Ae,
-                      shouldRender: e >= a.start && e <= a.end,
+                      shouldRender: e >= s.start && e <= s.end,
                       registerRef: (r) => {
                         ce.current[e - 1] = r;
                       },
@@ -509,8 +514,8 @@ const at = Ee(
     );
   }
 );
-at.displayName = "PDFViewer";
-function st(o) {
+st.displayName = "PDFViewer";
+function at(o) {
   const { t } = pe(), {
     currentPage: f,
     numPages: y,
@@ -530,7 +535,7 @@ function st(o) {
     searchMatches: E,
     register: p,
     focusIndex: H,
-    setFocusIndex: s,
+    setFocusIndex: a,
     onToolbarKeyDown: Q
   } = o, [W, c] = b(String(f));
   C(() => {
@@ -538,30 +543,30 @@ function st(o) {
   }, [f]);
   const l = f <= 1, A = f >= y;
   function S() {
-    const a = Number(W);
-    Number.isFinite(a) && a >= 1 ? w(Math.min(a, y)) : c(String(f));
+    const s = Number(W);
+    Number.isFinite(s) && s >= 1 ? w(Math.min(s, y)) : c(String(f));
   }
-  function m(a) {
+  function m(s) {
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        ref: p(a.index),
-        tabIndex: a.index === H ? 0 : -1,
-        onFocus: () => s(a.index),
+        ref: p(s.index),
+        tabIndex: s.index === H ? 0 : -1,
+        onFocus: () => a(s.index),
         onKeyDown: Q,
-        "aria-label": a.label,
-        "aria-disabled": a.disabled || void 0,
-        title: a.label,
+        "aria-label": s.label,
+        "aria-disabled": s.disabled || void 0,
+        title: s.label,
         onClick: (M) => {
-          if (a.disabled) {
+          if (s.disabled) {
             M.preventDefault();
             return;
           }
-          a.onActivate();
+          s.onActivate();
         },
         className: ze(),
-        children: a.icon
+        children: s.icon
       }
     );
   }
@@ -605,12 +610,12 @@ function st(o) {
             min: 1,
             max: Math.max(y, 1),
             value: W,
-            onChange: (a) => c(a.target.value),
-            onKeyDown: (a) => {
-              a.key === "Enter" && (a.preventDefault(), S());
+            onChange: (s) => c(s.target.value),
+            onKeyDown: (s) => {
+              s.key === "Enter" && (s.preventDefault(), S());
             },
             onBlur: S,
-            onFocus: () => s(2),
+            onFocus: () => a(2),
             ref: p(2),
             tabIndex: H === 2 ? 0 : -1,
             "aria-label": t("pdf.currentPageInput"),
@@ -661,8 +666,8 @@ function st(o) {
           {
             "aria-label": t("pdf.zoom.preset"),
             value: typeof h == "number" ? String(h) : h,
-            onChange: (a) => {
-              const M = a.target.value;
+            onChange: (s) => {
+              const M = s.target.value;
               if (M === "fit-width" || M === "fit-page" || M === "actual-size")
                 T(M);
               else {
@@ -672,14 +677,14 @@ function st(o) {
             },
             ref: p(5),
             tabIndex: H === 5 ? 0 : -1,
-            onFocus: () => s(5),
+            onFocus: () => a(5),
             onKeyDown: Q,
             className: et(),
             children: [
               /* @__PURE__ */ n("option", { value: "fit-width", children: t("pdf.zoom.fitWidth") }),
               /* @__PURE__ */ n("option", { value: "fit-page", children: t("pdf.zoom.fitPage") }),
               /* @__PURE__ */ n("option", { value: "actual-size", children: t("pdf.zoom.actualSize") }),
-              nt.filter(X).map((a) => /* @__PURE__ */ n("option", { value: String(a), children: `${Math.round(a * 100)}%` }, a))
+              nt.filter(X).map((s) => /* @__PURE__ */ n("option", { value: String(s), children: `${Math.round(s * 100)}%` }, s))
             ]
           }
         ),
@@ -715,7 +720,7 @@ function st(o) {
                     type: "search",
                     autoFocus: !0,
                     value: N,
-                    onChange: (a) => v(a.target.value),
+                    onChange: (s) => v(s.target.value),
                     placeholder: t("pdf.search.placeholder"),
                     "aria-label": t("pdf.search.placeholder"),
                     className: Pe({
@@ -802,7 +807,7 @@ function ot(o) {
       height: Math.floor(S.height)
     });
   }, [p, h, w, k, g]);
-  const s = g ?? (p == null ? void 0 : p.rotate) ?? 0;
+  const a = g ?? (p == null ? void 0 : p.rotate) ?? 0;
   C(() => {
     if (!p || !z) {
       const O = P.current;
@@ -813,7 +818,7 @@ function ot(o) {
     if (!c) return;
     const A = c.getContext("2d");
     if (!A) return;
-    const S = (O) => g === void 0 ? { scale: O } : { scale: O, rotation: g }, m = p.getViewport(S(1)), a = Se(h, m, w), M = p.getViewport(S(a)), _ = Math.max(1, window.devicePixelRatio || 1);
+    const S = (O) => g === void 0 ? { scale: O } : { scale: O, rotation: g }, m = p.getViewport(S(1)), s = Se(h, m, w), M = p.getViewport(S(s)), _ = Math.max(1, window.devicePixelRatio || 1);
     c.width = Math.floor(M.width * _), c.height = Math.floor(M.height * _), A.setTransform(_, 0, 0, _, 0, 0);
     const te = p.render({
       canvas: c,
@@ -905,7 +910,7 @@ function ot(o) {
               pageNumber: t,
               pageWidthCss: v.width,
               pageHeightCss: v.height,
-              rotation: s
+              rotation: a
             })
           }
         ) : null
@@ -954,7 +959,7 @@ function Ne(o, t, f) {
   }), f(T);
 }
 export {
-  at as P,
+  st as P,
   Ge as p
 };
-//# sourceMappingURL=pdf-viewer-4odMFuFW.js.map
+//# sourceMappingURL=pdf-viewer-XxWdtKfD.js.map