@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/forms/FileUpload/FileUpload.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/FileUpload/FileUpload.module.css
+// src/components/forms/FileUpload/FileUpload.module.css
 var e = "_root_wpmjx_25", t = "_nativeInput_wpmjx_61", n = "_sm_wpmjx_87", r = "_md_wpmjx_101", i = "_lg_wpmjx_115", a = "_variantDropzone_wpmjx_133", o = "_variantButton_wpmjx_143", s = "_buttonRow_wpmjx_151", c = "_hint_wpmjx_165", l = "_dropzone_wpmjx_131", u = "_browse_wpmjx_233", d = "_iconBadge_wpmjx_251", f = "_text_wpmjx_283", p = "_prompt_wpmjx_297", m = "_invalid_wpmjx_369", h = "_disabled_wpmjx_381", g = "_rejections_wpmjx_415", _ = "_rejectionsHeader_wpmjx_437", v = "_rejectionsTitle_wpmjx_449", y = "_rejectionsDismiss_wpmjx_465", b = "_rejectionList_wpmjx_473", x = "_rejection_wpmjx_415", S = "_rejectionName_wpmjx_507", C = "_rejectionReason_wpmjx_519", w = "_list_wpmjx_529", T = "_item_wpmjx_547", E = "_itemEnter_wpmjx_1", D = "_thumb_wpmjx_609", O = "_thumbImage_wpmjx_647", k = "_itemBody_wpmjx_659", A = "_fileName_wpmjx_677", j = "_meta_wpmjx_713", M = "_status_wpmjx_733", N = "_progress_wpmjx_771", P = "_remove_wpmjx_779", F = {
 	root: e,
 	nativeInput: t,
@@ -36,5 +36,4 @@ var e = "_root_wpmjx_25", t = "_nativeInput_wpmjx_61", n = "_sm_wpmjx_87", r = "
 	progress: N,
 	remove: P
 };
-//#endregion
 export { u as browse, s as buttonRow, F as default, h as disabled, l as dropzone, A as fileName, c as hint, d as iconBadge, m as invalid, T as item, k as itemBody, E as itemEnter, i as lg, w as list, r as md, j as meta, t as nativeInput, N as progress, p as prompt, x as rejection, b as rejectionList, S as rejectionName, C as rejectionReason, g as rejections, y as rejectionsDismiss, _ as rejectionsHeader, v as rejectionsTitle, P as remove, e as root, n as sm, M as status, f as text, D as thumb, O as thumbImage, o as variantButton, a as variantDropzone };

