@nxgt/material 3.94.0 → 3.95.1

package/dist/currency-field-IcEMAcAw.js

@@ -1,289 +0,0 @@
-import { t as e } from "./utils-BLfntITJ.js";
-import { n as t } from "./spinner-D7ol2n_-.js";
-import { a as n, i as r, n as i } from "./field-blur-context-BLGgf_3z.js";
-import { i as a } from "./translate-material-DlMetRSJ.js";
-import { t as o } from "./use-material-translation-Cx5u36V5.js";
-import { t as s } from "./icon-button-B9WjQ3RO.js";
-import { t as c } from "./input-CC2joTjB.js";
-import { a as l, i as u, n as d, t as f } from "./input-group-Df9vp2EZ.js";
-import { t as p } from "./text-field-BAdY-kpO.js";
-import { t as m } from "./number.utils-CSueQZcv.js";
-import { useCallback as h, useEffect as g, useId as _, useMemo as v, useRef as y, useState as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Minus as C, Plus as w } from "lucide-react";
-import { clampNumber as T, parseNumberInput as E, stepNumber as D } from "@nxgt/material-core/parse-number";
-import { currencyFractionDigits as O } from "@nxgt/material-core/currency-digits";
-//#region lib/components/ui/fields/number-field/number-stepper.tsx
-function k({ hovered: e, focused: t, focusVisible: n }) {
-	return e || !t || n;
-}
-function A(e) {
-	try {
-		return e.matches(":focus-visible");
-	} catch {
-		return !0;
-	}
-}
-function j({ direction: e, label: n, disabled: r, onStep: i }) {
-	let a = y(null), o = y(!1), [c, l] = b(!1);
-	return /* @__PURE__ */ x(t, {
-		content: n,
-		open: c,
-		onOpenChange: (e) => {
-			let t = a.current;
-			l(e && k({
-				hovered: o.current,
-				focused: t != null && document.activeElement === t,
-				focusVisible: t != null && A(t)
-			}));
-		},
-		children: /* @__PURE__ */ x(s, {
-			ref: a,
-			variant: "outlined",
-			color: "default",
-			className: "size-9 shrink-0 rounded-field",
-			disabled: r,
-			"aria-label": n,
-			onPointerEnter: () => {
-				o.current = !0;
-			},
-			onPointerLeave: () => {
-				o.current = !1;
-			},
-			onClick: () => i(e),
-			children: x(e < 0 ? C : w, {})
-		})
-	});
-}
-function M(e) {
-	let { t } = o();
-	return e ? {
-		decreaseLabel: t("material.number-field.decrease-named", "Decrease {label}", { label: e }),
-		increaseLabel: t("material.number-field.increase-named", "Increase {label}", { label: e })
-	} : {
-		decreaseLabel: t("material.number-field.decrease", "Decrease"),
-		increaseLabel: t("material.number-field.increase", "Increase")
-	};
-}
-//#endregion
-//#region lib/components/ui/fields/number-field/format-number-input.ts
-function N(e, t = "en") {
-	let n = String(e === 0 ? 0 : e);
-	try {
-		let r = m(e === 0 ? 0 : e, {
-			language: t,
-			useGrouping: !1,
-			maximumFractionDigits: 20,
-			numberingSystem: "latn"
-		}), i = E(r);
-		return e !== 0 && i !== e ? n : r;
-	} catch {
-		return n;
-	}
-}
-//#endregion
-//#region lib/components/ui/fields/number-field/use-number-input.ts
-function P({ value: e, defaultValue: t, onChange: n, min: r, max: i, step: a, language: o }) {
-	let s = (e) => N(e, o), c = e !== void 0, [l, u] = b(t), d = c ? e : l, [f, p] = b(() => d == null ? "" : s(d));
-	g(() => {
-		c && p((t) => e == null ? t.trim() === "" ? t : "" : E(t) === e ? t : N(e, o));
-	}, [
-		c,
-		e,
-		o
-	]);
-	let m = y(o);
-	g(() => {
-		m.current !== o && (m.current = o, p((e) => d != null && E(e) === d ? N(d, o) : e));
-	}, [o, d]);
-	let h = (e) => {
-		c || u(e), n?.(e);
-	};
-	return {
-		draft: f,
-		amount: d,
-		type: (e) => {
-			if (p(e), e.trim() === "") h(null);
-			else {
-				let t = E(e);
-				t != null && h(t);
-			}
-		},
-		commit: (e) => {
-			let t = E(e), n = t == null ? null : T(t, r, i);
-			p(n == null ? "" : s(n)), h(n);
-		},
-		stepBy: (e) => {
-			let t = D(d, e, a, r, i);
-			p(s(t)), h(t);
-		}
-	};
-}
-//#endregion
-//#region lib/components/ui/fields/number-field/number-control.tsx
-function F({ error: e, disabled: t, value: n, defaultValue: r = null, onChange: i, onBlur: a, min: s, max: p, step: m = 1, hideSteppers: h = !1, suffix: g, stepperName: _, ...v }) {
-	let { language: y } = o(), { draft: b, amount: C, type: w, commit: T, stepBy: E } = P({
-		value: n,
-		defaultValue: r,
-		onChange: i,
-		min: s,
-		max: p,
-		step: m,
-		language: y
-	}), { decreaseLabel: D, increaseLabel: O } = M(_), k = s != null && C != null && C <= s, A = p != null && C != null && C >= p, N = {
-		...v,
-		inputMode: "decimal",
-		autoComplete: "off",
-		disabled: t,
-		"aria-invalid": e || void 0,
-		value: b,
-		className: "text-center",
-		onChange: (e) => w(e.target.value),
-		onBlur: (e) => {
-			T(e.target.value), a?.(e);
-		}
-	};
-	return /* @__PURE__ */ S("div", {
-		className: "flex items-center gap-1",
-		children: [
-			!h && /* @__PURE__ */ x(j, {
-				direction: -1,
-				label: D,
-				disabled: t || k,
-				onStep: E
-			}),
-			g == null ? /* @__PURE__ */ x(c, { ...N }) : /* @__PURE__ */ S(f, {
-				className: "flex-1",
-				children: [/* @__PURE__ */ x(u, { ...N }), /* @__PURE__ */ x(d, {
-					align: "inline-end",
-					children: /* @__PURE__ */ x(l, { children: g })
-				})]
-			}),
-			!h && /* @__PURE__ */ x(j, {
-				direction: 1,
-				label: O,
-				disabled: t || A,
-				onStep: E
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/components/ui/fields/number-field/number-field.tsx
-function I({ label: t, helperText: a, error: o, required: s, className: c, name: l, id: u, "aria-describedby": d, ...f }) {
-	let p = i(), m = _(), h = u ?? m, g = _();
-	return /* @__PURE__ */ S("div", {
-		ref: p,
-		"data-slot": "number-field",
-		"data-pw": l ?? "number-field",
-		className: e("grid w-full content-start gap-1.5", c),
-		children: [
-			t && /* @__PURE__ */ x(r, {
-				htmlFor: h,
-				withAsterisk: s,
-				children: t
-			}),
-			/* @__PURE__ */ x(F, {
-				...f,
-				id: h,
-				name: l,
-				stepperName: typeof t == "string" && t ? t : f["aria-label"] || void 0,
-				error: o,
-				required: s,
-				"aria-describedby": [a ? g : void 0, d].filter(Boolean).join(" ") || void 0
-			}),
-			a && /* @__PURE__ */ x(n, {
-				id: g,
-				error: o,
-				children: a
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/components/ui/fields/currency-field/parse-currency.ts
-function L(e) {
-	let t = e.trim().replace(/[\s\u00a0]/g, "");
-	if (!t) return null;
-	let n = t.lastIndexOf(",") > t.lastIndexOf(".") ? t.replace(/\./g, "").replace(",", ".") : t.replace(/,/g, ""), r = Number(n);
-	return Number.isFinite(r) ? r : null;
-}
-//#endregion
-//#region lib/components/ui/fields/currency-field/use-currency-amount.ts
-function R(e, t, n) {
-	return m(e, {
-		language: n,
-		minimumFractionDigits: t,
-		maximumFractionDigits: t
-	});
-}
-function z({ value: e, defaultValue: t, onChange: n, currency: r, fractionDigits: i }) {
-	let o = v(() => O(r, i), [r, i]), s = a()?.language, c = e !== void 0, [l, u] = b(t), d = c ? e : l, f = y(null), p = h((e) => {
-		let t = R(e, o, s);
-		return f.current = {
-			text: t,
-			value: e
-		}, t;
-	}, [o, s]), [m, _] = b(() => d == null ? "" : p(d));
-	g(() => {
-		c && _((t) => e == null ? "" : L(t) === e || f.current?.text === t && f.current.value === e ? t : p(e));
-	}, [
-		c,
-		e,
-		p
-	]);
-	let x = y(d);
-	x.current = d, g(() => {
-		let e = x.current;
-		_(e == null ? "" : p(e));
-	}, [p]);
-	let S = (e) => {
-		c || u(e), n?.(e);
-	};
-	return {
-		draft: m,
-		change: (e) => {
-			_(e);
-			let t = L(e);
-			e.trim() === "" ? S(null) : t != null && S(t);
-		},
-		commit: (e) => {
-			let t = e.trim(), n = f.current?.text === t ? f.current.value : L(e);
-			_(n == null ? t : p(n)), S(n);
-		}
-	};
-}
-//#endregion
-//#region lib/components/ui/fields/currency-field/currency-field.tsx
-function B({ value: t, defaultValue: n = null, onChange: r, currency: i = "EUR", fractionDigits: a, trailingAction: o, className: s, ...c }) {
-	let { draft: l, change: u, commit: d } = z({
-		value: t,
-		defaultValue: n,
-		onChange: r,
-		currency: i,
-		fractionDigits: a
-	});
-	return /* @__PURE__ */ x(p, {
-		...c,
-		className: e(o && "[&_input]:pr-28!", s),
-		inputMode: "decimal",
-		autoComplete: "off",
-		spellCheck: !1,
-		value: l,
-		trailing: o ? /* @__PURE__ */ S("span", {
-			"data-slot": "currency-trailing",
-			className: "flex h-8! w-auto! items-center gap-1 bg-transparent! pointer-coarse:h-11! ps-1 pe-1.5 text-xs font-medium text-muted-foreground",
-			children: [i, o]
-		}) : /* @__PURE__ */ x("span", {
-			"data-slot": "currency-code",
-			className: "flex h-8! w-auto! items-center justify-center bg-transparent! px-1 text-xs leading-none font-medium text-muted-foreground pointer-coarse:h-11!",
-			children: i
-		}),
-		onChange: (e) => u(e.target.value),
-		onBlur: (e) => {
-			d(e.target.value), c.onBlur?.(e);
-		}
-	});
-}
-//#endregion
-export { T as a, F as i, L as n, E as o, I as r, D as s, B as t };

package/dist/input-group-Df9vp2EZ.js

@@ -1,70 +0,0 @@
-import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./dist-DkQbkF9T.js";
-import { t as n } from "./icon-button-B9WjQ3RO.js";
-import { a as r, o as i } from "./input-CC2joTjB.js";
-import { jsx as a } from "react/jsx-runtime";
-//#region lib/components/ui/primitives/input-group/input-group.tsx
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "input-group",
-		role: "group",
-		className: e(i, "group/input-group relative flex w-full items-center outline-none", "h-11 max-h-full min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:ps-2", "has-[>[data-align=inline-end]]:[&>input]:pe-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", t),
-		...n
-	});
-}
-var s = t("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&>kbd]:rounded-field-inner [&>svg:not([class*='size-'])]:size-4", {
-	variants: { align: {
-		"inline-start": "order-first ps-3 has-[>button]:ps-[0.3rem] has-[>kbd]:ps-[0.4rem]",
-		"inline-end": "order-last pe-3 has-[>button]:pe-[0.3rem] has-[>kbd]:pe-[0.4rem]",
-		"block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
-		"block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
-	} },
-	defaultVariants: { align: "inline-start" }
-});
-function c({ className: t, align: n = "inline-start", ...r }) {
-	return /* @__PURE__ */ a("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": n,
-		className: e(s({ align: n }), t),
-		onClick: (e) => {
-			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
-		},
-		...r
-	});
-}
-function l({ className: t, type: r = "button", variant: i = "ghost", ...o }) {
-	return /* @__PURE__ */ a(n, {
-		type: r,
-		variant: i,
-		className: e("size-8", t),
-		...o
-	});
-}
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ a("span", {
-		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
-		...n
-	});
-}
-function d({ className: t, type: n = "text", ...i }) {
-	return /* @__PURE__ */ a("input", {
-		type: n,
-		"data-slot": "input-group-control",
-		"data-pw": i.name ?? "input",
-		className: e("h-full w-full min-w-0 flex-1 bg-transparent px-2 py-1 text-base outline-none md:text-sm", "pointer-coarse:-my-px pointer-coarse:h-[calc(100%+2px)]", "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground disabled:pointer-events-none", t),
-		...i,
-		placeholder: r(i.placeholder, n)
-	});
-}
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ a("textarea", {
-		"data-slot": "input-group-control",
-		"data-pw": n.name ?? "textarea",
-		className: e("field-sizing-content min-h-16 w-full min-w-[min(280px,100%)] flex-1 resize-none bg-transparent px-3 py-3 text-base outline-none md:text-sm", "placeholder:text-muted-foreground disabled:pointer-events-none", t),
-		...n,
-		placeholder: r(n.placeholder, "text")
-	});
-}
-//#endregion
-export { u as a, d as i, c as n, f as o, l as r, o as t };

package/dist/percent-field-DrI4_J7x.js

@@ -1,14 +0,0 @@
-import { r as e } from "./currency-field-IcEMAcAw.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region lib/components/ui/fields/percent-field/percent-field.tsx
-function n({ min: n = 0, max: r = 100, step: i = 1, ...a }) {
-	return /* @__PURE__ */ t(e, {
-		...a,
-		min: n,
-		max: r,
-		step: i,
-		suffix: "%"
-	});
-}
-//#endregion
-export { n as t };

package/dist/text-field-BAdY-kpO.js

@@ -1,59 +0,0 @@
-import { t as e } from "./utils-BLfntITJ.js";
-import { a as t, i as n, n as r } from "./field-blur-context-BLGgf_3z.js";
-import { t as i } from "./input-CC2joTjB.js";
-import { isValidElement as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { describedBy as l } from "@nxgt/material-core/described-by";
-//#region lib/components/ui/fields/text-field/text-field.tsx
-function u({ error: u, helperText: f, label: p, className: m, leading: h, trailing: g, ..._ }) {
-	let v = r(), y = o(), b = o(), x = l(_["aria-describedby"], !!f && b), S = !!h && !a(h), C = !!g && !a(g), w = /* @__PURE__ */ c("div", {
-		className: e("relative", {
-			"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:bg-muted/80 *:first:text-muted-foreground": !!h && !S,
-			"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 *:last:pointer-coarse:size-11 *:last:pointer-coarse:top-[calc(50%-22px)] *:last:pointer-coarse:right-0 [&_input]:pr-.5 *:last:bg-muted/80  *:last:text-muted-foreground": !!g && !C,
-			"[&_input]:ps-12": S,
-			"[&_input]:pe-16": C
-		}),
-		children: [
-			S ? /* @__PURE__ */ s(d, {
-				slot: "leading",
-				children: h
-			}) : h && h,
-			/* @__PURE__ */ s(i, {
-				"aria-invalid": u,
-				..._,
-				id: _.id ?? y,
-				"aria-describedby": x
-			}),
-			C ? /* @__PURE__ */ s(d, {
-				slot: "trailing",
-				children: g
-			}) : g && g
-		]
-	});
-	return /* @__PURE__ */ c("div", {
-		ref: v,
-		"data-slot": "text-field",
-		className: e("grid w-full content-start gap-1.5", m),
-		children: [/* @__PURE__ */ s(n, {
-			withAsterisk: _.required,
-			htmlFor: _.id ?? y,
-			children: p
-		}), /* @__PURE__ */ c("div", {
-			className: "flex flex-col gap-0.5",
-			children: [w, f ? /* @__PURE__ */ s(t, {
-				id: b,
-				error: u,
-				children: f
-			}) : null]
-		})]
-	});
-}
-function d({ slot: t, children: n }) {
-	return /* @__PURE__ */ s("span", {
-		"data-slot": `text-field-${t}`,
-		className: e("absolute inset-y-1 flex min-w-9 items-center justify-center rounded-field-inner bg-muted/80 px-2 text-sm whitespace-nowrap text-muted-foreground", t === "leading" ? "start-1" : "end-1"),
-		children: n
-	});
-}
-//#endregion
-export { u as t };