raqam 0.3.2 → 0.4.0

package/dist/react.d.ts

@@ -1,3 +1,117 @@
-export { b as NumberField, d as NumberFieldContext, e as NumberFieldContextValue, u as useControllableState, k as useNumberField, l as useNumberFieldContext, m as useNumberFieldFormat, n as useNumberFieldState } from './index-BMFJwudG.js';
-import 'react/jsx-runtime';
-import 'react';
+import { g as UseNumberFieldStateOptions, N as NumberFieldState, U as UseNumberFieldProps, b as NumberFieldAria, c as NumberFieldRootProps, R as RenderProp, e as ScrubAreaProps, d as ScrubAreaCursorProps } from './types-B2ZqkJI-.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { RefObject } from 'react';
+
+declare function useNumberFieldState(options: UseNumberFieldStateOptions): NumberFieldState;
+
+declare function useNumberField(props: UseNumberFieldProps, state: NumberFieldState, inputRef: React.RefObject<HTMLInputElement | null>): NumberFieldAria;
+
+type FormatOptions = Pick<UseNumberFieldStateOptions, "locale" | "formatOptions" | "prefix" | "suffix" | "minimumFractionDigits" | "maximumFractionDigits" | "fixedDecimalScale">;
+/**
+ * Lightweight display-only formatting hook. Returns the formatted string for
+ * a numeric value using the same Intl.NumberFormat engine as the full input.
+ *
+ * Use this when you need to display a formatted number in a read-only context
+ * (table cells, summaries, labels) without the overhead of a full input state machine.
+ *
+ * @example
+ * const price = useNumberFieldFormat(1234567.89, {
+ *   locale: 'en-US',
+ *   formatOptions: { style: 'currency', currency: 'USD' },
+ * })
+ * // price === "$1,234,567.89"
+ *
+ * @example
+ * const pct = useNumberFieldFormat(0.4267, {
+ *   formatOptions: { style: 'percent', maximumFractionDigits: 1 },
+ * })
+ * // pct === "42.7%"
+ */
+declare function useNumberFieldFormat(value: number | null, options?: FormatOptions): string;
+
+interface UseControllableStateOptions<T> {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+}
+type ControllableSetter<T> = (next: T | ((prev: T | undefined) => T)) => void;
+/**
+ * Manages controlled vs uncontrolled state.
+ * - If `value` is provided, the component is controlled.
+ * - Otherwise it manages its own state starting from `defaultValue`.
+ * Warns in dev mode if the component switches between controlled/uncontrolled.
+ *
+ * Overloads narrow the returned value to `T` (no `| undefined`) when a `value`
+ * or `defaultValue` is supplied, so callers that guarantee one don't have to
+ * null-check the result.
+ */
+declare function useControllableState<T>(options: {
+    value: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+}): [T, ControllableSetter<T>];
+declare function useControllableState<T>(options: {
+    value?: T;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}): [T, ControllableSetter<T>];
+declare function useControllableState<T>(options: UseControllableStateOptions<T>): [T | undefined, ControllableSetter<T>];
+
+interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
+    render?: RenderProp;
+    children?: React__default.ReactNode;
+}
+interface GroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    render?: RenderProp;
+    children?: React__default.ReactNode;
+}
+interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type"> {
+    render?: RenderProp;
+}
+interface IncrementProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    render?: RenderProp;
+    children?: React__default.ReactNode;
+}
+interface DecrementProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    render?: RenderProp;
+    children?: React__default.ReactNode;
+}
+interface DescriptionProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
+    children?: React__default.ReactNode;
+}
+interface ErrorMessageProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
+    children?: React__default.ReactNode;
+}
+interface FormattedProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+    render?: RenderProp;
+}
+declare const NumberField: {
+    Root: React__default.ForwardRefExoticComponent<NumberFieldRootProps & React__default.RefAttributes<HTMLDivElement>>;
+    Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
+    Group: React__default.ForwardRefExoticComponent<GroupProps & React__default.RefAttributes<HTMLDivElement>>;
+    Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+    Increment: React__default.ForwardRefExoticComponent<IncrementProps & React__default.RefAttributes<HTMLButtonElement>>;
+    Decrement: React__default.ForwardRefExoticComponent<DecrementProps & React__default.RefAttributes<HTMLButtonElement>>;
+    HiddenInput: () => react_jsx_runtime.JSX.Element | null;
+    ScrubArea: React__default.ForwardRefExoticComponent<ScrubAreaProps & React__default.RefAttributes<HTMLSpanElement>>;
+    ScrubAreaCursor: React__default.ForwardRefExoticComponent<ScrubAreaCursorProps & React__default.RefAttributes<HTMLSpanElement>>;
+    Description: React__default.ForwardRefExoticComponent<DescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
+    ErrorMessage: React__default.ForwardRefExoticComponent<ErrorMessageProps & React__default.RefAttributes<HTMLParagraphElement>>;
+    Formatted: React__default.ForwardRefExoticComponent<FormattedProps & React__default.RefAttributes<HTMLSpanElement>>;
+};
+
+interface NumberFieldContextValue {
+    state: NumberFieldState;
+    aria: NumberFieldAria;
+    inputRef: RefObject<HTMLInputElement | null>;
+    props: UseNumberFieldProps;
+}
+declare const NumberFieldContext: React$1.Context<NumberFieldContextValue | null>;
+/**
+ * Hook for sub-components to access the NumberField context.
+ * Throws if used outside NumberField.Root.
+ */
+declare function useNumberFieldContext(): NumberFieldContextValue;
+
+export { NumberField, NumberFieldContext, type NumberFieldContextValue, useControllableState, useNumberField, useNumberFieldContext, useNumberFieldFormat, useNumberFieldState };

