@alfadocs/ui-kit 0.0.12

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-B1Th0DdC.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    'flex items-center w-full rounded-[var(--radius-sm)]',\n    'border bg-background text-foreground',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'focus-within:outline-[length:var(--focus-ring-width)] focus-within:outline-solid',\n    'focus-within:outline-ring focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-[var(--font-size-sm)]',\n        md: 'h-[var(--min-target-size)] text-[var(--font-size-base)]',\n        lg: 'h-12 text-[var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'border-border',\n        error: 'border-destructive 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} ps-2 pe-1`}\n        >\n          <ChevronDown aria-hidden=\"true\" className=\"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=\"flex-1 w-full min-w-0 bg-transparent outline-none ps-2 pe-2 text-start tabular-nums 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} ps-1 pe-2`}\n        >\n          <ChevronUp aria-hidden=\"true\" className=\"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

@@ -0,0 +1,188 @@
+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(
+  [
+    "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"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        default: "border-border",
+        error: "border-destructive"
+      }
+    },
+    defaultVariants: { tone: "default" }
+  }
+);
+function B(r) {
+  return r.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
+}
+function v(r, a) {
+  return B(r).replace(/\D/g, "").slice(0, a);
+}
+function ct(r, a) {
+  const p = v(r, a), i = new Array(a).fill("");
+  for (let n = 0; n < p.length; n += 1)
+    i[n] = p[n];
+  return i;
+}
+const nt = C(
+  ({
+    length: r = 6,
+    value: a,
+    defaultValue: p,
+    onChange: i,
+    onComplete: n,
+    disabled: z,
+    error: O,
+    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(
+      () => 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;
+    const W = () => {
+      const e = l.length;
+      return e >= r ? r - 1 : e;
+    }, [I, V] = P(W);
+    et(() => {
+      I >= r && V(r - 1);
+    }, [I, r]);
+    const u = $(
+      (e) => {
+        const t = Math.max(0, Math.min(r - 1, e));
+        V(t);
+        const o = E.current[t];
+        o && (o.focus(), o.select());
+      },
+      [r]
+    ), d = $(
+      (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, 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 F = c.slice(0, e) + c.slice(e + 1);
+          d(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);
+      u(A);
+    }, Y = (e) => (t) => {
+      const o = f.current;
+      if (t.key === "Backspace") {
+        if (o[e]) {
+          t.preventDefault();
+          const s = o.slice(0, e) + o.slice(e + 1);
+          d(s);
+          return;
+        }
+        if (e > 0) {
+          t.preventDefault();
+          const s = o.slice(0, e - 1) + o.slice(e);
+          d(s), u(e - 1);
+        }
+        return;
+      }
+      if (t.key === "ArrowLeft") {
+        t.preventDefault(), e > 0 && u(e - 1);
+        return;
+      }
+      if (t.key === "ArrowRight") {
+        t.preventDefault(), e < r - 1 && u(e + 1);
+        return;
+      }
+      if (t.key === "Home") {
+        t.preventDefault(), u(0);
+        return;
+      }
+      t.key === "End" && (t.preventDefault(), u(r - 1));
+    }, Z = (e) => (t) => {
+      const s = t.clipboardData.getData("text").replace(/\s+/g, ""), c = B(s);
+      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 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: [
+      g ? /* @__PURE__ */ h(
+        "label",
+        {
+          id: M,
+          htmlFor: `${L}-0`,
+          className: "type-label text-foreground",
+          children: g
+        }
+      ) : null,
+      /* @__PURE__ */ h(
+        "div",
+        {
+          ref: K,
+          role: "group",
+          dir: "ltr",
+          "aria-labelledby": M,
+          "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)]",
+          children: Q.map((e, t) => {
+            const o = !w && t === I;
+            return /* @__PURE__ */ h(
+              "input",
+              {
+                ref: (s) => {
+                  E.current[t] = s;
+                },
+                id: `${L}-${t}`,
+                type: "text",
+                inputMode: "numeric",
+                pattern: "[0-9]*",
+                autoComplete: t === 0 ? "one-time-code" : "off",
+                maxLength: 1,
+                value: e,
+                disabled: w,
+                tabIndex: o ? 0 : -1,
+                "aria-label": H("ui.inputs.otp.digitLabel", {
+                  current: t + 1,
+                  total: r
+                }),
+                onChange: X(t),
+                onKeyDown: Y(t),
+                onPaste: Z(t),
+                onFocus: _(t),
+                className: at({ tone: U })
+              },
+              t
+            );
+          })
+        }
+      )
+    ] });
+  }
+);
+nt.displayName = "OTPInput";
+export {
+  nt as O
+};
+//# sourceMappingURL=otp-input-CmoBuZ4K.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input-CmoBuZ4K.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('flex flex-col gap-[var(--spacing-xs)]');\n\nconst boxVariants = cva(\n  [\n    'w-[var(--min-target-size)] h-[var(--min-target-size)]',\n    'rounded-[var(--radius-sm)]',\n    'border bg-background text-foreground text-center font-medium text-[var(--font-size-lg)]',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'border-border',\n        error: '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 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=\"inline-flex items-center 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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"}

package/dist/_chunks/pagination.agent-B5KLDCMN.js

@@ -0,0 +1,379 @@
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { forwardRef as m, useState as K, useEffect as O, useCallback as R, useMemo as Q, useId as W } from "react";
+import * as d from "@radix-ui/react-select";
+import { c as X } from "./index-D2ZczOXr.js";
+import { useTranslation as x } from "react-i18next";
+import { E as Y } from "./ellipsis-rgGdiK_9.js";
+import { C as S } from "./chevron-right-BrpYejk0.js";
+import { C as Z } from "./chevron-left-CX1jqD2M.js";
+import { C as D, a as ee } from "./chevrons-right-d9MwesPG.js";
+import { C as ae } from "./check-DPdL_Sm7.js";
+const ie = [
+  "inline-flex items-center justify-center",
+  "rounded-[var(--radius-sm)]",
+  "border border-transparent",
+  "font-[var(--font-weight-medium)]",
+  "text-[var(--foreground)]",
+  "select-none",
+  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
+  "hover:bg-[var(--muted)]/20",
+  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "disabled:cursor-not-allowed disabled:opacity-50",
+  "aria-disabled:cursor-not-allowed aria-disabled:opacity-50"
+].join(" "), j = X(ie, {
+  variants: {
+    size: {
+      sm: "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)] text-[var(--font-size-sm)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]",
+      md: "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)] text-[var(--font-size-base)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
+      lg: "min-w-[3rem] min-h-[3rem] text-[var(--font-size-lg)] ps-[var(--spacing-md)] pe-[var(--spacing-md)]"
+    },
+    active: {
+      true: "bg-[var(--primary)] text-[var(--primary-foreground)] font-[var(--font-weight-bold)] outline outline-1 outline-[var(--primary)] hover:bg-[var(--primary-hover)]",
+      false: ""
+    }
+  },
+  defaultVariants: { size: "md", active: !1 }
+});
+function w(t, i) {
+  const n = [];
+  for (let e = t; e <= i; e++) n.push(e);
+  return n;
+}
+function ne(t, i, n = 1, e = 1) {
+  if (i <= 0) return [];
+  if (n = Math.max(0, n), e = Math.max(1, e), e * 2 + n * 2 + 3 >= i) return w(1, i);
+  const s = w(1, e), r = w(i - e + 1, i), p = Math.max(
+    Math.min(t - n, i - e - n * 2 - 1),
+    e + 2
+  ), g = Math.min(
+    Math.max(t + n, e + n * 2 + 2),
+    r[0] - 2
+  ), c = [...s];
+  return p > e + 2 ? c.push("ellipsis-start") : e + 1 < i - e && c.push(e + 1), c.push(...w(p, g)), g < i - e - 1 ? c.push("ellipsis-end") : i - e > e && c.push(i - e), c.push(...r), c;
+}
+const te = m(
+  ({
+    totalPages: t,
+    page: i,
+    defaultPage: n = 1,
+    onPageChange: e,
+    siblingCount: o = 1,
+    boundaryCount: s = 1,
+    size: r = "md",
+    showEndpoints: p = !1,
+    align: g = "center",
+    pageSize: c,
+    useLocaleDigits: I = !1,
+    locale: M,
+    className: H,
+    ...U
+  }, _) => {
+    const { t: P, i18n: k } = x(), h = i !== void 0, [q, C] = K(n), v = h ? i : q;
+    O(() => {
+      h && n !== 1 && console.warn(
+        "[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage."
+      );
+    }, [h, n]);
+    const b = R(
+      (l) => {
+        const N = Math.min(Math.max(l, 1), Math.max(1, t));
+        h || C(N), e == null || e(N);
+      },
+      [h, e, t]
+    ), E = R(
+      (l) => {
+        if (!I) return String(l);
+        try {
+          return new Intl.NumberFormat(M ?? k.language).format(l);
+        } catch {
+          return String(l);
+        }
+      },
+      [k.language, M, I]
+    ), G = Q(
+      () => ne(v, t, o, s),
+      [v, t, o, s]
+    ), B = v <= 1, L = v >= t, J = g === "start" ? "justify-start" : g === "end" ? "justify-end" : "justify-center";
+    return /* @__PURE__ */ f(
+      "nav",
+      {
+        ref: _,
+        "aria-label": P("ui.navigation.pagination.label"),
+        className: [
+          "flex items-center",
+          J,
+          "gap-[var(--spacing-sm)]",
+          "flex-wrap",
+          H ?? ""
+        ].filter(Boolean).join(" "),
+        ...U,
+        children: [
+          /* @__PURE__ */ f(T, { size: r, children: [
+            p ? /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(
+              y,
+              {
+                type: "first",
+                size: r,
+                disabled: B,
+                onClick: () => b(1)
+              }
+            ) }) : null,
+            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(
+              F,
+              {
+                size: r,
+                disabled: B,
+                onClick: () => b(v - 1)
+              }
+            ) }),
+            G.map((l, N) => l === "ellipsis-start" || l === "ellipsis-end" ? /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(A, {}) }, `e-${N}`) : /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(
+              V,
+              {
+                size: r,
+                isActive: l === v,
+                "aria-label": P("ui.navigation.pagination.pageN", { n: l }),
+                onClick: () => b(l),
+                children: E(l)
+              }
+            ) }, `p-${l}`)),
+            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(
+              $,
+              {
+                size: r,
+                disabled: L,
+                onClick: () => b(v + 1)
+              }
+            ) }),
+            p ? /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(
+              y,
+              {
+                type: "last",
+                size: r,
+                disabled: L,
+                onClick: () => b(t)
+              }
+            ) }) : null
+          ] }),
+          c ? /* @__PURE__ */ a(
+            le,
+            {
+              size: r,
+              value: c.value,
+              options: c.options ?? [10, 25, 50, 100],
+              onChange: c.onChange,
+              formatNumber: E
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+te.displayName = "Pagination";
+const T = m(
+  ({ children: t, className: i, ...n }, e) => /* @__PURE__ */ a(
+    "ul",
+    {
+      ref: e,
+      className: [
+        "flex items-center",
+        "gap-[var(--spacing-xs)]",
+        "m-0 ps-0",
+        "list-none",
+        i ?? ""
+      ].filter(Boolean).join(" "),
+      ...n,
+      children: t
+    }
+  )
+);
+T.displayName = "PaginationList";
+const u = m(
+  ({ children: t, className: i, ...n }, e) => /* @__PURE__ */ a("li", { ref: e, className: i, ...n, children: t })
+);
+u.displayName = "PaginationItem";
+const V = m(
+  ({ isActive: t = !1, size: i = "md", className: n, children: e, ...o }, s) => /* @__PURE__ */ a(
+    "button",
+    {
+      ref: s,
+      type: "button",
+      "aria-current": t ? "page" : void 0,
+      className: j({
+        size: i,
+        active: t,
+        className: n
+      }),
+      ...o,
+      children: e
+    }
+  )
+);
+V.displayName = "PaginationLink";
+const z = "size-4 rtl:-scale-x-100", F = m(
+  ({ size: t = "md", disabled: i, onClick: n }, e) => {
+    const { t: o } = x(), s = o("ui.navigation.pagination.previous");
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: e,
+        type: "button",
+        "aria-label": s,
+        "aria-disabled": i || void 0,
+        disabled: i,
+        onClick: n,
+        className: j({ size: t }),
+        children: /* @__PURE__ */ a(Z, { "aria-hidden": "true", className: z })
+      }
+    );
+  }
+);
+F.displayName = "PaginationPrevious";
+const $ = m(
+  ({ size: t = "md", disabled: i, onClick: n }, e) => {
+    const { t: o } = x(), s = o("ui.navigation.pagination.next");
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: e,
+        type: "button",
+        "aria-label": s,
+        "aria-disabled": i || void 0,
+        disabled: i,
+        onClick: n,
+        className: j({ size: t }),
+        children: /* @__PURE__ */ a(S, { "aria-hidden": "true", className: z })
+      }
+    );
+  }
+);
+$.displayName = "PaginationNext";
+const y = m(
+  ({ type: t, size: i = "md", disabled: n, onClick: e }, o) => {
+    const { t: s } = x(), r = s(t === "first" ? "ui.navigation.pagination.first" : "ui.navigation.pagination.last"), p = t === "first" ? D : ee;
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: o,
+        type: "button",
+        "aria-label": r,
+        "aria-disabled": n || void 0,
+        disabled: n,
+        onClick: e,
+        className: j({ size: i }),
+        children: /* @__PURE__ */ a(p, { "aria-hidden": "true", className: z })
+      }
+    );
+  }
+);
+y.displayName = "PaginationEndpoint";
+const A = m(
+  ({ className: t, ...i }, n) => /* @__PURE__ */ a(
+    "span",
+    {
+      ref: n,
+      "aria-hidden": "true",
+      role: "presentation",
+      className: [
+        "inline-flex items-center justify-center",
+        "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)]",
+        "text-[var(--muted-foreground)]",
+        t ?? ""
+      ].filter(Boolean).join(" "),
+      ...i,
+      children: /* @__PURE__ */ a(Y, { "aria-hidden": "true", className: "size-4" })
+    }
+  )
+);
+A.displayName = "PaginationEllipsis";
+const re = [
+  "inline-flex items-center justify-between gap-[var(--spacing-xs)]",
+  "rounded-[var(--radius-sm)] border border-[var(--border)] bg-[var(--background)]",
+  "text-[var(--foreground)]",
+  "min-h-[var(--min-target-size)] min-w-[6rem]",
+  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
+  "text-[var(--font-size-sm)]",
+  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+].join(" "), se = [
+  "z-[var(--z-dropdown)] overflow-hidden",
+  "rounded-[var(--radius-md)] border border-[var(--border)]",
+  "bg-[var(--background)] text-[var(--foreground)]",
+  "shadow-[var(--shadow-lg)]",
+  "animate-in fade-in zoom-in-95 motion-reduce:animate-none"
+].join(" "), oe = [
+  "relative flex cursor-pointer items-center",
+  "min-h-[var(--min-target-size)]",
+  "ps-[var(--spacing-xl)] pe-[var(--spacing-sm)]",
+  "rounded-[var(--radius-sm)]",
+  "text-[var(--foreground)] outline-none select-none",
+  "data-[highlighted]:bg-[var(--muted)]/20",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+].join(" ");
+function le({ value: t, options: i, onChange: n, formatNumber: e }) {
+  const { t: o } = x(), s = W();
+  return /* @__PURE__ */ f("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ a(
+      "span",
+      {
+        id: s,
+        className: "type-label text-[var(--muted-foreground)]",
+        children: o("ui.navigation.pagination.rowsPerPage")
+      }
+    ),
+    /* @__PURE__ */ f(
+      d.Root,
+      {
+        value: String(t),
+        onValueChange: (r) => n(Number(r)),
+        children: [
+          /* @__PURE__ */ f(
+            d.Trigger,
+            {
+              "aria-labelledby": s,
+              className: re,
+              children: [
+                /* @__PURE__ */ a(d.Value, {}),
+                /* @__PURE__ */ a(d.Icon, { asChild: !0, children: /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "size-3 rotate-90" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(d.Portal, { children: /* @__PURE__ */ a(d.Content, { className: se, position: "popper", children: /* @__PURE__ */ a(d.Viewport, { className: "p-[var(--spacing-xs)]", children: i.map((r) => /* @__PURE__ */ f(
+            d.Item,
+            {
+              value: String(r),
+              className: oe,
+              children: [
+                /* @__PURE__ */ a(d.ItemIndicator, { className: "absolute inline-flex items-center justify-center start-[var(--spacing-sm)]", children: /* @__PURE__ */ a(ae, { "aria-hidden": "true", className: "size-3.5" }) }),
+                /* @__PURE__ */ a(d.ItemText, { children: e(r) })
+              ]
+            },
+            r
+          )) }) }) })
+        ]
+      }
+    )
+  ] });
+}
+const be = {
+  id: "pagination",
+  capabilities: ["paginate", "range_navigate"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "pagination" }
+  }
+};
+export {
+  te as P,
+  A as a,
+  u as b,
+  V as c,
+  T as d,
+  $ as e,
+  F as f,
+  ne as g,
+  be as p
+};
+//# sourceMappingURL=pagination.agent-B5KLDCMN.js.map