package/dist/components/forms/Input/Input.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),ee=require("../Field/FieldContext.cjs.js"),a=require("./Input.module.css.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c={outline:a.default.outline,filled:a.default.filled},l={sm:a.default.sm,md:a.default.md,lg:a.default.lg},u={none:a.default.radiusNone,xs:a.default.radiusXs,sm:a.default.radiusSm,md:a.default.radiusMd,lg:a.default.radiusLg,xl:a.default.radiusXl,"2xl":a.default.radius2xl,pill:a.default.radiusPill};function d(e){return e!=null&&String(e)!==``}function f(e){return typeof e==`string`||typeof e==`number`}function p(e,t){let n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set;n?n.call(e,t):e.value=t,e.dispatchEvent(new Event(`input`,{bubbles:!0}))}var m=({size:m,variant:h=`outline`,radius:g,invalid:_,startIcon:v,endIcon:y,startAddon:b,endAddon:x,startElement:S,endElement:C,clearable:w=!1,clearLabel:T,onClear:E,loading:D=!1,fullWidth:te=!0,htmlSize:ne,onValueChange:re,onChange:O,className:k,inputClassName:A,style:j,ref:M,id:N,type:P=`text`,value:F,defaultValue:I,disabled:L,required:R,readOnly:z,"aria-describedby":B,"aria-busy":V,...H})=>{let U=e.useMessages(),ie=T??U.input.clear,W=(0,o.useId)(),G=`${W}-start-addon`,K=`${W}-end-addon`,q=[B,b!=null&&f(b)?G:void 0,x!=null&&f(x)?K:void 0].filter(Boolean).join(` `)||void 0,J=ee.useFieldControl({id:N,invalid:_,required:R,disabled:L,readOnly:z,size:m,"aria-describedby":q}),Y=J.size??`md`,X=F!==void 0,Z=(0,o.useRef)(null),ae=(0,o.useCallback)(e=>{Z.current=e,t.assignRef(M,e)},[M]),[oe,Q]=(0,o.useState)(()=>d(I)),se=X?d(F):oe;(0,o.useEffect)(()=>{if(X)return;let e=Z.current?.form;if(!e)return;let t=()=>{requestAnimationFrame(()=>{Z.current&&Q(Z.current.value!==``)})};return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[X]);let ce=e=>{let t=e.target.value;X||Q(t!==``),O?.(e),re?.(t)},le=()=>{let e=Z.current;e&&(p(e,``),e.focus(),E?.())},ue=e=>{let t=Z.current;if(!t||J.disabled)return;let n=e.target;n!==t&&(n.closest(`button, a, input, select, textarea, [tabindex], [contenteditable]`)||(e.preventDefault(),t.focus()))},$=w&&se&&!J.disabled&&!J.readOnly,de=$||C!=null;return(0,s.jsxs)(`div`,{className:n.cx(a.default.root,c[h],l[Y],g?u[g]:a.default.radiusDefault,te&&a.default.fullWidth,J.invalid&&a.default.invalid,J.disabled&&a.default.disabled,J.readOnly&&!J.disabled&&a.default.readOnly,b!=null&&a.default.hasStartAddon,x!=null&&a.default.hasEndAddon,S!=null&&a.default.hasStartElement,de&&a.default.hasEndControl,k),style:j,"data-size":Y,"data-variant":h,onPointerDown:ue,children:[b!=null&&(0,s.jsx)(`span`,{className:n.cx(a.default.addon,a.default.startAddon),id:f(b)?G:void 0,children:b}),S!=null&&(0,s.jsx)(`span`,{className:a.default.element,children:S}),v!=null&&(0,s.jsx)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:v}),(0,s.jsx)(`input`,{...H,ref:ae,id:J.id,type:P,value:F,defaultValue:I,size:ne,disabled:J.disabled,required:J.required,readOnly:J.readOnly,...J.ariaProps,"aria-busy":D?!0:V,className:n.cx(a.default.input,w&&a.default.hideNativeClear,A),onChange:ce}),D&&(0,s.jsx)(`span`,{className:a.default.icon,children:(0,s.jsx)(r.Spinner,{decorative:!0,size:Y===`sm`?`xs`:`sm`})}),$&&(0,s.jsx)(`button`,{type:`button`,className:a.default.clear,"aria-label":ie,"aria-controls":J.id,onClick:le,children:(0,s.jsx)(i.CloseIcon,{size:Y===`lg`?`sm`:`xs`})}),C!=null&&(0,s.jsx)(`span`,{className:a.default.element,children:C}),y!=null&&(0,s.jsx)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:y}),x!=null&&(0,s.jsx)(`span`,{className:n.cx(a.default.addon,a.default.endAddon),id:f(x)?K:void 0,children:x})]})};exports.Input=m;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../feedback/Spinner/Spinner.cjs.js"),ee=require("../../primitives/Icon/icons.cjs.js"),r=require("../Field/FieldContext.cjs.js"),i=require("./Input.module.css.cjs.js"),a=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c={outline:i.default.outline,filled:i.default.filled},l={sm:i.default.sm,md:i.default.md,lg:i.default.lg},u={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill};function d(e){return e!=null&&String(e)!==``}function f(e){return typeof e==`string`||typeof e==`number`}function p(e,t){let n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set;n?n.call(e,t):e.value=t,e.dispatchEvent(new Event(`input`,{bubbles:!0}))}var m=({size:m,variant:h=`outline`,radius:g,invalid:_,startIcon:v,endIcon:y,startAddon:b,endAddon:x,startElement:S,endElement:C,clearable:w=!1,clearLabel:T,onClear:E,loading:D=!1,fullWidth:te=!0,htmlSize:ne,onValueChange:re,onChange:O,className:k,inputClassName:A,style:j,ref:M,id:N,type:P=`text`,value:F,defaultValue:I,disabled:L,required:R,readOnly:z,"aria-describedby":B,"aria-busy":V,...H})=>{let U=a.useMessages(),ie=T??U.input.clear,W=(0,o.useId)(),G=`${W}-start-addon`,K=`${W}-end-addon`,q=[B,b!=null&&f(b)?G:void 0,x!=null&&f(x)?K:void 0].filter(Boolean).join(` `)||void 0,J=r.useFieldControl({id:N,invalid:_,required:R,disabled:L,readOnly:z,size:m,"aria-describedby":q}),Y=J.size??`md`,X=F!==void 0,Z=(0,o.useRef)(null),ae=(0,o.useCallback)(e=>{Z.current=e,t.assignRef(M,e)},[M]),[oe,Q]=(0,o.useState)(()=>d(I)),se=X?d(F):oe;(0,o.useEffect)(()=>{if(X)return;let e=Z.current?.form;if(!e)return;let t=()=>{requestAnimationFrame(()=>{Z.current&&Q(Z.current.value!==``)})};return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[X]);let ce=e=>{let t=e.target.value;X||Q(t!==``),O?.(e),re?.(t)},le=()=>{let e=Z.current;e&&(p(e,``),e.focus(),E?.())},ue=e=>{let t=Z.current;if(!t||J.disabled)return;let n=e.target;n!==t&&(n.closest(`button, a, input, select, textarea, [tabindex], [contenteditable]`)||(e.preventDefault(),t.focus()))},$=w&&se&&!J.disabled&&!J.readOnly,de=$||C!=null;return(0,s.jsxs)(`div`,{className:e.cx(i.default.root,c[h],l[Y],g?u[g]:i.default.radiusDefault,te&&i.default.fullWidth,J.invalid&&i.default.invalid,J.disabled&&i.default.disabled,J.readOnly&&!J.disabled&&i.default.readOnly,b!=null&&i.default.hasStartAddon,x!=null&&i.default.hasEndAddon,S!=null&&i.default.hasStartElement,de&&i.default.hasEndControl,k),style:j,"data-size":Y,"data-variant":h,onPointerDown:ue,children:[b!=null&&(0,s.jsx)(`span`,{className:e.cx(i.default.addon,i.default.startAddon),id:f(b)?G:void 0,children:b}),S!=null&&(0,s.jsx)(`span`,{className:i.default.element,children:S}),v!=null&&(0,s.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:v}),(0,s.jsx)(`input`,{...H,ref:ae,id:J.id,type:P,value:F,defaultValue:I,size:ne,disabled:J.disabled,required:J.required,readOnly:J.readOnly,...J.ariaProps,"aria-busy":D?!0:V,className:e.cx(i.default.input,w&&i.default.hideNativeClear,A),onChange:ce}),D&&(0,s.jsx)(`span`,{className:i.default.icon,children:(0,s.jsx)(n.Spinner,{decorative:!0,size:Y===`sm`?`xs`:`sm`})}),$&&(0,s.jsx)(`button`,{type:`button`,className:i.default.clear,"aria-label":ie,"aria-controls":J.id,onClick:le,children:(0,s.jsx)(ee.CloseIcon,{size:Y===`lg`?`sm`:`xs`})}),C!=null&&(0,s.jsx)(`span`,{className:i.default.element,children:C}),y!=null&&(0,s.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:y}),x!=null&&(0,s.jsx)(`span`,{className:e.cx(i.default.addon,i.default.endAddon),id:f(x)?K:void 0,children:x})]})};exports.Input=m;