package/dist/react.js

@@ -1,3 +1,3 @@
 "use client";
-import nt,{createContext,forwardRef,useRef,useMemo,useCallback,useState,useId,useLayoutEffect,useEffect,useContext}from'react';import {jsx}from'react/jsx-runtime';function qe({value:t,defaultValue:e,onChange:r}){let n=t!==void 0,i=useRef(n);typeof window<"u"&&window.__DEV__!==false&&i.current!==n&&console.warn(`[raqam] Component is changing from ${i.current?"controlled":"uncontrolled"} to ${n?"controlled":"uncontrolled"}. Decide between using a controlled or uncontrolled component and don't switch.`);let[o,l]=useState(e),p=useCallback(c=>{let m=typeof c=="function"?c(n?t:o):c;n||l(m),r?.(m);},[n,t,o,r]);return [n?t:o,p]}var it=new Map;function We(t,e){let r=`${t??""}::${JSON.stringify(e??{})}`,n=it.get(r);return n||(n=new Intl.NumberFormat(t,e),it.set(r,n)),n}function yt(t,e){let r=We(t,e),n=We(t,{minimumFractionDigits:1,maximumFractionDigits:1,numberingSystem:e?.numberingSystem}),i=n.formatToParts(-12345.6),o=".",l=",",p="-",c="0";for(let a of i)a.type==="decimal"&&(o=a.value),a.type==="group"&&(l=a.value),a.type==="minusSign"&&(p=a.value);for(let a of n.formatToParts(0))if(a.type==="integer"){c=a.value;break}let m=/^(ar|he|fa|ur|syc|nqo|ug|yi)/i,b=r.resolvedOptions().locale,u=m.test(b);return {decimalSeparator:o,groupingSeparator:l,minusSign:p,zero:c,isRTL:u}}function ne(t){let e={...t.formatOptions};t.minimumFractionDigits!==void 0&&(e.minimumFractionDigits=t.minimumFractionDigits),t.maximumFractionDigits!==void 0&&(e.maximumFractionDigits=t.maximumFractionDigits),t.fixedDecimalScale&&t.maximumFractionDigits!==void 0&&(e.minimumFractionDigits=t.maximumFractionDigits,e.maximumFractionDigits=t.maximumFractionDigits);let r=We(t.locale,e),n=null;function i(){return n||(n=yt(t.locale,e)),n}function o(c){let m=r.formatToParts(c);if(!t.prefix&&!t.suffix)return m;let b=[];return t.prefix&&b.push({type:"literal",value:t.prefix}),b.push(...m),t.suffix&&b.push({type:"literal",value:t.suffix}),b}function l(c){if(!Number.isFinite(c))return "";let m=r.format(c);return (t.prefix??"")+m+(t.suffix??"")}function p(c){let m=o(c);return {formatted:m.map(u=>u.value).join(""),parts:m}}return {format:l,formatToParts:o,getLocaleInfo:i,formatResult:p}}var Lt=[[1632,1641],[1776,1785],[2406,2415],[2534,2543],[3664,3673]],It=[...Lt];function U(t){return /[^\u0020-\u007e]/.test(t)?t.replace(/\p{Nd}/gu,e=>{let r=e.codePointAt(0);for(let[i,o]of It)if(r>=i&&r<=o)return String(r-i);let n=Number.parseInt(e,10);return Number.isNaN(n)?e:String(n)}):t}function Je(t,e){if(!e||e==="0")return t;let r=e.codePointAt(0);return r===void 0?t:t.replace(/[0-9]/g,n=>String.fromCodePoint(r+(n.charCodeAt(0)-48)))}function Pt(t,e){return e?!!(/^-0+$/.test(t)||/\.$/.test(t)||/\.\d*0$/.test(t)||/^-?\.\d+$/.test(t)):false}function He(t={}){let e=t.allowNegative??true,r=t.allowDecimal??true,n=t.formatOptions?.style==="percent",i=ne({locale:t.locale,formatOptions:t.formatOptions,prefix:t.prefix,suffix:t.suffix}),o="";if(t.formatOptions?.style==="currency")try{o=i.formatToParts(1).filter(b=>b.type==="currency").map(b=>b.value).join("");}catch{o="";}function l(){return i.getLocaleInfo()}function p(b){let u=l(),a=U(b);o&&(a=a.split(o).join(""));let L=a.match(/^\((.+)\)$/);if(L&&(a=`-${L[1]}`),t.prefix&&a.startsWith(t.prefix)&&(a=a.slice(t.prefix.length)),t.suffix&&a.endsWith(t.suffix)&&(a=a.slice(0,-t.suffix.length)),u.groupingSeparator&&(a=a.split(u.groupingSeparator).join("")),u.decimalSeparator!=="."&&(a=a.split(u.decimalSeparator).join(".")),u.minusSign!=="-"&&(a=a.split(u.minusSign).join("-")),a.includes("\u2212")&&(a=a.split("\u2212").join("-")),a=a.replace(/[^\d.\-]/g,"").trim(),a.includes("-")){let S=a.startsWith("-");a=a.replace(/-/g,""),S&&(a=`-${a}`);}return a}function c(b){if(!b||b.trim()==="")return {value:null,isValid:false,isIntermediate:false};let u=p(b);if(u==="")return {value:null,isValid:false,isIntermediate:false};if(u==="-")return {value:null,isValid:false,isIntermediate:e};if(u==="."||u==="-.")return {value:null,isValid:false,isIntermediate:r&&(u==="."||e)};if(!e&&u.startsWith("-"))return {value:null,isValid:false,isIntermediate:false};if(!r&&u.includes("."))return {value:null,isValid:false,isIntermediate:false};if(!/^-?(?:\d+\.?\d*|\.\d+)$/.test(u))return {value:null,isValid:false,isIntermediate:false};let a=Number.parseFloat(u);return Number.isFinite(a)?(Object.is(a,-0)&&(a=0),n&&a!==0&&(a=Number((a/100).toPrecision(15))),{value:a,isValid:true,isIntermediate:Pt(u,r)}):{value:null,isValid:false,isIntermediate:false}}function m(b){return c(b).isIntermediate}return {parse:c,isIntermediate:m,getLocaleInfo:l}}function Ge(t,e,r){let n=t;return e!==void 0&&(n=Math.max(n,e)),r!==void 0&&(n=Math.min(n,r)),n}function ot(t,e){let n=10**Math.max(at(t),at(e));return Math.round(t*n+e*n)/n}function at(t){if(!Number.isFinite(t))return 0;let e=String(t),r=e.indexOf("e");if(r!==-1){let i=Number(e.slice(r+1)),o=e.indexOf("."),l=o===-1?0:r-o-1;return Math.max(0,l-i)}let n=e.indexOf(".");return n===-1?0:e.length-n-1}function Xe(t){let{locale:e,formatOptions:r,minValue:n,maxValue:i,step:o=1,largeStep:l,smallStep:p,allowNegative:c=true,allowDecimal:m=true,maximumFractionDigits:b,minimumFractionDigits:u,fixedDecimalScale:a,clampBehavior:L="blur",prefix:S,suffix:C,allowOutOfRange:P=false,validate:J,onRawChange:G,formatValue:re}=t,se=m?u:0,y=m?b:0,O=m?a:false,ae=useMemo(()=>ne({locale:e,formatOptions:r,prefix:S,suffix:C,minimumFractionDigits:se,maximumFractionDigits:y,fixedDecimalScale:O}),[e,JSON.stringify(r),S,C,se,y,O]),X=useMemo(()=>He({locale:e,formatOptions:r,allowNegative:c,allowDecimal:m,prefix:S,suffix:C}),[e,JSON.stringify(r),c,m,S,C]),[v,M]=qe({value:t.value,defaultValue:t.defaultValue??null,onChange:t.onChange}),Q=useRef(t.value??t.defaultValue??null),k=useCallback(d=>re?re(Object.is(d,-0)?0:d):ae.format(Object.is(d,-0)?0:d),[ae,re]),ce=useMemo(()=>t.defaultValue!=null?k(t.defaultValue):t.value!=null?k(t.value):"",[]),[xe,B]=useState(ce),Z=useRef(ce),[Be,ee]=useState(t.defaultValue!=null?String(t.defaultValue):null),be=useCallback(d=>{if(!J)return {validationState:"valid",validationError:null};let D=J(d);return D===false?{validationState:"invalid",validationError:null}:typeof D=="string"?{validationState:"invalid",validationError:D}:{validationState:"valid",validationError:null}},[J]),Ne=useMemo(()=>{let d=t.defaultValue??t.value??null;return be(d??null)},[]),[Ee,Te]=useState(Ne.validationState),[me,De]=useState(Ne.validationError),[T,_e]=useState(false),[Se,te]=useState(false),A=useRef("input"),fe=useCallback(d=>{A.current=d;},[]),V=useCallback(()=>A.current,[]),z=t.value,Ce=useRef(z);if(!Object.is(Ce.current,z)&&(Ce.current=z,!Object.is(z,Q.current))){Q.current=z;let d=Object.is(z,-0)?0:z,D=d!=null&&Number.isFinite(d),N=D?k(d):"";Z.current=N,B(N),ee(D?String(d):null);}let Fe=`${e??""}|${JSON.stringify(r??{})}|${S??""}|${C??""}|${se??""}|${y??""}|${O??""}`,Me=useRef(Fe);if(Me.current!==Fe&&(Me.current=Fe,v!=null&&Number.isFinite(v)&&!Se)){let d=k(v);d!==xe&&(B(d),Z.current=d);}let le=useCallback(d=>{let{validationState:D,validationError:N}=be(d);Te(D),De(N);},[be]),je=useCallback((d,D)=>{let N=D!==void 0?D:X.parse(d).value;L==="strict"&&!P&&N!==null&&(n!==void 0&&N<n||i!==void 0&&N>i)||(B(d),Q.current=N,M(N),ee(N!==null?d:null),G?.(N!==null?d:null),le(N));},[X,L,P,n,i,M,G,le]),Y=useCallback(d=>{if(Q.current=d,M(d),d!=null){let D=k(d);B(D),Z.current=D;let N=String(d);ee(N),G?.(N);}else B(""),Z.current="",ee(null),G?.(null);le(d);},[k,M,G,le]),$e=useCallback(()=>{if(v==null)return B(""),Z.current="",null;let d=v;L==="blur"&&!P&&(d=Ge(v,n,i)),Object.is(d,-0)&&(d=0);let D=k(d);B(D),Z.current=D;let N=d;if(!re){let _=X.parse(D).value;_!==null&&Number.isFinite(_)&&k(_)===D&&(N=_);}return N!==v&&(Q.current=N,M(N)),le(N),N},[v,L,P,n,i,X,k,re,M,le]),ie=v!=null&&Number.isFinite(v)?v:null,Ue=l??o*10,Ke=p??o*.1,ze=!t.disabled&&!t.readOnly&&(P||i===void 0||(ie??Number.NEGATIVE_INFINITY)<i),Ye=!t.disabled&&!t.readOnly&&(P||n===void 0||(ie??Number.POSITIVE_INFINITY)>n),Ve=useCallback(d=>{let _=ot(ie??0,d??o),Le=P?_:Ge(_,n,i);Y(Le);},[ie,o,n,i,P,Y]),rt=useCallback(d=>{let _=ot(ie??0,-(d??o)),Le=P?_:Ge(_,n,i);Y(Le);},[ie,o,n,i,P,Y]),ye=useCallback(()=>{i!==void 0&&Y(i);},[i,Y]),ge=useCallback(()=>{n!==void 0&&Y(n);},[n,Y]);return {inputValue:xe,numberValue:ie,rawValue:Be,canIncrement:ze,canDecrement:Ye,isScrubbing:T,setIsScrubbing:_e,isFocused:Se,setIsFocused:te,validationState:Ee,validationError:me,_setLastChangeReason:fe,_getLastChangeReason:V,setInputValue:je,setNumberValue:Y,commit:$e,increment:Ve,decrement:rt,incrementToMax:ye,decrementToMin:ge,options:{...t,step:o,largeStep:Ue,smallStep:Ke}}}function lt(t,e){return t>="0"&&t<="9"||t===e.decimalSeparator||t===e.minusSign||t==="-"||t==="."&&e.decimalSeparator!=="."&&e.groupingSeparator!=="."}function ht(t,e,r){let n=U(t),i=0;for(let o=0;o<e&&o<n.length;o++)lt(n[o],r)&&i++;return i}function Nt(t,e){let r=t.length,n=new Array(r+1).fill(true);for(let i=0;i<r;i++)t[i]===e.groupingSeparator&&(n[i+1]=false);return n[0]=true,n[r]=true,n}function Pe(t,e,r,n,i){let o=U(t),l=ht(o,e,n),p=t.slice(0,e),c=p.includes("-")||p.includes(n.minusSign),m=r.includes("-")||r.includes(n.minusSign);c&&!m&&(l=Math.max(0,l-1)),i==="deleteContentBackward"&&e>0&&t[e-1]===n.groupingSeparator&&(l=Math.max(0,l-1));let b=Nt(r,n),u=U(r),a=0,L=0;for(let S=0;S<u.length;S++){if(a===l){L=S;break}lt(u[S],n)&&a++,L=S+1;}return l>0&&a<l&&(L=r.length),L=Et(L,b),L}function Et(t,e){if(e[t])return t;for(let r=t+1;r<e.length;r++)if(e[r])return r;for(let r=t-1;r>=0;r--)if(e[r])return r;return 0}function Qe(t,e={}){let{delay:r=400,interval:n=200,disabled:i=false}=e,o=useRef(t);useEffect(()=>{o.current=t;});let l=useRef(r);useEffect(()=>{l.current=r;});let p=useRef(n);useEffect(()=>{p.current=n;});let c=useRef(null),m=useRef(null),b=useRef(false),u=useCallback(()=>{b.current=false,c.current!==null&&(clearTimeout(c.current),c.current=null),m.current!==null&&(clearTimeout(m.current),m.current=null);},[]),a=useCallback(P=>{if(!b.current)return;o.current();let J=Math.max(50,Math.floor(P/2));m.current=setTimeout(()=>{a(J);},P);},[]),L=useCallback(P=>{i||P.button!==0&&P.pointerType==="mouse"||(o.current(),b.current=true,c.current=setTimeout(()=>{a(p.current);},l.current));},[i,a]),S=useCallback(P=>{P.preventDefault(),u();},[u]),C=useCallback(P=>{u();},[u]);return useEffect(()=>u,[u]),{onPointerDown:L,onPointerUp:S,onPointerLeave:C}}function ut(t){return t.replace(/[.*+?^${}()|[\]\\\-]/g,"\\$&")}function Vt(t){let e=t.replace(/\s+/g,"");if(/^[+-]?(?:\d+\.?\d*|\.\d+)[eE][+-]?\d+$/.test(e)){let n=Number(e);return Number.isFinite(n)?n:null}let r=e.match(/^([+-]?(?:\d+\.?\d*|\.\d+))(k|m|b|t|thousand|million|billion|trillion)$/i);if(r){let n={k:1e3,thousand:1e3,m:1e6,million:1e6,b:1e9,billion:1e9,t:1e12,trillion:1e12},i=Number(r[1])*n[r[2].toLowerCase()];return Number.isFinite(i)?i:null}return null}function et(t,e,r){let{locale:n,formatOptions:i,minValue:o,maxValue:l,allowNegative:p=true,allowDecimal:c=true,allowMouseWheel:m=false,liveFormat:b=true,prefix:u,suffix:a,name:L,disabled:S,readOnly:C,required:P,onFocus:J,onBlur:G,maximumFractionDigits:re,minimumFractionDigits:se,fixedDecimalScale:y,copyBehavior:O="formatted",stepHoldDelay:ae=400,stepHoldInterval:X=200,formatValue:v,parseValue:M,onValueCommitted:Q}=t,k=i?.notation,ce=b&&k!=="compact"&&k!=="scientific"&&k!=="engineering",{step:xe=1,largeStep:B=xe*10,smallStep:Z=xe*.1}=e.options,Be=useId(),ee=t.id??`raqam-${Be}`,be=`${ee}-label`,Ne=`${ee}-description`,Ee=`${ee}-error`,Te=c?se:0,me=c?re:0,De=c?y:false,T=useMemo(()=>ne({locale:n,formatOptions:i,prefix:u,suffix:a,minimumFractionDigits:Te,maximumFractionDigits:me,fixedDecimalScale:De}),[n,JSON.stringify(i),u,a,Te,me,De]),_e=i?.style==="percent",Se=c?_e?20:me:0,te=useMemo(()=>ne({locale:n,formatOptions:i,prefix:u,suffix:a,minimumFractionDigits:0,maximumFractionDigits:Se,fixedDecimalScale:false}),[n,JSON.stringify(i),u,a,Se]),A=useMemo(()=>He({locale:n,formatOptions:i,allowNegative:p,allowDecimal:c,prefix:u,suffix:a}),[n,JSON.stringify(i),p,c,u,a]),fe=useCallback((f,R)=>{let I=T.getLocaleInfo(),g=R.lastIndexOf(I.decimalSeparator);if(g===-1&&I.decimalSeparator!=="."&&I.groupingSeparator!=="."&&(g=R.lastIndexOf(".")),g===-1||!/\d/.test(U(R.slice(0,g))))return null;let F=U(R.slice(g+1)).match(/^\d+/);if(!F)return null;let s=Math.min(F[0].length,me??20,20);return s===0?null:ne({locale:n,formatOptions:i,prefix:u,suffix:a,minimumFractionDigits:s,maximumFractionDigits:s}).format(f)},[T,n,JSON.stringify(i),u,a,me]),V=useRef(null);useLayoutEffect(()=>{V.current!==null&&r.current&&document.activeElement===r.current&&(r.current.setSelectionRange(V.current,V.current),V.current=null);},[e.inputValue,r]),useEffect(()=>{let f=r.current;if(!f||!m)return;let R=I=>{S||C||document.activeElement===f&&(I.preventDefault(),e._setLastChangeReason("wheel"),I.deltaY<0?e.increment():e.decrement());};return f.addEventListener("wheel",R,{passive:false}),()=>f.removeEventListener("wheel",R)},[m,S,C,e,r]);let z=useRef(false),Ce=useCallback(()=>{z.current=true;},[]),Fe=useCallback(f=>{z.current=false;let R=f.currentTarget.value,I=T.getLocaleInfo(),g=U(R),F;if(M){let s=M(g);s.isIntermediate?F=g:s.value!==null&&v?F=v(s.value):s.value!==null?F=T.format(s.value):F=g,V.current=F.length;}else if(ce){let s=A.parse(g);s.isIntermediate?F=Je(g,I.zero):s.value!==null?F=v?v(s.value):te.format(s.value):F=g===""?"":g,V.current=Pe(R,R.length,F,I,"insertCompositionText");}else F=g,V.current=g.length;e._setLastChangeReason("input"),e.setInputValue(F);},[T,te,A,ce,e,v,M]),Me=useCallback(f=>{let R=f.target.value,I=f.target.selectionStart??R.length,g=f.nativeEvent.inputType,F=T.getLocaleInfo();if(z.current){e.setInputValue(R);return}let s=U(R);p||(s=s.split("-").join("").split(F.minusSign).join("")),c?F.decimalSeparator!=="."&&F.groupingSeparator!=="."&&(s=s.replace(/\./g,(H,x,h)=>/\d/.test(h[x-1]??"")||/\d/.test(h[x+1]??"")?F.decimalSeparator:".")):s=s.split(".").join("").split(F.decimalSeparator).join("");let E,de;if(M){let H=M(s);H.isIntermediate?E=s:H.value!==null?E=v?v(H.value):T.format(H.value):s===""?E="":E=s,V.current=E.length;}else if(ce){let H=A.parse(s);if(H.isIntermediate)E=(!v&&H.value!==null?fe(H.value,s):null)??Je(s,F.zero);else if(H.value!==null)if(v)E=v(H.value);else {E=te.format(H.value);let x=A.parse(E).value;de=x!==null&&Number.isFinite(x)&&te.format(x)===E?x:H.value;}else s===""||!/\d/.test(s)?E="":E=s;v?V.current=E.length:V.current=Pe(R,I,E,F,g);}else E=s,V.current=I;e._setLastChangeReason(E===""?"clear":"input"),e.setInputValue(E,de);},[T,te,A,ce,e,v,M,fe]),le=useCallback(f=>{f.preventDefault();let R=f.clipboardData.getData("text/plain");if(!R)return;let I=R.replace(/[€$£¥₹₺₽﷼฿₩¢₦₨₪₫₱]/g,"").trim(),g=U(I);if(!p){let h=T.getLocaleInfo();g=g.split("-").join("").split(h.minusSign).join("");}if(!c){let h=T.getLocaleInfo();g=g.split(".").join("").split(h.decimalSeparator).join("");}if(e._setLastChangeReason("paste"),M){let h=M(g);if(h.value!==null){let w=v?v(h.value):T.format(h.value);e.setInputValue(w,h.value),V.current=w.length;}return}let F=Vt(g);if(F!==null){let w=i?.style==="percent"?F/100:F,pe=v?v(w):T.format(w);e.setInputValue(pe,w),V.current=pe.length;return}let s=A.parse(g);if(s.value!==null){let h=T.format(s.value);e.setInputValue(h,s.value),V.current=h.length;return}let E=T.getLocaleInfo(),de=new RegExp(`[^0-9${ut(E.decimalSeparator)}${ut(E.minusSign)}-]`,"g"),H=g.replace(de,""),x=A.parse(H);if(x.value!==null){let h=T.format(x.value);e.setInputValue(h,x.value),V.current=h.length;}},[A,T,e,v,M]),je=useCallback(f=>{if(O==="formatted")return;f.preventDefault();let R=String(e.numberValue??"");f.clipboardData.setData("text/plain",R);},[O,e.numberValue]),Y=useCallback(f=>{if(O==="formatted")return;f.preventDefault();let R=String(e.numberValue??"");f.clipboardData.setData("text/plain",R),e._setLastChangeReason("clear"),e.setInputValue("");},[O,e]),$e=useCallback(f=>{if(S||C)return;let R=f.key;if(!f.metaKey&&!f.ctrlKey&&!f.altKey&&c){let I=T.getLocaleInfo();if(R===I.decimalSeparator||R==="."&&I.decimalSeparator!=="."&&I.groupingSeparator!=="."){let F=r.current;if(F){let s=F.value.indexOf(I.decimalSeparator);if(s!==-1){f.preventDefault(),F.setSelectionRange(s+1,s+1);return}}}}if(R==="Backspace"&&!f.shiftKey&&!f.altKey&&!f.metaKey&&!f.ctrlKey){let I=r.current;if(I){let g=I.selectionStart??0,F=I.selectionEnd??g,s=I.value,E=T.getLocaleInfo();if(g===F&&g>=2&&s[g-1]===E.groupingSeparator){f.preventDefault();let x=s.slice(0,g-2)+s.slice(g),h=A.parse(x);e._setLastChangeReason("input");let w;h.value!==null?(w=fe(h.value,x)??te.format(h.value),e.setInputValue(w,h.value)):(w=x,x===""&&e._setLastChangeReason("clear"),e.setInputValue(x)),V.current=Pe(x,g-2,w,E,"deleteContentBackward");return}let de=x=>x!==void 0&&/\p{Nd}/u.test(x),H=x=>x!==void 0&&!de(x)&&x!==E.decimalSeparator&&x!==E.minusSign&&x!=="-";if(g===F&&g===s.length&&g>=1&&H(s[g-1])){let x=g;for(;x>0&&H(s[x-1]);)x--;if(x>0&&de(s[x-1])){f.preventDefault();let h=s.slice(0,x-1)+s.slice(x),w=A.parse(h);e._setLastChangeReason("input");let pe;w.value!==null&&/\p{Nd}/u.test(h)?(pe=fe(w.value,h)??te.format(w.value),e.setInputValue(pe,w.value)):(pe="",e._setLastChangeReason("clear"),e.setInputValue("")),V.current=Pe(h,x-1,pe,E,"deleteContentBackward");return}}}}if(R==="ArrowUp"||R==="ArrowDown"){f.preventDefault();let I=R==="ArrowUp"?1:-1;e._setLastChangeReason("keyboard"),f.shiftKey?I>0?e.increment(B):e.decrement(B):f.metaKey||f.ctrlKey?I>0?e.increment(Z):e.decrement(Z):I>0?e.increment():e.decrement();return}if(R==="PageUp"){f.preventDefault(),e._setLastChangeReason("keyboard"),e.increment(B);return}if(R==="PageDown"){f.preventDefault(),e._setLastChangeReason("keyboard"),e.decrement(B);return}if(R==="Home"){o!==void 0&&(f.preventDefault(),e._setLastChangeReason("keyboard"),e.decrementToMin());return}if(R==="End"){l!==void 0&&(f.preventDefault(),e._setLastChangeReason("keyboard"),e.incrementToMax());return}if(R==="Enter"){e._setLastChangeReason("blur");let I=e.commit();Q?.(I,{reason:"keyboard"});return}},[S,C,e,B,Z,o,l,T,te,A,r,c,fe,Q]),ie=useCallback(f=>{e.setIsFocused(false),e._setLastChangeReason("blur");let R=e.commit();Q?.(R,{reason:"blur"}),G?.(f);},[e,G,Q]),Ue=useCallback(f=>{e.setIsFocused(true),J?.(f);},[e,J]),Ke=Qe(()=>{e._setLastChangeReason("increment"),e.increment();},{delay:ae,interval:X,disabled:S||!e.canIncrement}),ze=Qe(()=>{e._setLastChangeReason("decrement"),e.decrement();},{delay:ae,interval:X,disabled:S||!e.canDecrement}),Ye=useMemo(()=>{if(e.numberValue!=null)return v?v(e.numberValue):T.format(e.numberValue)},[e.numberValue,T,v]),Ve=T.getLocaleInfo(),ye=e.numberValue!==null&&(o!==void 0&&e.numberValue<o||l!==void 0&&e.numberValue>l)||e.validationState==="invalid",ge=useRef(0),[d,D]=useState(false),N=useCallback(f=>{f?(ge.current+=1,D(true)):ge.current>0&&(ge.current-=1,ge.current===0&&D(false));},[]),_=t["aria-labelledby"]??(t["aria-label"]?void 0:d?be:void 0),Le={id:be,htmlFor:ee,ref:N},pt={role:"group","aria-labelledby":_},bt={id:ee,type:"text",inputMode:"decimal",role:"spinbutton",autoComplete:"off",autoCorrect:"off",spellCheck:false,"aria-label":t["aria-label"],"aria-labelledby":_,"aria-describedby":t["aria-describedby"],"aria-valuenow":e.numberValue??void 0,"aria-valuemin":o,"aria-valuemax":l,"aria-valuetext":Ye,"aria-disabled":S||void 0,"aria-readonly":C||void 0,"aria-required":P||void 0,"aria-invalid":ye?true:void 0,"aria-errormessage":ye&&e.validationError?Ee:void 0,disabled:S,readOnly:C,required:P,value:e.inputValue,onChange:Me,onKeyDown:$e,onBlur:ie,onFocus:Ue,onPaste:le,onCopy:O!=="formatted"?je:void 0,onCut:O!=="formatted"?Y:void 0,onCompositionStart:Ce,onCompositionEnd:Fe,style:Ve.isRTL?{direction:"ltr",textAlign:"right",unicodeBidi:"embed"}:void 0,"data-disabled":S?"":void 0,"data-readonly":C?"":void 0,"data-required":P?"":void 0,"data-invalid":ye?"":void 0,"data-rtl":Ve.isRTL?"":void 0},gt=L?{type:"hidden",name:L,value:e.numberValue??"","aria-hidden":true}:null,vt={type:"button",tabIndex:-1,"aria-label":"Increase",disabled:S||!e.canIncrement,...Ke,"data-disabled":S||!e.canIncrement?"":void 0},Rt={type:"button",tabIndex:-1,"aria-label":"Decrease",disabled:S||!e.canDecrement,...ze,"data-disabled":S||!e.canDecrement?"":void 0};return {labelProps:Le,groupProps:pt,inputProps:bt,hiddenInputProps:gt,incrementButtonProps:vt,decrementButtonProps:Rt,descriptionProps:{id:Ne},errorMessageProps:{id:Ee,role:"alert","aria-live":"polite"}}}function Ht(t,e={}){let{locale:r,formatOptions:n,prefix:i,suffix:o,minimumFractionDigits:l,maximumFractionDigits:p,fixedDecimalScale:c}=e,m=useMemo(()=>ne({locale:r,formatOptions:n,prefix:i,suffix:o,minimumFractionDigits:l,maximumFractionDigits:p,fixedDecimalScale:c}),[r,JSON.stringify(n),i,o,l,p,c]);return useMemo(()=>t==null?"":m.format(t),[t,m])}var ke=createContext(null);function j(){let t=useContext(ke);if(!t)throw new Error("[raqam] NumberField sub-components must be used inside <NumberField.Root>.");return t}function ft(t,e={}){let{direction:r="horizontal",pixelSensitivity:n=4}=e,[i,o]=useState(false),l=useRef(t);l.current=t;let p=useRef(r);p.current=r;let c=useRef(n);c.current=n;let m=useRef(false),b=useRef(0),u=useRef(null),a=useRef({x:0,y:0}),[L,S]=useState({x:0,y:0}),C=useRef(y=>{if(!m.current)return;let O=a.current.x+y.movementX,ae=a.current.y+y.movementY;a.current={x:O,y:ae},S({x:O,y:ae});let X=p.current,v=0;X==="horizontal"?v=y.movementX:X==="vertical"?v=-y.movementY:v=Math.abs(y.movementX)>=Math.abs(y.movementY)?y.movementX:-y.movementY,b.current+=v;let M=c.current;for(;b.current>=M;)l.current.increment(),b.current-=M;for(;b.current<=-M;)l.current.decrement(),b.current+=M;}),P=useRef(()=>{document.pointerLockElement===u.current?(m.current=true,b.current=0,o(true),l.current.setIsScrubbing(true),document.addEventListener("mousemove",C.current)):(m.current=false,b.current=0,document.removeEventListener("mousemove",C.current),o(false),l.current.setIsScrubbing(false));});useEffect(()=>{let y=P.current;return document.addEventListener("pointerlockchange",y),()=>{document.removeEventListener("pointerlockchange",y),document.removeEventListener("mousemove",C.current);}},[]);let J=useCallback(y=>{if(l.current.options.disabled||l.current.options.readOnly||y.button!==0)return;let O=y.currentTarget;u.current=O,a.current={x:y.clientX,y:y.clientY},S({x:y.clientX,y:y.clientY}),O.requestPointerLock();},[]),G=useCallback(y=>{l.current.options.disabled||l.current.options.readOnly||(y.key==="ArrowRight"||y.key==="ArrowUp"?(y.preventDefault(),l.current.increment()):(y.key==="ArrowLeft"||y.key==="ArrowDown")&&(y.preventDefault(),l.current.decrement()));},[]),re=r==="horizontal"?"ew-resize":r==="vertical"?"ns-resize":"move",se={role:"slider",tabIndex:t.options.disabled?-1:0,style:{cursor:t.options.disabled?void 0:re,userSelect:"none",WebkitUserSelect:"none"},"aria-label":"Scrub to change value","data-scrubbing":i?"":void 0,onPointerDown:J,onKeyDown:G};return {isScrubbing:i,scrubAreaProps:se,virtualCursor:L}}function ue(t,e,r,n){if(!e)return t;let i={...t.props};if(n!=null&&(i.ref=n),typeof e=="function")return e(i,r);let o=Object.assign({},i,e.props);return n!=null&&(o.ref=n),nt.cloneElement(e,o)}var dt=Number.parseInt(nt.version,10)>=19,Bt=dt;function _t(t){return dt?t.props.ref:t.ref}function jt(...t){let e=n=>{let i=[];for(let o of t)if(o!=null)if(typeof o=="function"){let l=o(n);i.push(typeof l=="function"?l:()=>o(null));}else o.current=n,i.push(()=>{o.current=null;});return i};if(Bt)return n=>{let i=e(n);return ()=>{for(let o of i)o();}};let r=[];return n=>{for(let i of r)i();r=n==null?[]:e(n);}}function $t(t,e){let{options:r}=t;return {"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-required":r.required?"":void 0,"data-scrubbing":t.isScrubbing?"":void 0,"data-focused":t.isFocused?"":void 0,"data-invalid":e?"":void 0}}var Ut=new Set(["className","style","id","tabIndex","title","role","aria-label","data-testid","onClick","onMouseEnter","onMouseLeave"]);function Kt(t){let e={},r={};for(let[n,i]of Object.entries(t))Ut.has(n)||n.startsWith("data-")||n.startsWith("aria-")?r[n]=i:e[n]=i;return {fieldProps:e,divProps:r}}var zt=forwardRef(function({children:e,onValueChange:r,onValueCommitted:n,...i},o){let l=useRef(null),{fieldProps:p,divProps:c}=Kt(i),m=p,b=useRef(r);b.current=r;let u=useRef(null),a={...m,onValueCommitted:n,onChange:P=>{m.onChange?.(P),b.current&&u.current&&b.current(P,{reason:u.current._getLastChangeReason(),formattedValue:u.current.inputValue});}},L=Xe(a);u.current=L;let S=et(a,L,l),C=L.validationState==="invalid"||L.numberValue!==null&&(m.minValue!==void 0&&L.numberValue<m.minValue||m.maxValue!==void 0&&L.numberValue>m.maxValue);return jsx(ke.Provider,{value:{state:L,aria:S,inputRef:l,props:a},children:jsx("div",{ref:o,...c,...$t(L,C),children:e})})}),Yt=forwardRef(function({render:e,children:r,...n},i){let{aria:o,state:l}=j(),{ref:p,...c}=o.labelProps,m=nt.isValidElement(e)?_t(e):void 0,b=useMemo(()=>jt(i,p,m),[i,p,m]),u=jsx("label",{ref:b,...c,...n,children:r});return ue(u,e,l,b)}),qt=forwardRef(function({render:e,children:r,...n},i){let{aria:o,state:l}=j(),p=jsx("div",{ref:i,...o.groupProps,...n,children:r});return ue(p,e,l)}),Wt=forwardRef(function({render:e,...r},n){let{aria:i,state:o,inputRef:l}=j(),p=jsx("input",{ref:l,...i.inputProps,...r});return ue(p,e,o)}),Jt=forwardRef(function({render:e,children:r,...n},i){let{aria:o,state:l}=j(),p=jsx("button",{ref:i,...o.incrementButtonProps,...n,children:r??"+"});return ue(p,e,l)}),Gt=forwardRef(function({render:e,children:r,...n},i){let{aria:o,state:l}=j(),p=jsx("button",{ref:i,...o.decrementButtonProps,...n,children:r??"\u2212"});return ue(p,e,l)}),Xt=function(){let{aria:e}=j();return e.hiddenInputProps?jsx("input",{...e.hiddenInputProps}):null},Qt=forwardRef(function({render:e,children:r,direction:n="horizontal",pixelSensitivity:i=4,...o},l){let{state:p}=j(),{scrubAreaProps:c}=ft(p,{direction:n,pixelSensitivity:i}),m=jsx("span",{ref:l,...c,...o,children:r});return ue(m,e,p)}),Zt=forwardRef(function({render:e,children:r,style:n,...i},o){let{state:l}=j();if(!l.isScrubbing)return null;let p=jsx("span",{ref:o,style:{position:"fixed",pointerEvents:"none",zIndex:9999,...n},...i,children:r});return ue(p,e,l)}),en=forwardRef(function({children:e,...r},n){let{aria:i}=j();return jsx("p",{ref:n,...i.descriptionProps,...r,children:e})}),tn=forwardRef(function({children:e,...r},n){let{aria:i,state:o}=j(),l=e??o.validationError??null;return l?jsx("p",{ref:n,...i.errorMessageProps,...r,children:l}):null}),nn=forwardRef(function({render:e,...r},n){let{state:i}=j(),o=jsx("span",{ref:n,"aria-hidden":"true",...r,children:i.inputValue});return ue(o,e,i)}),rn={Root:zt,Label:Yt,Group:qt,Input:Wt,Increment:Jt,Decrement:Gt,HiddenInput:Xt,ScrubArea:Qt,ScrubAreaCursor:Zt,Description:en,ErrorMessage:tn,Formatted:nn};export{rn as NumberField,ke as NumberFieldContext,qe as useControllableState,et as useNumberField,j as useNumberFieldContext,Ht as useNumberFieldFormat,Xe as useNumberFieldState};//# sourceMappingURL=react.js.map
+export{i as NumberField,g as NumberFieldContext,a as useControllableState,d as useNumberField,h as useNumberFieldContext,e as useNumberFieldFormat,b as useNumberFieldState}from'./chunk-G7ACJUKH.js';import'./chunk-P6AWGQPY.js';import'./chunk-4GNLVHAM.js';//# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map