@alfadocs/ui-kit 0.0.19 → 0.1.0

package/dist/_chunks/{number-input-B1Th0DdC.js → number-input-D7rSa_ef.js}

@@ -1,35 +1,35 @@
-import { jsxs as ce, jsx as I } from "react/jsx-runtime";
-import { useMemo as de, forwardRef as fe, useState as B, useCallback as $, useRef as me, useEffect as pe } from "react";
+import { jsxs as le, jsx as I } from "react/jsx-runtime";
+import { useMemo as ce, forwardRef as fe, useState as B, useCallback as $, useRef as me, useEffect as pe } from "react";
 import { c as ve } from "./index-D2ZczOXr.js";
 import { useTranslation as be } from "react-i18next";
 import { u as ge } from "./form-field-context-94LwgYTQ.js";
 import { C as Ne } from "./chevron-down-BX_NP2Yh.js";
 import { C as he } from "./chevron-up-zOEDrmBB.js";
-function we(o) {
+function we(s) {
   let r = "";
-  for (const s of o) {
-    const t = s.codePointAt(0);
-    t !== void 0 && (t >= 1632 && t <= 1641 ? r += String.fromCodePoint(48 + (t - 1632)) : t >= 1776 && t <= 1785 ? r += String.fromCodePoint(48 + (t - 1776)) : r += s);
+  for (const a of s) {
+    const t = a.codePointAt(0);
+    t !== void 0 && (t >= 1632 && t <= 1641 ? r += String.fromCodePoint(48 + (t - 1632)) : t >= 1776 && t <= 1785 ? r += String.fromCodePoint(48 + (t - 1776)) : r += a);
   }
   return r;
 }
-function ye(o, r, s) {
-  return de(() => {
+function ye(s, r, a) {
+  return ce(() => {
     var S, C;
-    const t = new Intl.NumberFormat(o).formatToParts(1234.5), u = ((S = t.find((l) => l.type === "decimal")) == null ? void 0 : S.value) ?? ".", F = ((C = t.find((l) => l.type === "group")) == null ? void 0 : C.value) ?? ",", d = r === "currency" ? new Intl.NumberFormat(o, {
+    const t = new Intl.NumberFormat(s).formatToParts(1234.5), u = ((S = t.find((d) => d.type === "decimal")) == null ? void 0 : S.value) ?? ".", F = ((C = t.find((d) => d.type === "group")) == null ? void 0 : C.value) ?? ",", c = r === "currency" ? new Intl.NumberFormat(s, {
       style: "currency",
-      currency: s ?? "USD"
-    }) : r === "percentage" ? new Intl.NumberFormat(o, {
+      currency: a ?? "USD"
+    }) : r === "percentage" ? new Intl.NumberFormat(s, {
       style: "percent",
       maximumFractionDigits: 4
-    }) : r === "integer" ? new Intl.NumberFormat(o, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(o, { maximumFractionDigits: 10 }), T = (l) => Number.isFinite(l) ? d.format(l) : "", P = (l) => {
-      if (!l) return NaN;
-      const M = we(l), b = M.trim(), w = b.startsWith("-") || b.startsWith("−");
-      let c = "";
+    }) : r === "integer" ? new Intl.NumberFormat(s, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(s, { maximumFractionDigits: 10 }), T = (d) => Number.isFinite(d) ? c.format(d) : "", P = (d) => {
+      if (!d) return NaN;
+      const M = we(d), b = M.trim(), w = b.startsWith("-") || b.startsWith("−");
+      let l = "";
       for (const g of M)
-        g >= "0" && g <= "9" ? c += g : g === u && (c += ".");
-      if (!c || c === ".") return NaN;
-      let f = Number(c);
+        g >= "0" && g <= "9" ? l += g : g === u && (l += ".");
+      if (!l || l === ".") return NaN;
+      let f = Number(l);
       return Number.isFinite(f) ? (w && (f = -f), r === "percentage" && (f = f / 100), f) : NaN;
     };
     let v = "decimal";
@@ -37,11 +37,11 @@ function ye(o, r, s) {
       v = "numeric";
     else if (r === "currency")
       try {
-        const { maximumFractionDigits: l } = new Intl.NumberFormat(o, {
+        const { maximumFractionDigits: d } = new Intl.NumberFormat(s, {
           style: "currency",
-          currency: s ?? "USD"
+          currency: a ?? "USD"
         }).resolvedOptions();
-        v = l === 0 ? "numeric" : "decimal";
+        v = d === 0 ? "numeric" : "decimal";
       } catch {
         v = "decimal";
       }
@@ -52,27 +52,27 @@ function ye(o, r, s) {
       groupingSeparator: F,
       inputMode: v
     };
-  }, [o, r, s]);
+  }, [s, r, a]);
 }
 const De = ve(
   [
-    "flex items-center w-full rounded-[var(--radius-sm)]",
-    "border bg-background text-foreground",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "focus-within:outline-[length:var(--focus-ring-width)] focus-within:outline-solid",
-    "focus-within:outline-ring focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50"
+    "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-background ds:text-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
+    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "h-8 text-[var(--font-size-sm)]",
-        md: "h-[var(--min-target-size)] text-[var(--font-size-base)]",
-        lg: "h-12 text-[var(--font-size-lg)]"
+        sm: "ds:h-8 ds:text-[var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[var(--font-size-lg)]"
       },
       tone: {
-        default: "border-border",
-        error: "border-destructive focus-within:outline-destructive"
+        default: "ds:border-border",
+        error: "ds:border-destructive ds:focus-within:outline-destructive"
       }
     },
     defaultVariants: { size: "md", tone: "default" }
@@ -84,45 +84,45 @@ const De = ve(
   "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
   "disabled:cursor-not-allowed disabled:opacity-50"
 ].join(" "), xe = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
-function Ie(o) {
-  if (!Number.isFinite(o)) return 0;
-  const r = String(o), s = r.indexOf(".");
-  return s === -1 ? 0 : r.length - s - 1;
+function Ie(s) {
+  if (!Number.isFinite(s)) return 0;
+  const r = String(s), a = r.indexOf(".");
+  return a === -1 ? 0 : r.length - a - 1;
 }
-function Fe(o, r) {
-  if (r <= 0 || !Number.isFinite(r)) return o;
+function Fe(s, r) {
+  if (r <= 0 || !Number.isFinite(r)) return s;
   const t = 10 ** Ie(r);
-  return Math.round(o * t) / t;
+  return Math.round(s * t) / t;
 }
 const Se = fe(
   ({
-    value: o,
+    value: s,
     defaultValue: r,
-    onChange: s,
+    onChange: a,
     min: t,
     max: u,
     step: F = 1,
-    mode: d = "integer",
+    mode: c = "integer",
     currency: T,
     locale: P,
     size: v = "md",
     tone: S,
     className: C,
-    id: l,
+    id: d,
     disabled: M,
     onFocus: b,
     onBlur: w,
-    onKeyDown: c,
+    onKeyDown: l,
     ...f
   }, g) => {
-    const { t: A } = be(), y = ge(), G = l ?? y.id, z = !!(y.disabled || M), J = P ?? xe(), j = ye(J, d, T), { decimalSeparator: E, format: k, parse: L } = j, R = o !== void 0, [Q, X] = B(
+    const { t: A } = be(), y = ge(), G = d ?? y.id, z = !!(y.disabled || M), J = P ?? xe(), j = ye(J, c, T), { decimalSeparator: E, format: k, parse: L } = j, R = s !== void 0, [Q, X] = B(
       r ?? null
-    ), i = R ? o ?? null : Q, U = $(
+    ), i = R ? s ?? null : Q, U = $(
       (e) => {
-        const n = d === "percentage" ? e * 100 : e;
+        const n = c === "percentage" ? e * 100 : e;
         return (Number.isInteger(n) ? String(n) : n.toString()).replace(".", E);
       },
-      [d, E]
+      [c, E]
     ), p = $(
       (e) => e == null || Number.isNaN(e) ? "" : k(e),
       [k]
@@ -133,28 +133,28 @@ const Se = fe(
       D.current || m(p(i));
     }, [i, p]);
     const Z = Y || i !== null && (t !== void 0 && i < t || u !== void 0 && i > u), q = y.invalid || Z, _ = q ? "error" : S ?? "default", N = (e) => {
-      R || X(e), s == null || s(e);
+      R || X(e), a == null || a(e);
     }, h = (e) => {
-      let a = (i ?? 0) + F * e;
-      t !== void 0 && (a = Math.max(t, a)), u !== void 0 && (a = Math.min(u, a)), a = Fe(a, F), N(a), x(!1), m(
-        D.current ? U(a) : p(a)
+      let o = (i ?? 0) + F * e;
+      t !== void 0 && (o = Math.max(t, o)), u !== void 0 && (o = Math.min(u, o)), o = Fe(o, F), N(o), x(!1), m(
+        D.current ? U(o) : p(o)
       );
     }, O = (e) => {
       N(e), x(!1), m(
         D.current ? U(e) : p(e)
       );
     }, K = (e) => {
-      if (c == null || c(e), e.defaultPrevented || z) return;
-      const { key: n, shiftKey: a } = e;
-      n === "ArrowUp" ? (e.preventDefault(), h(a ? 10 : 1)) : n === "ArrowDown" ? (e.preventDefault(), h(a ? -10 : -1)) : n === "PageUp" ? (e.preventDefault(), h(100)) : n === "PageDown" ? (e.preventDefault(), h(-100)) : n === "Home" && t !== void 0 ? (e.preventDefault(), O(t)) : n === "End" && u !== void 0 && (e.preventDefault(), O(u));
+      if (l == null || l(e), e.defaultPrevented || z) return;
+      const { key: n, shiftKey: o } = e;
+      n === "ArrowUp" ? (e.preventDefault(), h(o ? 10 : 1)) : n === "ArrowDown" ? (e.preventDefault(), h(o ? -10 : -1)) : n === "PageUp" ? (e.preventDefault(), h(100)) : n === "PageDown" ? (e.preventDefault(), h(-100)) : n === "Home" && t !== void 0 ? (e.preventDefault(), O(t)) : n === "End" && u !== void 0 && (e.preventDefault(), O(u));
     }, ee = (e) => {
       const n = e.target.value;
       if (m(n), n.trim() === "") {
         N(null), x(!1);
         return;
       }
-      const a = L(n);
-      Number.isNaN(a) || N(a);
+      const o = L(n);
+      Number.isNaN(o) || N(o);
     }, te = (e) => {
       b == null || b(e), D.current = !0, i != null && m(U(i));
     }, re = (e) => {
@@ -167,12 +167,12 @@ const Se = fe(
         m(p(i));
         return;
       }
-      const a = t !== void 0 && n < t || u !== void 0 && n > u;
-      x(a), N(n), m(p(n));
+      const o = t !== void 0 && n < t || u !== void 0 && n > u;
+      x(o), N(n), m(p(n));
     }, W = (e) => {
       e.preventDefault();
-    }, ne = () => h(1), ie = () => h(-1), oe = z || t !== void 0 && i !== null && i <= t, ae = z || u !== void 0 && i !== null && i >= u, se = i ?? void 0, ue = (d === "currency" || d === "percentage") && i !== null && i !== null ? k(i) : void 0, le = j.inputMode === "numeric" ? "[0-9]*" : void 0;
-    return /* @__PURE__ */ ce(
+    }, ne = () => h(1), ie = () => h(-1), se = z || t !== void 0 && i !== null && i <= t, oe = z || u !== void 0 && i !== null && i >= u, ae = i ?? void 0, ue = (c === "currency" || c === "percentage") && i !== null && i !== null ? k(i) : void 0, de = j.inputMode === "numeric" ? "[0-9]*" : void 0;
+    return /* @__PURE__ */ le(
       "div",
       {
         className: De({
@@ -180,7 +180,7 @@ const Se = fe(
           tone: _,
           className: C
         }),
-        "data-mode": d,
+        "data-mode": c,
         children: [
           /* @__PURE__ */ I(
             "button",
@@ -190,9 +190,9 @@ const Se = fe(
               "aria-label": A("ui.inputs.number.decrement", "Decrement"),
               onClick: ie,
               onMouseDown: W,
-              disabled: oe,
-              className: `${H} ps-2 pe-1`,
-              children: /* @__PURE__ */ I(Ne, { "aria-hidden": "true", className: "size-4" })
+              disabled: se,
+              className: `${H} ds:ps-2 ds:pe-1`,
+              children: /* @__PURE__ */ I(Ne, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
           /* @__PURE__ */ I(
@@ -203,13 +203,13 @@ const Se = fe(
               type: "text",
               role: "spinbutton",
               inputMode: j.inputMode,
-              pattern: le,
+              pattern: de,
               autoComplete: "off",
               value: V,
               disabled: z,
               "aria-valuemin": t,
               "aria-valuemax": u,
-              "aria-valuenow": se,
+              "aria-valuenow": ae,
               "aria-valuetext": ue,
               "aria-invalid": q || void 0,
               "aria-required": y.required || void 0,
@@ -218,7 +218,7 @@ const Se = fe(
               onFocus: te,
               onBlur: re,
               onKeyDown: K,
-              className: "flex-1 w-full min-w-0 bg-transparent outline-none ps-2 pe-2 text-start tabular-nums disabled:cursor-not-allowed",
+              className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
               ...f
             }
           ),
@@ -230,9 +230,9 @@ const Se = fe(
               "aria-label": A("ui.inputs.number.increment", "Increment"),
               onClick: ne,
               onMouseDown: W,
-              disabled: ae,
-              className: `${H} ps-1 pe-2`,
-              children: /* @__PURE__ */ I(he, { "aria-hidden": "true", className: "size-4" })
+              disabled: oe,
+              className: `${H} ds:ps-1 ds:pe-2`,
+              children: /* @__PURE__ */ I(he, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
         ]
@@ -245,4 +245,4 @@ export {
   Se as N,
   ye as u
 };
-//# sourceMappingURL=number-input-B1Th0DdC.js.map
+//# sourceMappingURL=number-input-D7rSa_ef.js.map

package/dist/_chunks/number-input-D7rSa_ef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-D7rSa_ef.js","sources":["../../src/components/number-input/use-locale-number.ts","../../src/components/number-input/number-input.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type NumberInputMode = 'integer' | 'decimal' | 'currency' | 'percentage';\n\nexport interface LocaleNumber {\n  /** Format a JS number for display (e.g. `1234.5` → `1.234,5` in de-DE). */\n  format: (value: number) => string;\n  /** Parse a locale-formatted string back to a JS number. Returns `NaN` for invalid input. */\n  parse: (text: string) => number;\n  /** The decimal separator for this locale (e.g. `.` or `,`). */\n  decimalSeparator: string;\n  /** The grouping separator for this locale (e.g. `,` or `.` or ` `). */\n  groupingSeparator: string;\n  /** The correct `inputMode` for the virtual keyboard. */\n  inputMode: 'numeric' | 'decimal';\n}\n\nfunction normalizeDigits(text: string): string {\n  let result = '';\n  for (const ch of text) {\n    const code = ch.codePointAt(0);\n    if (code === undefined) continue;\n    if (code >= 0x0660 && code <= 0x0669) {\n      result += String.fromCodePoint(0x30 + (code - 0x0660));\n    } else if (code >= 0x06f0 && code <= 0x06f9) {\n      result += String.fromCodePoint(0x30 + (code - 0x06f0));\n    } else {\n      result += ch;\n    }\n  }\n  return result;\n}\n\nexport function useLocaleNumber(\n  locale: string,\n  mode: NumberInputMode,\n  currency?: string,\n): LocaleNumber {\n  return useMemo(() => {\n    const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n    const decimalSeparator =\n      parts.find((p) => p.type === 'decimal')?.value ?? '.';\n    const groupingSeparator =\n      parts.find((p) => p.type === 'group')?.value ?? ',';\n\n    const displayFormatter: Intl.NumberFormat = (() => {\n      if (mode === 'currency') {\n        return new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        });\n      }\n      if (mode === 'percentage') {\n        return new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 4,\n        });\n      }\n      if (mode === 'integer') {\n        return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });\n      }\n      return new Intl.NumberFormat(locale, { maximumFractionDigits: 10 });\n    })();\n\n    const format = (value: number): string => {\n      if (!Number.isFinite(value)) return '';\n      return displayFormatter.format(value);\n    };\n\n    const parse = (text: string): number => {\n      if (!text) return NaN;\n      const normalized = normalizeDigits(text);\n      const trimmed = normalized.trim();\n      const hasMinus =\n        trimmed.startsWith('-') || trimmed.startsWith('\\u2212');\n\n      let cleaned = '';\n      for (const ch of normalized) {\n        if (ch >= '0' && ch <= '9') {\n          cleaned += ch;\n        } else if (ch === decimalSeparator) {\n          cleaned += '.';\n        }\n      }\n      if (!cleaned || cleaned === '.') return NaN;\n\n      let n = Number(cleaned);\n      if (!Number.isFinite(n)) return NaN;\n      if (hasMinus) n = -n;\n      if (mode === 'percentage') n = n / 100;\n      return n;\n    };\n\n    let inputMode: 'numeric' | 'decimal' = 'decimal';\n    if (mode === 'integer') {\n      inputMode = 'numeric';\n    } else if (mode === 'currency') {\n      try {\n        const { maximumFractionDigits } = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        }).resolvedOptions();\n        inputMode = maximumFractionDigits === 0 ? 'numeric' : 'decimal';\n      } catch {\n        inputMode = 'decimal';\n      }\n    }\n\n    return {\n      format,\n      parse,\n      decimalSeparator,\n      groupingSeparator,\n      inputMode,\n    };\n  }, [locale, mode, currency]);\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  useLocaleNumber,\n  type NumberInputMode,\n} from './use-locale-number';\n\nconst numberInputVariants = cva(\n  [\n    'ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-background ds:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst spinnerButton = [\n  'inline-flex items-center justify-center',\n  'h-full shrink-0',\n  'text-muted-foreground hover:text-foreground',\n  'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n].join(' ');\n\nexport type { NumberInputMode };\n\nexport interface NumberInputProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'onChange' | 'value' | 'defaultValue' | 'size'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Current numeric value (controlled). */\n  value?: number | null;\n  /** Initial value (uncontrolled). */\n  defaultValue?: number;\n  /** Fires with the parsed number (not a string). `null` when the field is empty. */\n  onChange?: (value: number | null) => void;\n  /** Minimum allowed value. Maps to `aria-valuemin`. */\n  min?: number;\n  /** Maximum allowed value. Maps to `aria-valuemax`. */\n  max?: number;\n  /** Increment step. Defaults to `1`. */\n  step?: number;\n  /** Display/parse mode. Defaults to `'integer'`. */\n  mode?: NumberInputMode;\n  /** ISO 4217 currency code, required when `mode='currency'`. */\n  currency?: string;\n  /** BCP 47 locale. Defaults to `navigator.language` or `'en-US'`. */\n  locale?: string;\n  /** Size variant. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Additional class names on the wrapper. */\n  className?: string;\n}\n\nconst resolveDefaultLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language;\n  }\n  return 'en-US';\n};\n\nfunction decimalPlaces(n: number): number {\n  if (!Number.isFinite(n)) return 0;\n  const s = String(n);\n  const dot = s.indexOf('.');\n  if (dot === -1) return 0;\n  return s.length - dot - 1;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 0 || !Number.isFinite(step)) return value;\n  const precision = decimalPlaces(step);\n  const factor = 10 ** precision;\n  return Math.round(value * factor) / factor;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      min,\n      max,\n      step = 1,\n      mode = 'integer',\n      currency,\n      locale,\n      size = 'md',\n      tone,\n      className,\n      id,\n      disabled,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const resolvedLocale = locale ?? resolveDefaultLocale();\n    const localeNumber = useLocaleNumber(resolvedLocale, mode, currency);\n    const { decimalSeparator, format: localeFormat, parse: localeParse } =\n      localeNumber;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(\n      defaultValue ?? null,\n    );\n    const currentValue: number | null = isControlled\n      ? (value ?? null)\n      : internalValue;\n\n    const formatForEdit = useCallback(\n      (n: number): string => {\n        const displayed = mode === 'percentage' ? n * 100 : n;\n        const raw = Number.isInteger(displayed)\n          ? String(displayed)\n          : displayed.toString();\n        return raw.replace('.', decimalSeparator);\n      },\n      [mode, decimalSeparator],\n    );\n\n    const formatCurrent = useCallback(\n      (n: number | null | undefined): string =>\n        n === null || n === undefined || Number.isNaN(n) ? '' : localeFormat(n),\n      [localeFormat],\n    );\n\n    const [inputText, setInputText] = useState<string>(() =>\n      formatCurrent(currentValue),\n    );\n    const isFocusedRef = useRef(false);\n    const [crossedBounds, setCrossedBounds] = useState(false);\n\n    useEffect(() => {\n      if (!isFocusedRef.current) {\n        setInputText(formatCurrent(currentValue));\n      }\n    }, [currentValue, formatCurrent]);\n\n    const computedInvalid =\n      crossedBounds ||\n      (currentValue !== null &&\n        ((min !== undefined && currentValue < min) ||\n          (max !== undefined && currentValue > max)));\n    const ariaInvalid = ctx.invalid || computedInvalid;\n    const effectiveTone: 'default' | 'error' = ariaInvalid\n      ? 'error'\n      : tone ?? 'default';\n\n    const commitValue = (next: number | null) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const applyDelta = (multiplier: number) => {\n      const base = currentValue ?? 0;\n      let next = base + step * multiplier;\n      if (min !== undefined) next = Math.max(min, next);\n      if (max !== undefined) next = Math.min(max, next);\n      next = roundToStep(next, step);\n      commitValue(next);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(next) : formatCurrent(next),\n      );\n    };\n\n    const jumpTo = (target: number) => {\n      commitValue(target);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(target) : formatCurrent(target),\n      );\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented) return;\n      if (effectiveDisabled) return;\n\n      const { key, shiftKey } = event;\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        applyDelta(shiftKey ? 10 : 1);\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        applyDelta(shiftKey ? -10 : -1);\n      } else if (key === 'PageUp') {\n        event.preventDefault();\n        applyDelta(100);\n      } else if (key === 'PageDown') {\n        event.preventDefault();\n        applyDelta(-100);\n      } else if (key === 'Home' && min !== undefined) {\n        event.preventDefault();\n        jumpTo(min);\n      } else if (key === 'End' && max !== undefined) {\n        event.preventDefault();\n        jumpTo(max);\n      }\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setInputText(text);\n      if (text.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        return;\n      }\n      const parsed = localeParse(text);\n      if (!Number.isNaN(parsed)) {\n        commitValue(parsed);\n      }\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      isFocusedRef.current = true;\n      if (currentValue !== null && currentValue !== undefined) {\n        setInputText(formatForEdit(currentValue));\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(event);\n      isFocusedRef.current = false;\n\n      if (inputText.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        setInputText('');\n        return;\n      }\n      const parsed = localeParse(inputText);\n      if (Number.isNaN(parsed)) {\n        setInputText(formatCurrent(currentValue));\n        return;\n      }\n      const crossed =\n        (min !== undefined && parsed < min) ||\n        (max !== undefined && parsed > max);\n      setCrossedBounds(crossed);\n      commitValue(parsed);\n      setInputText(formatCurrent(parsed));\n    };\n\n    const preventButtonBlur = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n    };\n\n    const handleIncrement = () => applyDelta(1);\n    const handleDecrement = () => applyDelta(-1);\n\n    const decrementDisabled =\n      effectiveDisabled ||\n      (min !== undefined && currentValue !== null && currentValue <= min);\n    const incrementDisabled =\n      effectiveDisabled ||\n      (max !== undefined && currentValue !== null && currentValue >= max);\n\n    const valueNow = currentValue ?? undefined;\n    const valueTextNeeded =\n      (mode === 'currency' || mode === 'percentage') && currentValue !== null;\n    const valueText =\n      valueTextNeeded && currentValue !== null\n        ? localeFormat(currentValue)\n        : undefined;\n\n    const patternAttr =\n      localeNumber.inputMode === 'numeric' ? '[0-9]*' : undefined;\n\n    return (\n      <div\n        className={numberInputVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n        data-mode={mode}\n      >\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('ui.inputs.number.decrement', 'Decrement')}\n          onClick={handleDecrement}\n          onMouseDown={preventButtonBlur}\n          disabled={decrementDisabled}\n          className={`${spinnerButton} ds:ps-2 ds:pe-1`}\n        >\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n        <input\n          ref={ref}\n          id={inputId}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode={localeNumber.inputMode}\n          pattern={patternAttr}\n          autoComplete=\"off\"\n          value={inputText}\n          disabled={effectiveDisabled}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={valueNow}\n          aria-valuetext={valueText}\n          aria-invalid={ariaInvalid || undefined}\n          aria-required={ctx.required || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          onChange={handleInputChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          className=\"ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed\"\n          {...rest}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('ui.inputs.number.increment', 'Increment')}\n          onClick={handleIncrement}\n          onMouseDown={preventButtonBlur}\n          disabled={incrementDisabled}\n          className={`${spinnerButton} ds:ps-1 ds:pe-2`}\n        >\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["normalizeDigits","text","result","ch","code","useLocaleNumber","locale","mode","currency","useMemo","parts","decimalSeparator","_a","p","groupingSeparator","_b","displayFormatter","format","value","parse","normalized","trimmed","hasMinus","cleaned","n","inputMode","maximumFractionDigits","numberInputVariants","cva","spinnerButton","resolveDefaultLocale","decimalPlaces","s","dot","roundToStep","step","factor","NumberInput","forwardRef","defaultValue","onChange","min","max","size","tone","className","id","disabled","onFocus","onBlur","onKeyDown","rest","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","resolvedLocale","localeNumber","localeFormat","localeParse","isControlled","internalValue","setInternalValue","useState","currentValue","formatForEdit","useCallback","displayed","formatCurrent","inputText","setInputText","isFocusedRef","useRef","crossedBounds","setCrossedBounds","useEffect","computedInvalid","ariaInvalid","effectiveTone","commitValue","next","applyDelta","multiplier","jumpTo","target","handleKeyDown","event","key","shiftKey","handleInputChange","parsed","handleFocus","handleBlur","crossed","preventButtonBlur","handleIncrement","handleDecrement","decrementDisabled","incrementDisabled","valueNow","valueText","patternAttr","jsxs","jsx","ChevronDown","ChevronUp"],"mappings":"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"}

package/dist/_chunks/{otp-input-CmoBuZ4K.js → otp-input-C9R9sC74.js}

@@ -2,22 +2,22 @@ import { jsxs as x, jsx as h } from "react/jsx-runtime";
 import { forwardRef as C, useId as tt, useState as P, useRef as R, useEffect as et, useCallback as $ } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as rt } from "react-i18next";
-import { u as ot } from "./form-field-context-94LwgYTQ.js";
-const st = j("flex flex-col gap-[var(--spacing-xs)]"), at = j(
+import { u as st } from "./form-field-context-94LwgYTQ.js";
+const ot = j("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), at = j(
   [
-    "w-[var(--min-target-size)] h-[var(--min-target-size)]",
-    "rounded-[var(--radius-sm)]",
-    "border bg-background text-foreground text-center font-medium text-[var(--font-size-lg)]",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "disabled:cursor-not-allowed disabled:opacity-50"
+    "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-background ds:text-foreground ds:text-center ds:font-medium ds:text-[var(--font-size-lg)]",
+    "ds:transition-colors 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: "border-border",
-        error: "border-destructive"
+        default: "ds:border-border",
+        error: "ds:border-destructive"
       }
     },
     defaultVariants: { tone: "default" }
@@ -47,10 +47,10 @@ const nt = C(
     label: g,
     className: S
   }, K) => {
-    const { t: H } = rt(), m = ot(), q = tt(), M = g ? q : void 0, y = a !== void 0, [G, J] = P(
+    const { t: H } = rt(), m = st(), q = tt(), M = g ? q : void 0, y = a !== void 0, [G, J] = P(
       () => v(p ?? "", r)
-    ), l = v(y ? a : G, r), Q = ct(l, r), w = m.disabled || !!z, N = m.invalid || !!O, U = N ? "error" : "default", E = R([]), D = R(l.length === r), f = R(l);
-    f.current = l;
+    ), l = v(y ? a : G, r), Q = ct(l, r), w = m.disabled || !!z, N = m.invalid || !!O, U = N ? "error" : "default", E = R([]), D = R(l.length === r), d = R(l);
+    d.current = l;
     const W = () => {
       const e = l.length;
       return e >= r ? r - 1 : e;
@@ -62,42 +62,42 @@ const nt = C(
       (e) => {
         const t = Math.max(0, Math.min(r - 1, e));
         V(t);
-        const o = E.current[t];
-        o && (o.focus(), o.select());
+        const s = E.current[t];
+        s && (s.focus(), s.select());
       },
       [r]
-    ), d = $(
+    ), f = $(
       (e) => {
         const t = v(e, r);
-        y || J(t), f.current = t, i == null || i(t), t.length === r ? D.current || (D.current = !0, n == null || n(t)) : D.current = !1;
+        y || J(t), d.current = t, i == null || i(t), t.length === r ? D.current || (D.current = !0, n == null || n(t)) : D.current = !1;
       },
       [y, r, i, n]
     ), X = (e) => (t) => {
-      const o = t.target.value, s = B(o).replace(/\D/g, ""), c = f.current;
-      if (s.length === 0) {
-        if (o === "" && e < c.length) {
+      const s = t.target.value, o = B(s).replace(/\D/g, ""), c = d.current;
+      if (o.length === 0) {
+        if (s === "" && e < c.length) {
           const F = c.slice(0, e) + c.slice(e + 1);
-          d(F);
+          f(F);
         }
         return;
       }
-      const b = c.slice(0, e), k = c.slice(e + s.length), T = (b + s + k).slice(0, r);
-      d(T);
-      const A = Math.min(e + s.length, r - 1);
+      const b = c.slice(0, e), k = c.slice(e + o.length), T = (b + o + k).slice(0, r);
+      f(T);
+      const A = Math.min(e + o.length, r - 1);
       u(A);
     }, Y = (e) => (t) => {
-      const o = f.current;
+      const s = d.current;
       if (t.key === "Backspace") {
-        if (o[e]) {
+        if (s[e]) {
           t.preventDefault();
-          const s = o.slice(0, e) + o.slice(e + 1);
-          d(s);
+          const o = s.slice(0, e) + s.slice(e + 1);
+          f(o);
           return;
         }
         if (e > 0) {
           t.preventDefault();
-          const s = o.slice(0, e - 1) + o.slice(e);
-          d(s), u(e - 1);
+          const o = s.slice(0, e - 1) + s.slice(e);
+          f(o), u(e - 1);
         }
         return;
       }
@@ -115,23 +115,23 @@ const nt = C(
       }
       t.key === "End" && (t.preventDefault(), u(r - 1));
     }, Z = (e) => (t) => {
-      const s = t.clipboardData.getData("text").replace(/\s+/g, ""), c = B(s);
+      const o = t.clipboardData.getData("text").replace(/\s+/g, ""), c = B(o);
       if (!/^[0-9]+$/.test(c)) return;
       t.preventDefault();
-      const b = f.current, k = b.slice(0, e), T = b.slice(e + c.length), A = (k + c + T).slice(0, r);
-      d(A);
+      const b = d.current, k = b.slice(0, e), T = b.slice(e + c.length), A = (k + c + T).slice(0, r);
+      f(A);
       const F = Math.min(e + c.length, r - 1);
       u(F);
     }, _ = (e) => (t) => {
       V(e), t.currentTarget.select();
     }, L = m.id;
-    return /* @__PURE__ */ x("div", { className: st({ className: S }), children: [
+    return /* @__PURE__ */ x("div", { className: ot({ className: S }), children: [
       g ? /* @__PURE__ */ h(
         "label",
         {
           id: M,
           htmlFor: `${L}-0`,
-          className: "type-label text-foreground",
+          className: "type-label ds:text-foreground",
           children: g
         }
       ) : null,
@@ -145,14 +145,14 @@ const nt = C(
           "aria-invalid": N || void 0,
           "aria-describedby": m.describedBy || void 0,
           "aria-disabled": w || void 0,
-          className: "inline-flex items-center gap-[var(--spacing-sm)]",
+          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
           children: Q.map((e, t) => {
-            const o = !w && t === I;
+            const s = !w && t === I;
             return /* @__PURE__ */ h(
               "input",
               {
-                ref: (s) => {
-                  E.current[t] = s;
+                ref: (o) => {
+                  E.current[t] = o;
                 },
                 id: `${L}-${t}`,
                 type: "text",
@@ -162,7 +162,7 @@ const nt = C(
                 maxLength: 1,
                 value: e,
                 disabled: w,
-                tabIndex: o ? 0 : -1,
+                tabIndex: s ? 0 : -1,
                 "aria-label": H("ui.inputs.otp.digitLabel", {
                   current: t + 1,
                   total: r
@@ -185,4 +185,4 @@ nt.displayName = "OTPInput";
 export {
   nt as O
 };
-//# sourceMappingURL=otp-input-CmoBuZ4K.js.map
+//# sourceMappingURL=otp-input-C9R9sC74.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input-C9R9sC74.js","sources":["../../src/components/otp-input/otp-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\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 { useFormField } from '../form-field/form-field-context';\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-background ds:text-foreground ds:text-center ds:font-medium ds:text-[var(--font-size-lg)]',\n    'ds:transition-colors 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  length?: 4 | 6 | 8;\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  className?: string;\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\nfunction packValue(value: string, length: number): string {\n  return normaliseDigits(value).replace(/\\D/g, '').slice(0, length);\n}\n\nfunction valueToArray(value: string, length: number): string[] {\n  const packed = packValue(value, length);\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<HTMLDivElement, OTPInputProps>(\n  (\n    {\n      length = 6,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      disabled,\n      error,\n      label,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const generatedLabelId = useId();\n    const labelId = label ? generatedLabelId : undefined;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(() =>\n      packValue(defaultValue ?? '', length),\n    );\n    const currentValue = packValue(isControlled ? value : internalValue, length);\n    const digits = valueToArray(currentValue, length);\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);\n        if (!isControlled) 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      [isControlled, length, onChange, onComplete],\n    );\n\n    const handleChange =\n      (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const raw = event.target.value;\n        const norm = 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 = normaliseDigits(stripped);\n        if (!/^[0-9]+$/.test(norm)) return;\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    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        <div\n          ref={ref}\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          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=\"numeric\"\n                pattern=\"[0-9]*\"\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('ui.inputs.otp.digitLabel', {\n                  current: index + 1,\n                  total: length,\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      </div>\n    );\n  },\n);\n\nOTPInput.displayName = 'OTPInput';\n"],"names":["wrapperVariants","cva","boxVariants","normaliseDigits","str","c","packValue","value","length","valueToArray","packed","arr","i","OTPInput","forwardRef","defaultValue","onChange","onComplete","disabled","error","label","className","ref","t","useTranslation","ctx","useFormField","generatedLabelId","useId","labelId","isControlled","internalValue","setInternalValue","useState","currentValue","digits","effectiveDisabled","effectiveError","effectiveTone","inputsRef","useRef","completedRef","valueRef","computeInitialIndex","firstEmpty","activeIndex","setActiveIndex","useEffect","focusBox","useCallback","index","clamped","node","commit","next","handleChange","event","raw","norm","current","newValue","before","after","focusTarget","handleKeyDown","handlePaste","stripped","handleFocus","baseId","jsx","digit","isTabbable"],"mappings":"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"}