package/dist/components/forms/Input/Input.mjs

@@ -1,29 +1,30 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
 import { assignRef as t } from "../../../utils/refs.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { Spinner as r } from "../../feedback/Spinner/Spinner.mjs";
-import { CloseIcon as ee } from "../../primitives/Icon/icons.mjs";
-import { useFieldControl as i } from "../Field/FieldContext.mjs";
-import a from "./Input.module.css.mjs";
+import { Spinner as n } from "../../feedback/Spinner/Spinner.mjs";
+import { CloseIcon as r } from "../../primitives/Icon/icons.mjs";
+import { useFieldControl as ee } from "../Field/FieldContext.mjs";
+import i from "./Input.module.css.mjs";
+import { useMessages as a } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useCallback as o, useEffect as s, useId as c, useRef as te, useState as ne } from "react";
 import { jsx as l, jsxs as re } from "react/jsx-runtime";
-//#region src/components/forms/Input/Input.tsx
+// src/components/forms/Input/Input.tsx
 var ie = {
-	outline: a.outline,
-	filled: a.filled
+	outline: i.outline,
+	filled: i.filled
 }, ae = {
-	sm: a.sm,
-	md: a.md,
-	lg: a.lg
+	sm: i.sm,
+	md: i.md,
+	lg: i.lg
 }, oe = {
-	none: a.radiusNone,
-	xs: a.radiusXs,
-	sm: a.radiusSm,
-	md: a.radiusMd,
-	lg: a.radiusLg,
-	xl: a.radiusXl,
-	"2xl": a.radius2xl,
-	pill: a.radiusPill
+	none: i.radiusNone,
+	xs: i.radiusXs,
+	sm: i.radiusSm,
+	md: i.radiusMd,
+	lg: i.radiusLg,
+	xl: i.radiusXl,
+	"2xl": i.radius2xl,
+	pill: i.radiusPill
 };
 function u(e) {
 	return e != null && String(e) !== "";
@@ -36,11 +37,11 @@ function f(e, t) {
 	n ? n.call(e, t) : e.value = t, e.dispatchEvent(new Event("input", { bubbles: !0 }));
 }
 var p = ({ size: p, variant: m = "outline", radius: h, invalid: se, startIcon: g, endIcon: _, startAddon: v, endAddon: y, startElement: b, endElement: x, clearable: S = !1, clearLabel: C, onClear: w, loading: T = !1, fullWidth: E = !0, htmlSize: D, onValueChange: O, onChange: k, className: A, inputClassName: j, style: M, ref: N, id: P, type: F = "text", value: I, defaultValue: L, disabled: R, required: z, readOnly: B, "aria-describedby": V, "aria-busy": H, ...ce }) => {
-	let U = e(), W = C ?? U.input.clear, G = c(), K = `${G}-start-addon`, q = `${G}-end-addon`, le = [
+	let U = a(), W = C ?? U.input.clear, G = c(), K = `${G}-start-addon`, q = `${G}-end-addon`, le = [
 		V,
 		v != null && d(v) ? K : void 0,
 		y != null && d(y) ? q : void 0
-	].filter(Boolean).join(" ") || void 0, J = i({
+	].filter(Boolean).join(" ") || void 0, J = ee({
 		id: P,
 		invalid: se,
 		required: z,
@@ -75,23 +76,23 @@ var p = ({ size: p, variant: m = "outline", radius: h, invalid: se, startIcon: g
 		n !== t && (n.closest("button, a, input, select, textarea, [tabindex], [contenteditable]") || (e.preventDefault(), t.focus()));
 	}, $ = S && fe && !J.disabled && !J.readOnly, ge = $ || x != null;
 	return /* @__PURE__ */ re("div", {
-		className: n(a.root, ie[m], ae[Y], h ? oe[h] : a.radiusDefault, E && a.fullWidth, J.invalid && a.invalid, J.disabled && a.disabled, J.readOnly && !J.disabled && a.readOnly, v != null && a.hasStartAddon, y != null && a.hasEndAddon, b != null && a.hasStartElement, ge && a.hasEndControl, A),
+		className: e(i.root, ie[m], ae[Y], h ? oe[h] : i.radiusDefault, E && i.fullWidth, J.invalid && i.invalid, J.disabled && i.disabled, J.readOnly && !J.disabled && i.readOnly, v != null && i.hasStartAddon, y != null && i.hasEndAddon, b != null && i.hasStartElement, ge && i.hasEndControl, A),
 		style: M,
 		"data-size": Y,
 		"data-variant": m,
 		onPointerDown: he,
 		children: [
 			v != null && /* @__PURE__ */ l("span", {
-				className: n(a.addon, a.startAddon),
+				className: e(i.addon, i.startAddon),
 				id: d(v) ? K : void 0,
 				children: v
 			}),
 			b != null && /* @__PURE__ */ l("span", {
-				className: a.element,
+				className: i.element,
 				children: b
 			}),
 			g != null && /* @__PURE__ */ l("span", {
-				className: a.icon,
+				className: i.icon,
 				"aria-hidden": "true",
 				children: g
 			}),
@@ -108,40 +109,39 @@ var p = ({ size: p, variant: m = "outline", radius: h, invalid: se, startIcon: g
 				readOnly: J.readOnly,
 				...J.ariaProps,
 				"aria-busy": T ? !0 : H,
-				className: n(a.input, S && a.hideNativeClear, j),
+				className: e(i.input, S && i.hideNativeClear, j),
 				onChange: pe
 			}),
 			T && /* @__PURE__ */ l("span", {
-				className: a.icon,
-				children: /* @__PURE__ */ l(r, {
+				className: i.icon,
+				children: /* @__PURE__ */ l(n, {
 					decorative: !0,
 					size: Y === "sm" ? "xs" : "sm"
 				})
 			}),
 			$ && /* @__PURE__ */ l("button", {
 				type: "button",
-				className: a.clear,
+				className: i.clear,
 				"aria-label": W,
 				"aria-controls": J.id,
 				onClick: me,
-				children: /* @__PURE__ */ l(ee, { size: Y === "lg" ? "sm" : "xs" })
+				children: /* @__PURE__ */ l(r, { size: Y === "lg" ? "sm" : "xs" })
 			}),
 			x != null && /* @__PURE__ */ l("span", {
-				className: a.element,
+				className: i.element,
 				children: x
 			}),
 			_ != null && /* @__PURE__ */ l("span", {
-				className: a.icon,
+				className: i.icon,
 				"aria-hidden": "true",
 				children: _
 			}),
 			y != null && /* @__PURE__ */ l("span", {
-				className: n(a.addon, a.endAddon),
+				className: e(i.addon, i.endAddon),
 				id: d(y) ? q : void 0,
 				children: y
 			})
 		]
 	});
 };
-//#endregion
 export { p as Input };

package/dist/components/forms/Input/Input.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Input/Input.module.css
+// src/components/forms/Input/Input.module.css
 var e = "_root_a9i71_13", t = "_fullWidth_a9i71_91", n = "_sm_a9i71_103", r = "_md_a9i71_119", i = "_lg_a9i71_135", a = "_radiusDefault_a9i71_153", o = "_radiusNone_a9i71_159", s = "_radiusXs_a9i71_165", c = "_radiusSm_a9i71_171", l = "_radiusMd_a9i71_177", u = "_radiusLg_a9i71_183", d = "_radiusXl_a9i71_189", f = "_radius2xl_a9i71_195", p = "_radiusPill_a9i71_201", m = "_outline_a9i71_211", h = "_filled_a9i71_221", g = "_disabled_a9i71_235", _ = "_readOnly_a9i71_235", v = "_invalid_a9i71_235", y = "_input_a9i71_303", b = "_hideNativeClear_a9i71_387", x = "_icon_a9i71_397", S = "_element_a9i71_435", C = "_hasStartElement_a9i71_451", w = "_hasStartAddon_a9i71_451", T = "_hasEndControl_a9i71_459", E = "_hasEndAddon_a9i71_459", D = "_addon_a9i71_469", O = "_startAddon_a9i71_495", k = "_endAddon_a9i71_509", A = "_clear_a9i71_547", j = {
 	root: e,
 	fullWidth: t,
@@ -32,5 +32,4 @@ var e = "_root_a9i71_13", t = "_fullWidth_a9i71_91", n = "_sm_a9i71_103", r = "_
 	endAddon: k,
 	clear: A
 };
-//#endregion
 export { D as addon, A as clear, j as default, g as disabled, S as element, k as endAddon, h as filled, t as fullWidth, E as hasEndAddon, T as hasEndControl, w as hasStartAddon, C as hasStartElement, b as hideNativeClear, x as icon, y as input, v as invalid, i as lg, r as md, m as outline, f as radius2xl, a as radiusDefault, u as radiusLg, l as radiusMd, o as radiusNone, p as radiusPill, c as radiusSm, d as radiusXl, s as radiusXs, _ as readOnly, e as root, n as sm, O as startAddon };

package/dist/components/forms/NumberInput/NumberInput.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),ee=require("../Field/FieldContext.cjs.js"),te=require("../Input/Input.cjs.js"),o=require("./NumberInput.module.css.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var ne={sides:o.default.sides,stacked:o.default.stacked,none:void 0},re=400,ie=60;function l(e){if(!Number.isFinite(e))return 0;let t=String(e),n=t.match(/e-(\d+)$/);if(n)return Number(n[1]);let r=t.indexOf(`.`);return r===-1?0:t.length-r-1}function u(e,t){return Number(e.toFixed(Math.min(Math.max(t,0),20)))}function d(e,t,n){let r=e;return t!=null&&r<t&&(r=t),n!=null&&r>n&&(r=n),r}function f(e){try{let t=new Intl.NumberFormat(e).formatToParts(11111.1);return{group:t.find(e=>e.type===`group`)?.value??`,`,decimal:t.find(e=>e.type===`decimal`)?.value??`.`}}catch{return{group:`,`,decimal:`.`}}}var p=/[−‒–﹣－]/g,m=/[\s  ]/g;function h(e,t){let{group:n,decimal:r}=f(t),i=e.replace(m,``).replace(p,`-`);return i===``?null:(r===`.`?n!==``&&(i=i.split(n.replace(m,``)||`\0`).join(``)):!i.includes(r)&&/^-?\d*\.(\d{1,2}|\d{4,})$/.test(i.replace(/[^\d.-]/g,``))?i=i.replace(/[^\d.-]/g,``):(i=i.split(n.replace(m,``)).join(``),n===`.`&&(i=i.split(`.`).join(``)),i=i.split(r).join(`.`)),i=i.replace(/['’]/g,``).replace(/[^\d.-]/g,``),!/^-?\d*\.?\d*$/.test(i)||!/\d/.test(i)?NaN:Number(i))}var g=({value:g,defaultValue:_=null,onValueChange:ae,min:v,max:y,step:b=1,largeStep:oe,precision:x,clampOnBlur:se=!0,allowDecimal:ce,allowNegative:le,formatOptions:ue,locale:de,stepper:S=`sides`,decrementLabel:fe,incrementLabel:pe,wheel:me=!1,ref:he,id:ge,size:_e,invalid:ve,disabled:ye,readOnly:be,required:xe,name:C,endAddon:w,className:Se,inputClassName:Ce,inputMode:we,onChange:Te,onFocus:Ee,onBlur:De,onKeyDown:Oe,"aria-describedby":ke,...T})=>{let{messages:E,locale:Ae}=n.useLocale(),D=de??Ae,je=fe??E.numberInput.decrement,Me=pe??E.numberInput.increment,O=ee.useFieldControl({id:ge,invalid:ve,required:xe,disabled:ye,readOnly:be,size:_e}),k=O.disabled||O.readOnly,[A,j]=e.useControllableState({value:g,defaultValue:_,onChange:ae});t.useFormReset(()=>O.id?document.getElementById(O.id):null,()=>{j(_??null),H(``)},g===void 0);let M=ce??x!==0,N=le??!(v!=null&&v>=0),P=oe??b*10,F=(0,s.useMemo)(()=>f(D),[D]),I=(0,s.useMemo)(()=>{let e={};x!=null&&(e.minimumFractionDigits=x,e.maximumFractionDigits=x);try{return new Intl.NumberFormat(D,{...e,...ue})}catch{return new Intl.NumberFormat(void 0,e)}},[D,ue,x]),L=(0,s.useMemo)(()=>{try{return new Intl.NumberFormat(D,{useGrouping:!1,maximumFractionDigits:x??20})}catch{return new Intl.NumberFormat(void 0,{useGrouping:!1,maximumFractionDigits:20})}},[D,x]),R=(0,s.useCallback)(e=>e==null?``:I.format(e),[I]),z=(0,s.useCallback)(e=>e==null?``:L.format(e),[L]),[B,Ne]=(0,s.useState)(!1),[V,H]=(0,s.useState)(``),U=(0,s.useRef)(null),Pe=(0,s.useCallback)(e=>{U.current=e,r.assignRef(he,e)},[he]),Fe=(0,s.useCallback)((e,t)=>{let n=e;return x==null?M||(n=Math.round(n)):n=u(n,x),t&&(n=d(n,v,y)),n},[x,M,v,y]),W=(0,s.useRef)(A);W.current=A,(0,s.useEffect)(()=>{B&&H(e=>{let t=h(e,D);return t===A||t!==null&&Number.isNaN(t)?e:z(A)})},[A]);let G=(0,s.useCallback)(e=>{j(e),B&&H(z(e))},[j,B,z]),K=(0,s.useCallback)(e=>{if(k)return;let t=W.current;if(t==null||Number.isNaN(t)){let e=B?h(V,D):null;t=e!=null&&!Number.isNaN(e)?e:0}let n=x??Math.max(l(b),l(e),l(t)),r=d(u(t+e,M?n:0),v,y);W.current=r,G(r)},[k,B,V,D,x,b,M,v,y,G]),q=(0,s.useRef)(K);q.current=K;let J=A!=null&&v!=null&&A<=v,Y=A!=null&&y!=null&&A>=y,X=(0,s.useRef)({}),Z=(0,s.useRef)(!1),Q=(0,s.useCallback)(()=>{window.clearTimeout(X.current.timeout),window.clearInterval(X.current.interval),X.current={}},[]);(0,s.useEffect)(()=>Q,[Q]),(0,s.useEffect)(()=>{k&&Q()},[k,Q]),(0,s.useEffect)(()=>{(J||Y)&&Q()},[J,Y,Q]);let Ie=e=>t=>{if(t.button!==0||k)return;t.preventDefault(),Z.current=!0,Q(),q.current(e*b);let n=()=>{Q(),window.removeEventListener(`pointerup`,n),window.removeEventListener(`pointercancel`,n),window.setTimeout(()=>{Z.current=!1},0)};window.addEventListener(`pointerup`,n),window.addEventListener(`pointercancel`,n),X.current.timeout=window.setTimeout(()=>{X.current.interval=window.setInterval(()=>{q.current(e*b)},ie)},re)},Le=e=>t=>{if(Z.current){Z.current=!1;return}t.preventDefault(),q.current(e*b)};(0,s.useEffect)(()=>{let e=U.current;if(!me||!B||!e)return;let t=e=>{e.deltaY!==0&&(e.preventDefault(),q.current(e.deltaY<0?b:-b))};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[me,B,b]);let Re=e=>{let t=e.replace(m,``).replace(/\d/g,``);return t=t.split(F.group).join(``),M&&(t=t.split(F.decimal).join(``).replace(/[.,]/g,``)),N&&(t=t.replace(/-/g,``).replace(p,``)),t=t.replace(/['’]/g,``),t===``},ze=e=>{let t=e.target.value,n=e.nativeEvent.inputType;if(n===`insertFromPaste`||n===`insertFromDrop`){let e=h(t,D);e!=null&&!Number.isNaN(e)&&(t=z(e))}if(!Re(t))return;H(t),Te?.(e);let r=h(t,D);if(r===null)j(null);else if(!Number.isNaN(r)){let e=!N&&r<0?Math.abs(r):r;W.current=e,j(e)}},Be=()=>{let e=h(V,D);if(e===null)return j(null),null;let t=Number.isNaN(e)?W.current:e;if(t==null)return j(null),null;let n=se?Fe(t,!0):Fe(t,!1);return W.current=n,j(n),n},Ve=e=>{Ne(!0),H(z(A)),Ee?.(e)},He=e=>{Be(),Ne(!1),Q(),De?.(e)},Ue=e=>{if(Oe?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing)){if(e.key===`Enter`){let e=Be();H(z(e));return}if(!k)switch(e.key){case`ArrowUp`:e.preventDefault(),K(b);break;case`ArrowDown`:e.preventDefault(),K(-b);break;case`PageUp`:e.preventDefault(),K(P);break;case`PageDown`:e.preventDefault(),K(-P);break;case`Home`:v!=null&&(e.preventDefault(),G(v));break;case`End`:y!=null&&(e.preventDefault(),G(y))}}},We=B?V:R(A),Ge=(O.size??`md`)===`lg`?`md`:`sm`,Ke={type:`button`,tabIndex:-1,"aria-controls":O.id},qe=(0,c.jsx)(`button`,{...Ke,className:i.cx(o.default.button,S===`stacked`?o.default.stackButton:o.default.sideButton),"aria-label":je,disabled:k||J,onPointerDown:Ie(-1),onClick:Le(-1),children:S===`stacked`?(0,c.jsx)(a.ChevronDownIcon,{size:`xs`,strokeWidth:2.5}):(0,c.jsx)(a.MinusIcon,{size:Ge,strokeWidth:2.5})}),$=(0,c.jsx)(`button`,{...Ke,className:i.cx(o.default.button,S===`stacked`?o.default.stackButton:o.default.sideButton),"aria-label":Me,disabled:k||Y,onPointerDown:Ie(1),onClick:Le(1),children:S===`stacked`?(0,c.jsx)(a.ChevronUpIcon,{size:`xs`,strokeWidth:2.5}):(0,c.jsx)(a.PlusIcon,{size:Ge,strokeWidth:2.5})}),Je=S===`sides`?$:S===`stacked`?(0,c.jsxs)(`span`,{className:i.cx(o.default.stack,w==null&&o.default.stackFlush),children:[$,qe]}):void 0;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(te.Input,{...T,ref:Pe,id:O.id,size:O.size,invalid:O.invalid,disabled:O.disabled,readOnly:O.readOnly,required:O.required,"aria-describedby":ke,type:`text`,role:`spinbutton`,inputMode:we??(M?`decimal`:`numeric`),autoComplete:T.autoComplete??`off`,"aria-valuenow":A??void 0,"aria-valuemin":v,"aria-valuemax":y,"aria-valuetext":A==null?void 0:R(A),value:We,onChange:ze,onFocus:Ve,onBlur:He,onKeyDown:Ue,startElement:S===`sides`?qe:void 0,endElement:Je,endAddon:w,className:i.cx(ne[S],Se),inputClassName:i.cx(o.default.input,Ce)}),C!=null&&(0,c.jsx)(`input`,{type:`hidden`,name:C,value:A??``,disabled:O.disabled})]})};exports.NumberInput=g,exports.parseNumber=h;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../../utils/intl.cjs.js"),i=require("../../../utils/refs.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),ee=require("../Field/FieldContext.cjs.js"),te=require("../Input/Input.cjs.js"),o=require("./NumberInput.module.css.cjs.js"),ne=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var re={sides:o.default.sides,stacked:o.default.stacked,none:void 0},ie=400,ae=60;function l(e){if(!Number.isFinite(e))return 0;let t=String(e),n=t.match(/e-(\d+)$/);if(n)return Number(n[1]);let r=t.indexOf(`.`);return r===-1?0:t.length-r-1}function u(e,t){return Number(e.toFixed(Math.min(Math.max(t,0),20)))}function d(e,t,n){let r=e;return t!=null&&r<t&&(r=t),n!=null&&r>n&&(r=n),r}function f(e){try{let t=r.getNumberFormat(e).formatToParts(11111.1);return{group:t.find(e=>e.type===`group`)?.value??`,`,decimal:t.find(e=>e.type===`decimal`)?.value??`.`}}catch{return{group:`,`,decimal:`.`}}}var p=/[−‒–﹣－]/g,m=/[\s  ]/g;function h(e,t){let{group:n,decimal:r}=f(t),i=e.replace(m,``).replace(p,`-`);return i===``?null:(r===`.`?n!==``&&(i=i.split(n.replace(m,``)||`\0`).join(``)):!i.includes(r)&&/^-?\d*\.(\d{1,2}|\d{4,})$/.test(i.replace(/[^\d.-]/g,``))?i=i.replace(/[^\d.-]/g,``):(i=i.split(n.replace(m,``)).join(``),n===`.`&&(i=i.split(`.`).join(``)),i=i.split(r).join(`.`)),i=i.replace(/['’]/g,``).replace(/[^\d.-]/g,``),!/^-?\d*\.?\d*$/.test(i)||!/\d/.test(i)?NaN:Number(i))}var g=({value:r,defaultValue:g=null,onValueChange:oe,min:_,max:v,step:y=1,largeStep:se,precision:b,clampOnBlur:ce=!0,allowDecimal:le,allowNegative:ue,formatOptions:de,locale:fe,stepper:x=`sides`,decrementLabel:pe,incrementLabel:me,wheel:S=!1,ref:C,id:he,size:ge,invalid:_e,disabled:ve,readOnly:ye,required:be,name:w,endAddon:T,className:xe,inputClassName:Se,inputMode:Ce,onChange:we,onFocus:Te,onBlur:Ee,onKeyDown:De,"aria-describedby":Oe,...E})=>{let{messages:D,locale:ke}=ne.useLocale(),O=fe??ke,Ae=pe??D.numberInput.decrement,je=me??D.numberInput.increment,k=ee.useFieldControl({id:he,invalid:_e,required:be,disabled:ve,readOnly:ye,size:ge}),A=k.disabled||k.readOnly,[j,M]=e.useControllableState({value:r,defaultValue:g,onChange:oe});t.useFormReset(()=>k.id?document.getElementById(k.id):null,()=>{M(g??null),U(``)},r===void 0);let N=le??b!==0,P=ue??!(_!=null&&_>=0),F=se??y*10,I=(0,s.useMemo)(()=>f(O),[O]),L=(0,s.useMemo)(()=>{let e={};b!=null&&(e.minimumFractionDigits=b,e.maximumFractionDigits=b);try{return new Intl.NumberFormat(O,{...e,...de})}catch{return new Intl.NumberFormat(void 0,e)}},[O,de,b]),R=(0,s.useMemo)(()=>{try{return new Intl.NumberFormat(O,{useGrouping:!1,maximumFractionDigits:b??20})}catch{return new Intl.NumberFormat(void 0,{useGrouping:!1,maximumFractionDigits:20})}},[O,b]),z=(0,s.useCallback)(e=>e==null?``:L.format(e),[L]),B=(0,s.useCallback)(e=>e==null?``:R.format(e),[R]),[V,Me]=(0,s.useState)(!1),[H,U]=(0,s.useState)(``),Ne=(0,s.useRef)(null),Pe=(0,s.useCallback)(e=>{Ne.current=e,i.assignRef(C,e)},[C]),Fe=(0,s.useCallback)((e,t)=>{let n=e;return b==null?N||(n=Math.round(n)):n=u(n,b),t&&(n=d(n,_,v)),n},[b,N,_,v]),W=(0,s.useRef)(j);W.current=j,(0,s.useEffect)(()=>{V&&U(e=>{let t=h(e,O);return t===j||t!==null&&Number.isNaN(t)?e:B(j)})},[j]);let G=(0,s.useCallback)(e=>{M(e),V&&U(B(e))},[M,V,B]),K=(0,s.useCallback)(e=>{if(A)return;let t=W.current;if(t==null||Number.isNaN(t)){let e=V?h(H,O):null;t=e!=null&&!Number.isNaN(e)?e:0}let n=b??Math.max(l(y),l(e),l(t)),r=d(u(t+e,N?n:0),_,v);W.current=r,G(r)},[A,V,H,O,b,y,N,_,v,G]),q=(0,s.useRef)(K);q.current=K;let J=j!=null&&_!=null&&j<=_,Y=j!=null&&v!=null&&j>=v,X=(0,s.useRef)({}),Z=(0,s.useRef)(!1),Q=(0,s.useCallback)(()=>{window.clearTimeout(X.current.timeout),window.clearInterval(X.current.interval),X.current={}},[]);(0,s.useEffect)(()=>Q,[Q]),(0,s.useEffect)(()=>{A&&Q()},[A,Q]),(0,s.useEffect)(()=>{(J||Y)&&Q()},[J,Y,Q]);let Ie=e=>t=>{if(t.button!==0||A)return;t.preventDefault(),Z.current=!0,Q(),q.current(e*y);let n=()=>{Q(),window.removeEventListener(`pointerup`,n),window.removeEventListener(`pointercancel`,n),window.setTimeout(()=>{Z.current=!1},0)};window.addEventListener(`pointerup`,n),window.addEventListener(`pointercancel`,n),X.current.timeout=window.setTimeout(()=>{X.current.interval=window.setInterval(()=>{q.current(e*y)},ae)},ie)},Le=e=>t=>{Z.current?Z.current=!1:(t.preventDefault(),q.current(e*y))};(0,s.useEffect)(()=>{let e=Ne.current;if(!S||!V||!e)return;let t=e=>{e.deltaY!==0&&(e.preventDefault(),q.current(e.deltaY<0?y:-y))};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[S,V,y]);let Re=e=>{let t=e.replace(m,``).replace(/\d/g,``);return t=t.split(I.group).join(``),N&&(t=t.split(I.decimal).join(``).replace(/[.,]/g,``)),P&&(t=t.replace(/-/g,``).replace(p,``)),t=t.replace(/['’]/g,``),t===``},ze=e=>{let t=e.target.value,n=e.nativeEvent.inputType;if(n===`insertFromPaste`||n===`insertFromDrop`){let e=h(t,O);e!=null&&!Number.isNaN(e)&&(t=B(e))}if(!Re(t))return;U(t),we?.(e);let r=h(t,O);if(r===null)M(null);else if(!Number.isNaN(r)){let e=!P&&r<0?Math.abs(r):r;W.current=e,M(e)}},Be=()=>{let e=h(H,O);if(e===null)return M(null),null;let t=Number.isNaN(e)?W.current:e;if(t==null)return M(null),null;let n=ce?Fe(t,!0):Fe(t,!1);return W.current=n,M(n),n},Ve=e=>{Me(!0),U(B(j)),Te?.(e)},He=e=>{Be(),Me(!1),Q(),Ee?.(e)},Ue=e=>{if(De?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing)){if(e.key===`Enter`){let e=Be();U(B(e))}else if(!A)switch(e.key){case`ArrowUp`:e.preventDefault(),K(y);break;case`ArrowDown`:e.preventDefault(),K(-y);break;case`PageUp`:e.preventDefault(),K(F);break;case`PageDown`:e.preventDefault(),K(-F);break;case`Home`:_!=null&&(e.preventDefault(),G(_));break;case`End`:v!=null&&(e.preventDefault(),G(v))}}},We=V?H:z(j),Ge=(k.size??`md`)===`lg`?`md`:`sm`,Ke={type:`button`,tabIndex:-1,"aria-controls":k.id},qe=(0,c.jsx)(`button`,{...Ke,className:n.cx(o.default.button,x===`stacked`?o.default.stackButton:o.default.sideButton),"aria-label":Ae,disabled:A||J,onPointerDown:Ie(-1),onClick:Le(-1),children:x===`stacked`?(0,c.jsx)(a.ChevronDownIcon,{size:`xs`,strokeWidth:2.5}):(0,c.jsx)(a.MinusIcon,{size:Ge,strokeWidth:2.5})}),$=(0,c.jsx)(`button`,{...Ke,className:n.cx(o.default.button,x===`stacked`?o.default.stackButton:o.default.sideButton),"aria-label":je,disabled:A||Y,onPointerDown:Ie(1),onClick:Le(1),children:x===`stacked`?(0,c.jsx)(a.ChevronUpIcon,{size:`xs`,strokeWidth:2.5}):(0,c.jsx)(a.PlusIcon,{size:Ge,strokeWidth:2.5})}),Je=x===`sides`?$:x===`stacked`?(0,c.jsxs)(`span`,{className:n.cx(o.default.stack,T==null&&o.default.stackFlush),children:[$,qe]}):void 0;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(te.Input,{...E,ref:Pe,id:k.id,size:k.size,invalid:k.invalid,disabled:k.disabled,readOnly:k.readOnly,required:k.required,"aria-describedby":Oe,type:`text`,role:`spinbutton`,inputMode:Ce??(N?`decimal`:`numeric`),autoComplete:E.autoComplete??`off`,"aria-valuenow":j??void 0,"aria-valuemin":_,"aria-valuemax":v,"aria-valuetext":j==null?void 0:z(j),value:We,onChange:ze,onFocus:Ve,onBlur:He,onKeyDown:Ue,startElement:x===`sides`?qe:void 0,endElement:Je,endAddon:T,className:n.cx(re[x],xe),inputClassName:n.cx(o.default.input,Se)}),w!=null&&(0,c.jsx)(`input`,{type:`hidden`,name:w,value:j??``,disabled:k.disabled})]})};exports.NumberInput=g,exports.parseNumber=h;