@alfadocs/ui-kit 0.1.4 → 0.1.6

package/dist/_chunks/{number-input-BPPhekLu.js → number-input-DjpT_RXJ.js}

@@ -5,29 +5,29 @@ import { useTranslation as ve } 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(s) {
+function we(i) {
   let r = "";
-  for (const a of s) {
+  for (const a of i) {
     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(s, r, a) {
+function ye(i, r, a) {
   return ce(() => {
     var S, C;
-    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, {
+    const t = new Intl.NumberFormat(i).formatToParts(1234.5), d = ((S = t.find((u) => u.type === "decimal")) == null ? void 0 : S.value) ?? ".", F = ((C = t.find((u) => u.type === "group")) == null ? void 0 : C.value) ?? ",", c = r === "currency" ? new Intl.NumberFormat(i, {
       style: "currency",
       currency: a ?? "USD"
-    }) : r === "percentage" ? new Intl.NumberFormat(s, {
+    }) : r === "percentage" ? new Intl.NumberFormat(i, {
       style: "percent",
       maximumFractionDigits: 4
-    }) : 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), v = M.trim(), w = v.startsWith("-") || v.startsWith("−");
+    }) : r === "integer" ? new Intl.NumberFormat(i, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(i, { maximumFractionDigits: 10 }), T = (u) => Number.isFinite(u) ? c.format(u) : "", P = (u) => {
+      if (!u) return NaN;
+      const M = we(u), v = M.trim(), w = v.startsWith("-") || v.startsWith("−");
       let l = "";
       for (const g of M)
-        g >= "0" && g <= "9" ? l += g : g === u && (l += ".");
+        g >= "0" && g <= "9" ? l += g : g === d && (l += ".");
       if (!l || l === ".") return NaN;
       let f = Number(l);
       return Number.isFinite(f) ? (w && (f = -f), r === "percentage" && (f = f / 100), f) : NaN;
@@ -37,22 +37,22 @@ function ye(s, r, a) {
       b = "numeric";
     else if (r === "currency")
       try {
-        const { maximumFractionDigits: d } = new Intl.NumberFormat(s, {
+        const { maximumFractionDigits: u } = new Intl.NumberFormat(i, {
           style: "currency",
           currency: a ?? "USD"
         }).resolvedOptions();
-        b = d === 0 ? "numeric" : "decimal";
+        b = u === 0 ? "numeric" : "decimal";
       } catch {
         b = "decimal";
       }
     return {
       format: T,
       parse: P,
-      decimalSeparator: u,
+      decimalSeparator: d,
       groupingSeparator: F,
       inputMode: b
     };
-  }, [s, r, a]);
+  }, [i, r, a]);
 }
 const De = be(
   [
@@ -78,29 +78,29 @@ const De = be(
     defaultVariants: { size: "md", tone: "default" }
   }
 ), H = [
-  "inline-flex items-center justify-center",
-  "h-full shrink-0",
-  "text-muted-foreground hover:text-foreground",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-  "disabled:cursor-not-allowed disabled:opacity-50"
+  "ds:inline-flex ds:items-center ds:justify-center",
+  "ds:h-full ds:shrink-0",
+  "ds:text-muted-foreground ds:hover:text-foreground",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
 ].join(" "), xe = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
-function Ie(s) {
-  if (!Number.isFinite(s)) return 0;
-  const r = String(s), a = r.indexOf(".");
+function Ie(i) {
+  if (!Number.isFinite(i)) return 0;
+  const r = String(i), a = r.indexOf(".");
   return a === -1 ? 0 : r.length - a - 1;
 }
-function Fe(s, r) {
-  if (r <= 0 || !Number.isFinite(r)) return s;
+function Fe(i, r) {
+  if (r <= 0 || !Number.isFinite(r)) return i;
   const t = 10 ** Ie(r);
-  return Math.round(s * t) / t;
+  return Math.round(i * t) / t;
 }
 const Se = fe(
   ({
-    value: s,
+    value: i,
     defaultValue: r,
     onChange: a,
     min: t,
-    max: u,
+    max: d,
     step: F = 1,
     mode: c = "integer",
     currency: T,
@@ -108,16 +108,16 @@ const Se = fe(
     size: b = "md",
     tone: S,
     className: C,
-    id: d,
+    id: u,
     disabled: M,
     onFocus: v,
     onBlur: w,
     onKeyDown: l,
     ...f
   }, g) => {
-    const { t: A } = ve(), 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(
+    const { t: A } = ve(), y = ge(), G = u ?? y.id, z = !!(y.disabled || M), J = P ?? xe(), j = ye(J, c, T), { decimalSeparator: E, format: k, parse: L } = j, R = i !== void 0, [Q, X] = B(
       r ?? null
-    ), i = R ? s ?? null : Q, U = $(
+    ), s = R ? i ?? null : Q, U = $(
       (e) => {
         const n = c === "percentage" ? e * 100 : e;
         return (Number.isInteger(n) ? String(n) : n.toString()).replace(".", E);
@@ -127,16 +127,16 @@ const Se = fe(
       (e) => e == null || Number.isNaN(e) ? "" : k(e),
       [k]
     ), [V, m] = B(
-      () => p(i)
+      () => p(s)
     ), D = me(!1), [Y, x] = B(!1);
     pe(() => {
-      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) => {
+      D.current || m(p(s));
+    }, [s, p]);
+    const Z = Y || s !== null && (t !== void 0 && s < t || d !== void 0 && s > d), q = y.invalid || Z, _ = q ? "error" : S ?? "default", N = (e) => {
       R || X(e), a == null || a(e);
     }, h = (e) => {
-      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(
+      let o = (s ?? 0) + F * e;
+      t !== void 0 && (o = Math.max(t, o)), d !== void 0 && (o = Math.min(d, o)), o = Fe(o, F), N(o), x(!1), m(
         D.current ? U(o) : p(o)
       );
     }, O = (e) => {
@@ -146,7 +146,7 @@ const Se = fe(
     }, K = (e) => {
       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));
+      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" && d !== void 0 && (e.preventDefault(), O(d));
     }, ee = (e) => {
       const n = e.target.value;
       if (m(n), n.trim() === "") {
@@ -156,7 +156,7 @@ const Se = fe(
       const o = L(n);
       Number.isNaN(o) || N(o);
     }, te = (e) => {
-      v == null || v(e), D.current = !0, i != null && m(U(i));
+      v == null || v(e), D.current = !0, s != null && m(U(s));
     }, re = (e) => {
       if (w == null || w(e), D.current = !1, V.trim() === "") {
         N(null), x(!1), m("");
@@ -164,14 +164,14 @@ const Se = fe(
       }
       const n = L(V);
       if (Number.isNaN(n)) {
-        m(p(i));
+        m(p(s));
         return;
       }
-      const o = t !== void 0 && n < t || u !== void 0 && n > u;
+      const o = t !== void 0 && n < t || d !== void 0 && n > d;
       x(o), N(n), m(p(n));
     }, W = (e) => {
       e.preventDefault();
-    }, 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;
+    }, ne = () => h(1), se = () => h(-1), ie = z || t !== void 0 && s !== null && s <= t, oe = z || d !== void 0 && s !== null && s >= d, ae = s ?? void 0, de = (c === "currency" || c === "percentage") && s !== null && s !== null ? k(s) : void 0, ue = j.inputMode === "numeric" ? "[0-9]*" : void 0;
     return /* @__PURE__ */ le(
       "div",
       {
@@ -189,9 +189,9 @@ const Se = fe(
               type: "button",
               tabIndex: -1,
               "aria-label": A("ui.inputs.number.decrement", "Decrement"),
-              onClick: ie,
+              onClick: se,
               onMouseDown: W,
-              disabled: se,
+              disabled: ie,
               className: `${H} ds:ps-2 ds:pe-1`,
               children: /* @__PURE__ */ I(Ne, { "aria-hidden": "true", className: "ds:size-4" })
             }
@@ -204,14 +204,14 @@ const Se = fe(
               type: "text",
               role: "spinbutton",
               inputMode: j.inputMode,
-              pattern: de,
+              pattern: ue,
               autoComplete: "off",
               value: V,
               disabled: z,
               "aria-valuemin": t,
-              "aria-valuemax": u,
+              "aria-valuemax": d,
               "aria-valuenow": ae,
-              "aria-valuetext": ue,
+              "aria-valuetext": de,
               "aria-invalid": q || void 0,
               "aria-required": y.required || void 0,
               "aria-describedby": y.describedBy || void 0,
@@ -246,4 +246,4 @@ export {
   Se as N,
   ye as u
 };
-//# sourceMappingURL=number-input-BPPhekLu.js.map
+//# sourceMappingURL=number-input-DjpT_RXJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-DjpT_RXJ.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-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length: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  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:h-full ds:shrink-0',\n  'ds:text-muted-foreground ds:hover:text-foreground',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds: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-component=\"number-input\"\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/pagination.agent-oEaqmtx5.js

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