@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/chunks/{floating-arrow-DPKwJfww.js → floating-arrow-DKUKx2ZQ.js}

@@ -1,5 +1,5 @@
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
 //#region src/floating-arrow/getArrowStyle.ts
 function n(e, t) {
 	if (!t?.arrow) return {};
@@ -28,10 +28,10 @@ function n(e, t) {
 }
 //#endregion
 //#region src/floating-arrow/FloatingArrow.tsx
-var r = e(({ placement: e, middlewareData: r }, i) => /* @__PURE__ */ t("div", {
+var r = t(({ placement: t, middlewareData: r }, i) => /* @__PURE__ */ e("div", {
 	ref: i,
-	style: n(e, r),
-	children: /* @__PURE__ */ t("svg", {
+	style: n(t, r),
+	children: /* @__PURE__ */ e("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 16 16",
@@ -39,10 +39,10 @@ var r = e(({ placement: e, middlewareData: r }, i) => /* @__PURE__ */ t("div", {
 		stroke: "var(--border-2)",
 		strokeWidth: "var(--border-width)",
 		style: { display: "block" },
-		children: /* @__PURE__ */ t("polygon", { points: "8,8 16,16 0,16" })
+		children: /* @__PURE__ */ e("polygon", { points: "8,8 16,16 0,16" })
 	})
 }));
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=floating-arrow-DPKwJfww.js.map
+//# sourceMappingURL=floating-arrow-DKUKx2ZQ.js.map

package/dist/chunks/{floating-arrow-DPKwJfww.js.map → floating-arrow-DKUKx2ZQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"floating-arrow-DPKwJfww.js","names":[],"sources":["../../src/floating-arrow/getArrowStyle.ts","../../src/floating-arrow/FloatingArrow.tsx"],"sourcesContent":["import { MiddlewareData } from \"@floating-ui/react\";\n\nexport function getArrowStyle(placement: string, middlewareData?: MiddlewareData): React.CSSProperties {\n\tif (!middlewareData?.arrow) return {};\n\n\tconst { x, y } = middlewareData.arrow;\n\tconst place = placement.split(\"-\")[0];\n\n\tconst staticSide = {\n\t\ttop: \"bottom\",\n\t\tright: \"left\",\n\t\tbottom: \"top\",\n\t\tleft: \"right\"\n\t}[place] as keyof React.CSSProperties;\n\n\tconst rotate = {\n\t\ttop: \"rotate(180deg)\",\n\t\tright: \"rotate(-90deg)\",\n\t\tbottom: \"rotate(0deg)\",\n\t\tleft: \"rotate(90deg)\"\n\t}[place] as keyof React.CSSProperties;\n\n\treturn {\n\t\tpointerEvents: \"none\",\n\t\tposition: \"absolute\",\n\t\tzIndex: -5,\n\t\twidth: \"16px\",\n\t\theight: \"16px\",\n\t\tleft: x != null ? `${x}px` : \"\",\n\t\ttop: y != null ? `${y}px` : \"\",\n\t\ttransform: rotate,\n\t\t[staticSide]: \"-16px\" // позиция стрелки в зависимости от стороны\n\t};\n}\n","import { forwardRef } from \"react\";\n\nimport { MiddlewareData, Placement } from \"@floating-ui/react\";\n\nimport { getArrowStyle } from \"./getArrowStyle\";\n\ninterface TooltipArrowProps {\n\tplacement: Placement;\n\tmiddlewareData: MiddlewareData;\n}\n\nexport const FloatingArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(({ placement, middlewareData }, ref) => {\n\treturn (\n\t\t<div ref={ref} style={getArrowStyle(placement, middlewareData)}>\n\t\t\t<svg\n\t\t\t\twidth=\"16\"\n\t\t\t\theight=\"16\"\n\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\tfill=\"var(--border-2)\"\n\t\t\t\tstroke=\"var(--border-2)\"\n\t\t\t\tstrokeWidth=\"var(--border-width)\"\n\t\t\t\tstyle={{ display: \"block\" }}>\n\t\t\t\t<polygon points=\"8,8 16,16 0,16\" />\n\t\t\t</svg>\n\t\t</div>\n\t);\n});\n"],"mappings":";;;AAEA,SAAgB,EAAc,GAAmB,GAAsD;CACtG,IAAI,CAAC,GAAgB,OAAO,OAAO,CAAC;CAEpC,IAAM,EAAE,MAAG,SAAM,EAAe,OAC1B,IAAQ,EAAU,MAAM,GAAG,CAAC,CAAC,IAE7B,IAAa;EAClB,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;CACP,EAAE,IAEI,IAAS;EACd,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;CACP,EAAE;CAEF,OAAO;EACN,eAAe;EACf,UAAU;EACV,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAM,KAAK,OAAkB,KAAX,GAAG,EAAE;EACvB,KAAK,KAAK,OAAkB,KAAX,GAAG,EAAE;EACtB,WAAW;GACV,IAAa;CACf;AACD;;;ACtBA,IAAa,IAAgB,GAA+C,EAAE,cAAW,qBAAkB,MAEzG,kBAAC,OAAD;CAAU;CAAK,OAAO,EAAc,GAAW,CAAc;CAC5D,UAAA,kBAAC,OAAD;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,OAAO,EAAE,SAAS,QAAQ;EAC1B,UAAA,kBAAC,WAAD,EAAS,QAAO,iBAAkB,CAAA;CAC9B,CAAA;AACD,CAAA,CAEN"}
+{"version":3,"file":"floating-arrow-DKUKx2ZQ.js","names":[],"sources":["../../src/floating-arrow/getArrowStyle.ts","../../src/floating-arrow/FloatingArrow.tsx"],"sourcesContent":["import { MiddlewareData } from \"@floating-ui/react\";\n\nexport function getArrowStyle(placement: string, middlewareData?: MiddlewareData): React.CSSProperties {\n\tif (!middlewareData?.arrow) return {};\n\n\tconst { x, y } = middlewareData.arrow;\n\tconst place = placement.split(\"-\")[0];\n\n\tconst staticSide = {\n\t\ttop: \"bottom\",\n\t\tright: \"left\",\n\t\tbottom: \"top\",\n\t\tleft: \"right\"\n\t}[place] as keyof React.CSSProperties;\n\n\tconst rotate = {\n\t\ttop: \"rotate(180deg)\",\n\t\tright: \"rotate(-90deg)\",\n\t\tbottom: \"rotate(0deg)\",\n\t\tleft: \"rotate(90deg)\"\n\t}[place] as keyof React.CSSProperties;\n\n\treturn {\n\t\tpointerEvents: \"none\",\n\t\tposition: \"absolute\",\n\t\tzIndex: -5,\n\t\twidth: \"16px\",\n\t\theight: \"16px\",\n\t\tleft: x != null ? `${x}px` : \"\",\n\t\ttop: y != null ? `${y}px` : \"\",\n\t\ttransform: rotate,\n\t\t[staticSide]: \"-16px\" // позиция стрелки в зависимости от стороны\n\t};\n}\n","import { forwardRef } from \"react\";\n\nimport { MiddlewareData, Placement } from \"@floating-ui/react\";\n\nimport { getArrowStyle } from \"./getArrowStyle\";\n\ninterface TooltipArrowProps {\n\tplacement: Placement;\n\tmiddlewareData: MiddlewareData;\n}\n\nexport const FloatingArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(({ placement, middlewareData }, ref) => {\n\treturn (\n\t\t<div ref={ref} style={getArrowStyle(placement, middlewareData)}>\n\t\t\t<svg\n\t\t\t\twidth=\"16\"\n\t\t\t\theight=\"16\"\n\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\tfill=\"var(--border-2)\"\n\t\t\t\tstroke=\"var(--border-2)\"\n\t\t\t\tstrokeWidth=\"var(--border-width)\"\n\t\t\t\tstyle={{ display: \"block\" }}>\n\t\t\t\t<polygon points=\"8,8 16,16 0,16\" />\n\t\t\t</svg>\n\t\t</div>\n\t);\n});\n"],"mappings":";;;AAEA,SAAgB,EAAc,GAAmB,GAAsD;CACtG,IAAI,CAAC,GAAgB,OAAO,OAAO,CAAC;CAEpC,IAAM,EAAE,MAAG,SAAM,EAAe,OAC1B,IAAQ,EAAU,MAAM,GAAG,CAAC,CAAC,IAE7B,IAAa;EAClB,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;CACP,EAAE,IAEI,IAAS;EACd,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;CACP,EAAE;CAEF,OAAO;EACN,eAAe;EACf,UAAU;EACV,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAM,KAAK,OAAkB,KAAX,GAAG,EAAE;EACvB,KAAK,KAAK,OAAkB,KAAX,GAAG,EAAE;EACtB,WAAW;GACV,IAAa;CACf;AACD;;;ACtBA,IAAa,IAAgB,GAA+C,EAAE,cAAW,qBAAkB,MAEzG,kBAAC,OAAD;CAAU;CAAK,OAAO,EAAc,GAAW,CAAc;CAC5D,UAAA,kBAAC,OAAD;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,OAAO,EAAE,SAAS,QAAQ;EAC1B,UAAA,kBAAC,WAAD,EAAS,QAAO,iBAAkB,CAAA;CAC9B,CAAA;AACD,CAAA,CAEN"}

package/dist/chunks/{input-DSPKgiCK.js → input-CuRK9Vbz.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./ui.module-oRwY3Zli.js";
-import { useId as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
-import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { XIcon as c } from "lucide-react";
+import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
 import { toFiniteNumber as l } from "@ryuzaki13/react-foundation-lib/formatters";
 var u = {
 	controlLayout: "lRn5ye",
@@ -17,8 +17,8 @@ var u = {
 };
 //#endregion
 //#region src/input/lib/useInputFieldIds.ts
-function d({ id: e, hasLabel: n, hasDescription: r, hasError: i }) {
-	let a = t(), o = e ?? a, s = n ? `${o}-label` : void 0, c = r ? `${o}-description` : void 0, l = i ? `${o}-error` : void 0;
+function d({ id: e, hasLabel: t, hasDescription: n, hasError: r }) {
+	let i = a(), o = e ?? i, s = t ? `${o}-label` : void 0, c = n ? `${o}-description` : void 0, l = r ? `${o}-error` : void 0;
 	return {
 		controlId: o,
 		labelId: s,
@@ -29,64 +29,64 @@ function d({ id: e, hasLabel: n, hasDescription: r, hasError: i }) {
 }
 //#endregion
 //#region src/input/Input.tsx
-function f({ label: t, controlId: n, labelId: r }) {
-	return /* @__PURE__ */ o("label", {
-		id: r,
+function f({ label: t, controlId: n, labelId: i }) {
+	return /* @__PURE__ */ r("label", {
+		id: i,
 		htmlFor: n,
 		className: e.uiLabel,
 		children: t
 	});
 }
 function p() {
-	return /* @__PURE__ */ o("div", { className: a(e.uiInputControlFake, "skeletonLine") });
+	return /* @__PURE__ */ r("div", { className: t(e.uiInputControlFake, "skeletonLine") });
 }
-function m({ label: t, description: n, size: r, disabled: i, isLoading: c, className: l }) {
+function m({ label: n, description: a, size: o, disabled: s, isLoading: c, className: l }) {
 	let { controlId: u, labelId: p, descriptionId: m } = d({
-		hasLabel: t != null,
-		hasDescription: !!n
+		hasLabel: n != null,
+		hasDescription: !!a
 	});
-	return /* @__PURE__ */ s("div", {
-		className: a(e.uiElement, e.uiSizable, r && e[r], e.disabled, l),
-		"aria-disabled": i || void 0,
+	return /* @__PURE__ */ i("div", {
+		className: t(e.uiElement, e.uiSizable, o && e[o], e.disabled, l),
+		"aria-disabled": s || void 0,
 		children: [
-			t && /* @__PURE__ */ o(f, {
-				label: t,
+			n && /* @__PURE__ */ r(f, {
+				label: n,
 				controlId: u,
 				labelId: p
 			}),
-			n && /* @__PURE__ */ o("p", {
+			a && /* @__PURE__ */ r("p", {
 				id: m,
 				className: e.uiDescription,
-				children: n
+				children: a
 			}),
-			/* @__PURE__ */ o("div", { className: a(e.uiInputControlFake, c && "skeletonLine") })
+			/* @__PURE__ */ r("div", { className: t(e.uiInputControlFake, c && "skeletonLine") })
 		]
 	});
 }
 function h(e) {
-	return /* @__PURE__ */ o(m, {
+	return /* @__PURE__ */ r(m, {
 		...e,
 		isLoading: !0
 	});
 }
-function g({ label: t, description: n, disabled: r, className: i, error: c, size: l, controlId: d, labelId: p, descriptionId: m, errorId: h, required: g, children: _ }) {
-	return /* @__PURE__ */ s("div", {
-		className: a(u.inputUI, e.uiElement, e.uiSizable, l && e[l], r && e.disabled, g && e.required, i),
-		"aria-disabled": r || void 0,
+function g({ label: n, description: a, disabled: o, className: s, error: c, size: l, controlId: d, labelId: p, descriptionId: m, errorId: h, required: g, children: _ }) {
+	return /* @__PURE__ */ i("div", {
+		className: t(u.inputUI, e.uiElement, e.uiSizable, l && e[l], o && e.disabled, g && e.required, s),
+		"aria-disabled": o || void 0,
 		children: [
-			t && /* @__PURE__ */ o(f, {
-				label: t,
+			n && /* @__PURE__ */ r(f, {
+				label: n,
 				controlId: d,
 				labelId: p
 			}),
-			n && /* @__PURE__ */ o("p", {
+			a && /* @__PURE__ */ r("p", {
 				id: m,
 				className: e.uiDescription,
-				children: n
+				children: a
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ i("div", {
 				className: u.controlLayout,
-				children: [_, c && /* @__PURE__ */ o("p", {
+				children: [_, c && /* @__PURE__ */ r("p", {
 					id: h,
 					className: u.error,
 					role: "alert",
@@ -96,25 +96,25 @@ function g({ label: t, description: n, disabled: r, className: i, error: c, size
 		]
 	});
 }
-function _({ className: e, endAdornment: t, endAdornmentClassName: n, endAdornmentWidth: r, children: i }) {
-	let c = t != null, l = c && r ? { "--input-end-adornment-width": r } : void 0;
-	return /* @__PURE__ */ s("div", {
-		className: a(u.controlLayout, e),
+function _({ className: e, endAdornment: n, endAdornmentClassName: a, endAdornmentWidth: o, children: s }) {
+	let c = n != null, l = c && o ? { "--input-end-adornment-width": o } : void 0;
+	return /* @__PURE__ */ i("div", {
+		className: t(u.controlLayout, e),
 		style: l,
-		children: [i({ controlClassName: c ? u.controlWithEndAdornment : void 0 }), c && /* @__PURE__ */ o("div", {
-			className: a(u.controlEndAdornment, n),
-			children: t
+		children: [s({ controlClassName: c ? u.controlWithEndAdornment : void 0 }), c && /* @__PURE__ */ r("div", {
+			className: t(u.controlEndAdornment, a),
+			children: n
 		})]
 	});
 }
-function v({ onClick: e, disabled: t, className: n, ariaLabel: r = "Очистить значение" }) {
-	return /* @__PURE__ */ o("button", {
+function v({ onClick: e, disabled: i, className: a, ariaLabel: o = "Очистить значение" }) {
+	return /* @__PURE__ */ r("button", {
 		type: "button",
-		disabled: t || !e,
-		className: a(u.clearButton, n),
+		disabled: i || !e,
+		className: t(u.clearButton, a),
 		onClick: e,
-		"aria-label": r,
-		children: /* @__PURE__ */ o(c, {})
+		"aria-label": o,
+		children: /* @__PURE__ */ r(n, {})
 	});
 }
 function y(e, t, n) {
@@ -123,68 +123,68 @@ function y(e, t, n) {
 	if (e || t) return "var(--control-height)";
 }
 function b({ endAdornment: e, onClear: t, disabled: n }) {
-	if (!(e == null && !t)) return /* @__PURE__ */ s("div", {
+	if (!(e == null && !t)) return /* @__PURE__ */ i("div", {
 		className: u.endAdornmentGroup,
-		children: [e, t && /* @__PURE__ */ o(v, {
+		children: [e, t && /* @__PURE__ */ r(v, {
 			onClick: t,
 			disabled: n
 		})]
 	});
 }
-function x({ label: t, description: n, disabled: r, className: s, onClear: c, error: l, onClearError: f, onChange: p, value: m, size: h, allowedPattern: v, endAdornment: x, endAdornmentClassName: S, endAdornmentWidth: C, type: w = "text", ...T }) {
-	let [E, D] = i(!1), O = (e) => {
+function x({ label: n, description: i, disabled: a, className: o, onClear: s, error: l, onClearError: f, onChange: p, value: m, size: h, allowedPattern: v, endAdornment: x, endAdornmentClassName: S, endAdornmentWidth: C, type: w = "text", ...T }) {
+	let [E, D] = c(!1), O = (e) => {
 		let t = e.target.value;
 		v !== void 0 && D(t !== "" && !v.test(t)), p(t), l && f && f();
 	}, k = !!(m && m.length > 0), A = k ? l : void 0, { controlId: j, labelId: M, descriptionId: N, errorId: P, describedBy: F } = d({
 		id: T.id,
-		hasLabel: t != null,
-		hasDescription: !!n,
+		hasLabel: n != null,
+		hasDescription: !!i,
 		hasError: !!A
 	}), I = k && (!!l || E), L = b({
 		endAdornment: x,
-		onClear: c,
-		disabled: r || !k
-	}), R = y(x != null, !!c, C);
-	return /* @__PURE__ */ o(g, {
-		label: t,
-		description: n,
-		disabled: r,
+		onClear: s,
+		disabled: a || !k
+	}), R = y(x != null, !!s, C);
+	return /* @__PURE__ */ r(g, {
+		label: n,
+		description: i,
+		disabled: a,
 		required: T.required,
-		className: s,
+		className: o,
 		size: h,
 		error: A,
 		controlId: j,
 		labelId: M,
 		descriptionId: N,
 		errorId: P,
-		children: /* @__PURE__ */ o(_, {
+		children: /* @__PURE__ */ r(_, {
 			endAdornment: L,
 			endAdornmentClassName: S,
 			endAdornmentWidth: R,
-			children: ({ controlClassName: t }) => /* @__PURE__ */ o("input", {
+			children: ({ controlClassName: n }) => /* @__PURE__ */ r("input", {
 				...T,
 				id: j,
 				type: w,
-				disabled: r,
+				disabled: a,
 				value: m,
 				"aria-invalid": I || void 0,
 				"aria-labelledby": M,
 				"aria-describedby": F,
 				"data-invalid": I ? "" : void 0,
-				className: a(e.uiInputControl, u.input, t),
+				className: t(e.uiInputControl, u.input, n),
 				onChange: O
 			})
 		})
 	});
 }
-function S({ label: t, description: i, disabled: s, className: c, onClear: f, error: p, onClearError: m, onChange: h, value: v, size: x, endAdornment: S, endAdornmentClassName: C, endAdornmentWidth: w, ...T }) {
+function S({ label: n, description: i, disabled: a, className: c, onClear: f, error: p, onClearError: m, onChange: h, value: v, size: x, endAdornment: S, endAdornmentClassName: C, endAdornmentWidth: w, ...T }) {
 	let E = T, { controlId: D, labelId: O, descriptionId: k, errorId: A, describedBy: j } = d({
 		id: T.id,
-		hasLabel: t != null,
+		hasLabel: n != null,
 		hasDescription: !!i,
 		hasError: !!p
-	}), M = r(null), N = r(null), P = v !== void 0 && typeof v == "number" && !isNaN(v) ? String(v) : "";
-	n(() => {
+	}), M = s(null), N = s(null), P = v !== void 0 && typeof v == "number" && !isNaN(v) ? String(v) : "";
+	o(() => {
 		let e = N.current;
 		if (e && Object.is(e.value, v)) {
 			M.current && M.current.value !== e.raw && (M.current.value = e.raw);
@@ -203,12 +203,12 @@ function S({ label: t, description: i, disabled: s, className: c, onClear: f, er
 	}, L = b({
 		endAdornment: S,
 		onClear: F,
-		disabled: s
+		disabled: a
 	}), R = y(S != null, !!F, w);
-	return /* @__PURE__ */ o(g, {
-		label: t,
+	return /* @__PURE__ */ r(g, {
+		label: n,
 		description: i,
-		disabled: s,
+		disabled: a,
 		required: T.required,
 		className: c,
 		size: x,
@@ -217,21 +217,21 @@ function S({ label: t, description: i, disabled: s, className: c, onClear: f, er
 		labelId: O,
 		descriptionId: k,
 		errorId: A,
-		children: /* @__PURE__ */ o(_, {
+		children: /* @__PURE__ */ r(_, {
 			endAdornment: L,
 			endAdornmentClassName: C,
 			endAdornmentWidth: R,
-			children: ({ controlClassName: t }) => /* @__PURE__ */ o("input", {
+			children: ({ controlClassName: n }) => /* @__PURE__ */ r("input", {
 				...E,
 				ref: M,
 				id: D,
 				type: "number",
 				inputMode: "decimal",
-				disabled: s,
+				disabled: a,
 				defaultValue: P,
 				"aria-labelledby": O,
 				"aria-describedby": j,
-				className: a(e.uiInputControl, u.input, u.inputNumber, t),
+				className: t(e.uiInputControl, u.input, u.inputNumber, n),
 				onChange: I
 			})
 		})
@@ -241,12 +241,12 @@ var C = x;
 //#endregion
 //#region src/input/InputErrorComponent.tsx
 function w({ text: t }) {
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ r("div", {
 		className: e.uiErrorElement,
 		children: t
 	});
 }
 //#endregion
-export { p as a, g as c, d, u as f, _ as i, m as l, C as n, S as o, v as r, x as s, w as t, h as u };
+export { p as a, g as c, d, _ as i, m as l, C as n, S as o, v as r, x as s, w as t, h as u };
 
-//# sourceMappingURL=input-DSPKgiCK.js.map
+//# sourceMappingURL=input-CuRK9Vbz.js.map

package/dist/chunks/{input-DSPKgiCK.js.map → input-CuRK9Vbz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-DSPKgiCK.js","names":[],"sources":["../../src/input/Input.module.scss","../../src/input/lib/useInputFieldIds.ts","../../src/input/Input.tsx","../../src/input/InputErrorComponent.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.controlLayout {\n\tposition: relative;\n\twidth: 100%;\n}\n\n.inputUI {\n\t--button-size: calc(var(--control-height) - var(--border-width) * 4);\n}\n\n.input {\n\theight: var(--control-height);\n\twidth: 100%;\n\tpadding: var(--space-xs) var(--space-sm);\n\tfont-size: var(--font-size-md);\n\n\t--ui-color: var(--content-0);\n\t--ui-color-hover: var(--content-0);\n\t--ui-color-active: var(--content-0);\n}\n\n.inputNumber {\n\tappearance: textfield;\n\t-moz-appearance: textfield;\n\n\t&::-webkit-inner-spin-button,\n\t&::-webkit-outer-spin-button {\n\t\t-webkit-appearance: none;\n\t\tmargin: 0;\n\t}\n}\n\n.controlWithEndAdornment {\n\tpadding-right: calc(var(--input-end-adornment-width, var(--control-height)) + var(--space-sm));\n}\n\n.controlEndAdornment {\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tright: calc(var(--border-width) * 2);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tmax-width: calc(100% - var(--space-md));\n}\n\n.endAdornmentGroup {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n}\n\n.clearButton {\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tborder-radius: var(--radius-sm);\n\n\tbackground: transparent;\n\tcolor: var(--content-2);\n\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease;\n\n\t&:hover {\n\t\tcolor: var(--accent-text);\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n\n\t&:disabled {\n\t\tpointer-events: none;\n\t\topacity: var(--disabled-opacity);\n\t}\n}\n\n.error {\n\tposition: absolute;\n\tz-index: 11;\n\tbottom: calc(var(--space-xs) * -1);\n\tleft: 0;\n\tright: 0;\n\ttransform: translateY(100%);\n\t// font-size: var(--font-size-sm);\n\tcolor: var(--error-on-fill);\n\tbackground: var(--error-fill);\n\tborder-radius: var(--radius-sm);\n\tpadding: var(--space-xs) var(--space-sm);\n\tbox-shadow: var(--shadow-sm);\n\topacity: 0.9;\n}\n","import { useId } from \"react\";\n\nexport interface UseInputFieldIdsOptions {\n\tid?: string;\n\thasLabel?: boolean;\n\thasDescription?: boolean;\n\thasError?: boolean;\n}\n\nexport interface InputFieldIds {\n\tcontrolId: string;\n\tlabelId?: string;\n\tdescriptionId?: string;\n\terrorId?: string;\n\tdescribedBy?: string;\n}\n\nexport function useInputFieldIds({ id: externalId, hasLabel, hasDescription, hasError }: UseInputFieldIdsOptions): InputFieldIds {\n\tconst autoId = useId();\n\tconst controlId = externalId ?? autoId;\n\tconst labelId = hasLabel ? `${controlId}-label` : undefined;\n\tconst descriptionId = hasDescription ? `${controlId}-description` : undefined;\n\tconst errorId = hasError ? `${controlId}-error` : undefined;\n\tconst describedBy = [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\n\n\treturn {\n\t\tcontrolId,\n\t\tlabelId,\n\t\tdescriptionId,\n\t\terrorId,\n\t\tdescribedBy\n\t};\n}\n","import React, { CSSProperties, InputHTMLAttributes, ReactNode, useLayoutEffect, useRef, useState } from \"react\";\n\nimport { toFiniteNumber } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { XIcon } from \"lucide-react\";\n\nimport { UiBaseProps, UiSize } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Input.module.scss\";\nimport { useInputFieldIds } from \"./lib/useInputFieldIds\";\n\nexport interface InputUIProps extends Omit<UiBaseProps<never>, \"value\" | \"onChange\"> {\n\tclassName?: string;\n\terror?: string;\n\tcontrolId?: string;\n\tlabelId?: string;\n\tdescriptionId?: string;\n\terrorId?: string;\n\trequired?: boolean;\n\tchildren: React.ReactNode;\n}\n\nexport interface InputControlRenderProps {\n\tcontrolClassName?: string;\n}\n\nexport interface InputControlProps {\n\tclassName?: string;\n\tendAdornment?: ReactNode;\n\tendAdornmentClassName?: string;\n\tendAdornmentWidth?: string;\n\tchildren: (props: InputControlRenderProps) => ReactNode;\n}\n\nexport interface InputClearButtonProps {\n\tonClick?: () => void;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tariaLabel?: string;\n}\n\nfunction InputLabel({ label, controlId, labelId }: { label: React.ReactNode; controlId?: string; labelId?: string }) {\n\treturn (\n\t\t<label id={labelId} htmlFor={controlId} className={uiStyles.uiLabel}>\n\t\t\t{label}\n\t\t</label>\n\t);\n}\n\nexport function InputLoadingFrame() {\n\treturn <div className={cn(uiStyles.uiInputControlFake, \"skeletonLine\")} />;\n}\n\nexport function InputUIFrame({\n\tlabel,\n\tdescription,\n\tsize,\n\tdisabled,\n\tisLoading,\n\tclassName\n}: Pick<InputUIProps, \"label\" | \"description\" | \"size\" | \"disabled\" | \"className\"> & { isLoading?: boolean }) {\n\tconst { controlId, labelId, descriptionId } = useInputFieldIds({\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(uiStyles.uiElement, uiStyles.uiSizable, size && uiStyles[size as UiSize], uiStyles.disabled, className)}\n\t\t\taria-disabled={disabled || undefined}>\n\t\t\t{label && <InputLabel label={label} controlId={controlId} labelId={labelId} />}\n\t\t\t{description && (\n\t\t\t\t<p id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t\t<div className={cn(uiStyles.uiInputControlFake, isLoading && \"skeletonLine\")} />\n\t\t</div>\n\t);\n}\n\nexport function InputUILoading(props: Pick<InputUIProps, \"label\" | \"description\" | \"size\" | \"disabled\" | \"className\">) {\n\treturn <InputUIFrame {...props} isLoading />;\n}\n\n/**\n * Низкоуровневая оболочка поля ввода с общими элементами оформления.\n */\nexport function InputUI({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\terror,\n\tsize,\n\tcontrolId,\n\tlabelId,\n\tdescriptionId,\n\terrorId,\n\trequired,\n\tchildren\n}: InputUIProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tstyles.inputUI,\n\t\t\t\tuiStyles.uiElement,\n\t\t\t\tuiStyles.uiSizable,\n\t\t\t\tsize && uiStyles[size as UiSize],\n\t\t\t\tdisabled && uiStyles.disabled,\n\t\t\t\trequired && uiStyles.required,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-disabled={disabled || undefined}>\n\t\t\t{label && <InputLabel label={label} controlId={controlId} labelId={labelId} />}\n\t\t\t{description && (\n\t\t\t\t<p id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t\t<div className={styles.controlLayout}>\n\t\t\t\t{children}\n\n\t\t\t\t{error && (\n\t\t\t\t\t<p id={errorId} className={styles.error} role=\"alert\">\n\t\t\t\t\t\t{error}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function InputControl({ className, endAdornment, endAdornmentClassName, endAdornmentWidth, children }: InputControlProps) {\n\tconst hasEndAdornment = endAdornment !== undefined && endAdornment !== null;\n\tconst style =\n\t\thasEndAdornment && endAdornmentWidth ? ({ \"--input-end-adornment-width\": endAdornmentWidth } as CSSProperties) : undefined;\n\n\treturn (\n\t\t<div className={cn(styles.controlLayout, className)} style={style}>\n\t\t\t{children({ controlClassName: hasEndAdornment ? styles.controlWithEndAdornment : undefined })}\n\t\t\t{hasEndAdornment && <div className={cn(styles.controlEndAdornment, endAdornmentClassName)}>{endAdornment}</div>}\n\t\t</div>\n\t);\n}\n\nexport function InputClearButton({ onClick, disabled, className, ariaLabel = \"Очистить значение\" }: InputClearButtonProps) {\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdisabled={disabled || !onClick}\n\t\t\tclassName={cn(styles.clearButton, className)}\n\t\t\tonClick={onClick}\n\t\t\taria-label={ariaLabel}>\n\t\t\t<XIcon />\n\t\t</button>\n\t);\n}\n\nfunction resolveEndAdornmentWidth(hasAdornment: boolean, hasClearAction: boolean, explicitWidth?: string) {\n\tif (explicitWidth) {\n\t\treturn explicitWidth;\n\t}\n\n\tif (hasAdornment && hasClearAction) {\n\t\treturn \"calc((var(--control-height) * 2) + var(--space-xs))\";\n\t}\n\n\tif (hasAdornment || hasClearAction) {\n\t\treturn \"var(--control-height)\";\n\t}\n\n\treturn undefined;\n}\n\nfunction createEndAdornment({ endAdornment, onClear, disabled }: { endAdornment?: ReactNode; onClear?: () => void; disabled?: boolean }) {\n\tif ((endAdornment === undefined || endAdornment === null) && !onClear) {\n\t\treturn undefined;\n\t}\n\n\treturn (\n\t\t<div className={styles.endAdornmentGroup}>\n\t\t\t{endAdornment}\n\t\t\t{onClear && <InputClearButton onClick={onClear} disabled={disabled} />}\n\t\t</div>\n\t);\n}\n\nexport interface BaseInputProps<T extends number | string | undefined, V = T>\n\textends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"value\" | \"type\" | \"defaultValue\" | \"onChange\">, UiBaseProps<T, V> {\n\tonClear?: () => void;\n\terror?: string;\n\tonClearError?: () => void;\n\tdefaultValue?: T;\n\tendAdornment?: ReactNode;\n\tendAdornmentClassName?: string;\n\tendAdornmentWidth?: string;\n}\n\nexport interface InputTextProps extends BaseInputProps<string> {\n\ttype?: \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\";\n\n\t/**\n\t * Регулярное выражение для валидации всего введённого значения.\n\t * При несоответствии поле подсвечивается как невалидное, но текст не удаляется.\n\t * Пример: `/^\\d*$/`\n\t */\n\tallowedPattern?: RegExp;\n}\n\n/**\n * Базовое текстовое поле ввода для строковых значений.\n */\nexport function InputText({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\tonClear,\n\terror,\n\tonClearError,\n\tonChange,\n\tvalue,\n\tsize,\n\tallowedPattern,\n\tendAdornment,\n\tendAdornmentClassName,\n\tendAdornmentWidth,\n\ttype = \"text\",\n\t...props\n}: InputTextProps) {\n\tconst [internalInvalid, setInternalInvalid] = useState(false);\n\n\tconst handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = e.target.value;\n\n\t\tif (allowedPattern !== undefined) {\n\t\t\tsetInternalInvalid(newValue !== \"\" && !allowedPattern.test(newValue));\n\t\t}\n\n\t\tonChange(newValue);\n\t\tif (error && onClearError) onClearError();\n\t};\n\n\tconst hasValue = Boolean(value && value.length > 0);\n\tconst visibleError = hasValue ? error : undefined;\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid: props.id,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!visibleError\n\t});\n\tconst isInvalid = hasValue && (!!error || internalInvalid);\n\tconst resolvedEndAdornment = createEndAdornment({ endAdornment, onClear, disabled: disabled || !hasValue });\n\tconst hasCustomAdornment = endAdornment !== undefined && endAdornment !== null;\n\tconst resolvedEndAdornmentWidth = resolveEndAdornmentWidth(hasCustomAdornment, !!onClear, endAdornmentWidth);\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\trequired={props.required}\n\t\t\tclassName={className}\n\t\t\tsize={size}\n\t\t\terror={visibleError}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t<InputControl\n\t\t\t\tendAdornment={resolvedEndAdornment}\n\t\t\t\tendAdornmentClassName={endAdornmentClassName}\n\t\t\t\tendAdornmentWidth={resolvedEndAdornmentWidth}>\n\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t<input\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\taria-invalid={isInvalid || undefined}\n\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\tdata-invalid={isInvalid ? \"\" : undefined}\n\t\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.input, controlClassName)}\n\t\t\t\t\t\tonChange={handleInput}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</InputControl>\n\t\t</InputUI>\n\t);\n}\n\n/**\n * Числовое поле ввода с нормализацией значения и защитой от промежуточного невалидного ввода.\n */\nexport function InputNumber({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\tonClear,\n\terror,\n\tonClearError,\n\tonChange,\n\tvalue,\n\tsize,\n\tendAdornment,\n\tendAdornmentClassName,\n\tendAdornmentWidth,\n\t...props\n}: BaseInputProps<number | undefined>) {\n\tconst inputProps = props as InputHTMLAttributes<HTMLInputElement>;\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid: props.id,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!error\n\t});\n\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst numberDraftRef = useRef<{ readonly value: number | undefined; readonly raw: string } | null>(null);\n\tconst externalRawValue = value !== undefined && typeof value === \"number\" && !isNaN(value) ? String(value) : \"\";\n\n\t/**\n\t * Числовой input хранит промежуточную строку в DOM, а controlled number остаётся\n\t * источником истины. Layout-effect синхронизирует именно внешнюю DOM-систему,\n\t * поэтому не создаёт каскадного React render и не ломает ввод неполных чисел.\n\t */\n\tuseLayoutEffect(() => {\n\t\tconst numberDraft = numberDraftRef.current;\n\t\tif (numberDraft && Object.is(numberDraft.value, value)) {\n\t\t\tif (inputRef.current && inputRef.current.value !== numberDraft.raw) {\n\t\t\t\tinputRef.current.value = numberDraft.raw;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tnumberDraftRef.current = null;\n\t\tif (inputRef.current && inputRef.current.value !== externalRawValue) {\n\t\t\tinputRef.current.value = externalRawValue;\n\t\t}\n\t}, [externalRawValue, value]);\n\n\tconst handleClear = onClear\n\t\t? () => {\n\t\t\t\tonClear();\n\t\t\t}\n\t\t: undefined;\n\n\tconst handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst raw = e.target.value;\n\n\t\tconst parsed = toFiniteNumber(raw); // ?? value ?? 0;\n\t\tnumberDraftRef.current = { value: parsed, raw };\n\n\t\tonChange(parsed);\n\t\tif (error && onClearError) onClearError();\n\t};\n\n\tconst resolvedEndAdornment = createEndAdornment({ endAdornment, onClear: handleClear, disabled });\n\tconst hasCustomAdornment = endAdornment !== undefined && endAdornment !== null;\n\tconst resolvedEndAdornmentWidth = resolveEndAdornmentWidth(hasCustomAdornment, !!handleClear, endAdornmentWidth);\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\trequired={props.required}\n\t\t\tclassName={className}\n\t\t\tsize={size}\n\t\t\terror={error}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t<InputControl\n\t\t\t\tendAdornment={resolvedEndAdornment}\n\t\t\t\tendAdornmentClassName={endAdornmentClassName}\n\t\t\t\tendAdornmentWidth={resolvedEndAdornmentWidth}>\n\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t<input\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tdefaultValue={externalRawValue}\n\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.input, styles.inputNumber, controlClassName)}\n\t\t\t\t\t\tonChange={handleInput}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</InputControl>\n\t\t</InputUI>\n\t);\n}\n\n/**\n * Совместимый алиас для `InputText`.\n */\nexport const Input = InputText;\n","import styles from \"../ui.module.scss\";\n\ninterface InputErrorComponentProps {\n\ttext: string;\n}\n\nexport function InputErrorComponent({ text }: InputErrorComponentProps) {\n\treturn <div className={styles.uiErrorElement}>{text}</div>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"input-CuRK9Vbz.js","names":[],"sources":["../../src/input/Input.module.scss","../../src/input/lib/useInputFieldIds.ts","../../src/input/Input.tsx","../../src/input/InputErrorComponent.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.controlLayout {\n\tposition: relative;\n\twidth: 100%;\n}\n\n.inputUI {\n\t--button-size: calc(var(--control-height) - var(--border-width) * 4);\n}\n\n.input {\n\theight: var(--control-height);\n\twidth: 100%;\n\tpadding: var(--space-xs) var(--space-sm);\n\tfont-size: var(--font-size-md);\n\n\t--ui-color: var(--content-0);\n\t--ui-color-hover: var(--content-0);\n\t--ui-color-active: var(--content-0);\n}\n\n.inputNumber {\n\tappearance: textfield;\n\t-moz-appearance: textfield;\n\n\t&::-webkit-inner-spin-button,\n\t&::-webkit-outer-spin-button {\n\t\t-webkit-appearance: none;\n\t\tmargin: 0;\n\t}\n}\n\n.controlWithEndAdornment {\n\tpadding-right: calc(var(--input-end-adornment-width, var(--control-height)) + var(--space-sm));\n}\n\n.controlEndAdornment {\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tright: calc(var(--border-width) * 2);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tmax-width: calc(100% - var(--space-md));\n}\n\n.endAdornmentGroup {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n}\n\n.clearButton {\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tborder-radius: var(--radius-sm);\n\n\tbackground: transparent;\n\tcolor: var(--content-2);\n\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease;\n\n\t&:hover {\n\t\tcolor: var(--accent-text);\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n\n\t&:disabled {\n\t\tpointer-events: none;\n\t\topacity: var(--disabled-opacity);\n\t}\n}\n\n.error {\n\tposition: absolute;\n\tz-index: 11;\n\tbottom: calc(var(--space-xs) * -1);\n\tleft: 0;\n\tright: 0;\n\ttransform: translateY(100%);\n\t// font-size: var(--font-size-sm);\n\tcolor: var(--error-on-fill);\n\tbackground: var(--error-fill);\n\tborder-radius: var(--radius-sm);\n\tpadding: var(--space-xs) var(--space-sm);\n\tbox-shadow: var(--shadow-sm);\n\topacity: 0.9;\n}\n","import { useId } from \"react\";\n\nexport interface UseInputFieldIdsOptions {\n\tid?: string;\n\thasLabel?: boolean;\n\thasDescription?: boolean;\n\thasError?: boolean;\n}\n\nexport interface InputFieldIds {\n\tcontrolId: string;\n\tlabelId?: string;\n\tdescriptionId?: string;\n\terrorId?: string;\n\tdescribedBy?: string;\n}\n\nexport function useInputFieldIds({ id: externalId, hasLabel, hasDescription, hasError }: UseInputFieldIdsOptions): InputFieldIds {\n\tconst autoId = useId();\n\tconst controlId = externalId ?? autoId;\n\tconst labelId = hasLabel ? `${controlId}-label` : undefined;\n\tconst descriptionId = hasDescription ? `${controlId}-description` : undefined;\n\tconst errorId = hasError ? `${controlId}-error` : undefined;\n\tconst describedBy = [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\n\n\treturn {\n\t\tcontrolId,\n\t\tlabelId,\n\t\tdescriptionId,\n\t\terrorId,\n\t\tdescribedBy\n\t};\n}\n","import React, { CSSProperties, InputHTMLAttributes, ReactNode, useLayoutEffect, useRef, useState } from \"react\";\n\nimport { toFiniteNumber } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { XIcon } from \"lucide-react\";\n\nimport { UiBaseProps, UiSize } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Input.module.scss\";\nimport { useInputFieldIds } from \"./lib/useInputFieldIds\";\n\nexport interface InputUIProps extends Omit<UiBaseProps<never>, \"value\" | \"onChange\"> {\n\tclassName?: string;\n\terror?: string;\n\tcontrolId?: string;\n\tlabelId?: string;\n\tdescriptionId?: string;\n\terrorId?: string;\n\trequired?: boolean;\n\tchildren: React.ReactNode;\n}\n\nexport interface InputControlRenderProps {\n\tcontrolClassName?: string;\n}\n\nexport interface InputControlProps {\n\tclassName?: string;\n\tendAdornment?: ReactNode;\n\tendAdornmentClassName?: string;\n\tendAdornmentWidth?: string;\n\tchildren: (props: InputControlRenderProps) => ReactNode;\n}\n\nexport interface InputClearButtonProps {\n\tonClick?: () => void;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tariaLabel?: string;\n}\n\nfunction InputLabel({ label, controlId, labelId }: { label: React.ReactNode; controlId?: string; labelId?: string }) {\n\treturn (\n\t\t<label id={labelId} htmlFor={controlId} className={uiStyles.uiLabel}>\n\t\t\t{label}\n\t\t</label>\n\t);\n}\n\nexport function InputLoadingFrame() {\n\treturn <div className={cn(uiStyles.uiInputControlFake, \"skeletonLine\")} />;\n}\n\nexport function InputUIFrame({\n\tlabel,\n\tdescription,\n\tsize,\n\tdisabled,\n\tisLoading,\n\tclassName\n}: Pick<InputUIProps, \"label\" | \"description\" | \"size\" | \"disabled\" | \"className\"> & { isLoading?: boolean }) {\n\tconst { controlId, labelId, descriptionId } = useInputFieldIds({\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(uiStyles.uiElement, uiStyles.uiSizable, size && uiStyles[size as UiSize], uiStyles.disabled, className)}\n\t\t\taria-disabled={disabled || undefined}>\n\t\t\t{label && <InputLabel label={label} controlId={controlId} labelId={labelId} />}\n\t\t\t{description && (\n\t\t\t\t<p id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t\t<div className={cn(uiStyles.uiInputControlFake, isLoading && \"skeletonLine\")} />\n\t\t</div>\n\t);\n}\n\nexport function InputUILoading(props: Pick<InputUIProps, \"label\" | \"description\" | \"size\" | \"disabled\" | \"className\">) {\n\treturn <InputUIFrame {...props} isLoading />;\n}\n\n/**\n * Низкоуровневая оболочка поля ввода с общими элементами оформления.\n */\nexport function InputUI({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\terror,\n\tsize,\n\tcontrolId,\n\tlabelId,\n\tdescriptionId,\n\terrorId,\n\trequired,\n\tchildren\n}: InputUIProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tstyles.inputUI,\n\t\t\t\tuiStyles.uiElement,\n\t\t\t\tuiStyles.uiSizable,\n\t\t\t\tsize && uiStyles[size as UiSize],\n\t\t\t\tdisabled && uiStyles.disabled,\n\t\t\t\trequired && uiStyles.required,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-disabled={disabled || undefined}>\n\t\t\t{label && <InputLabel label={label} controlId={controlId} labelId={labelId} />}\n\t\t\t{description && (\n\t\t\t\t<p id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t\t<div className={styles.controlLayout}>\n\t\t\t\t{children}\n\n\t\t\t\t{error && (\n\t\t\t\t\t<p id={errorId} className={styles.error} role=\"alert\">\n\t\t\t\t\t\t{error}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function InputControl({ className, endAdornment, endAdornmentClassName, endAdornmentWidth, children }: InputControlProps) {\n\tconst hasEndAdornment = endAdornment !== undefined && endAdornment !== null;\n\tconst style =\n\t\thasEndAdornment && endAdornmentWidth ? ({ \"--input-end-adornment-width\": endAdornmentWidth } as CSSProperties) : undefined;\n\n\treturn (\n\t\t<div className={cn(styles.controlLayout, className)} style={style}>\n\t\t\t{children({ controlClassName: hasEndAdornment ? styles.controlWithEndAdornment : undefined })}\n\t\t\t{hasEndAdornment && <div className={cn(styles.controlEndAdornment, endAdornmentClassName)}>{endAdornment}</div>}\n\t\t</div>\n\t);\n}\n\nexport function InputClearButton({ onClick, disabled, className, ariaLabel = \"Очистить значение\" }: InputClearButtonProps) {\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdisabled={disabled || !onClick}\n\t\t\tclassName={cn(styles.clearButton, className)}\n\t\t\tonClick={onClick}\n\t\t\taria-label={ariaLabel}>\n\t\t\t<XIcon />\n\t\t</button>\n\t);\n}\n\nfunction resolveEndAdornmentWidth(hasAdornment: boolean, hasClearAction: boolean, explicitWidth?: string) {\n\tif (explicitWidth) {\n\t\treturn explicitWidth;\n\t}\n\n\tif (hasAdornment && hasClearAction) {\n\t\treturn \"calc((var(--control-height) * 2) + var(--space-xs))\";\n\t}\n\n\tif (hasAdornment || hasClearAction) {\n\t\treturn \"var(--control-height)\";\n\t}\n\n\treturn undefined;\n}\n\nfunction createEndAdornment({ endAdornment, onClear, disabled }: { endAdornment?: ReactNode; onClear?: () => void; disabled?: boolean }) {\n\tif ((endAdornment === undefined || endAdornment === null) && !onClear) {\n\t\treturn undefined;\n\t}\n\n\treturn (\n\t\t<div className={styles.endAdornmentGroup}>\n\t\t\t{endAdornment}\n\t\t\t{onClear && <InputClearButton onClick={onClear} disabled={disabled} />}\n\t\t</div>\n\t);\n}\n\nexport interface BaseInputProps<T extends number | string | undefined, V = T>\n\textends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"value\" | \"type\" | \"defaultValue\" | \"onChange\">, UiBaseProps<T, V> {\n\tonClear?: () => void;\n\terror?: string;\n\tonClearError?: () => void;\n\tdefaultValue?: T;\n\tendAdornment?: ReactNode;\n\tendAdornmentClassName?: string;\n\tendAdornmentWidth?: string;\n}\n\nexport interface InputTextProps extends BaseInputProps<string> {\n\ttype?: \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\";\n\n\t/**\n\t * Регулярное выражение для валидации всего введённого значения.\n\t * При несоответствии поле подсвечивается как невалидное, но текст не удаляется.\n\t * Пример: `/^\\d*$/`\n\t */\n\tallowedPattern?: RegExp;\n}\n\n/**\n * Базовое текстовое поле ввода для строковых значений.\n */\nexport function InputText({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\tonClear,\n\terror,\n\tonClearError,\n\tonChange,\n\tvalue,\n\tsize,\n\tallowedPattern,\n\tendAdornment,\n\tendAdornmentClassName,\n\tendAdornmentWidth,\n\ttype = \"text\",\n\t...props\n}: InputTextProps) {\n\tconst [internalInvalid, setInternalInvalid] = useState(false);\n\n\tconst handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = e.target.value;\n\n\t\tif (allowedPattern !== undefined) {\n\t\t\tsetInternalInvalid(newValue !== \"\" && !allowedPattern.test(newValue));\n\t\t}\n\n\t\tonChange(newValue);\n\t\tif (error && onClearError) onClearError();\n\t};\n\n\tconst hasValue = Boolean(value && value.length > 0);\n\tconst visibleError = hasValue ? error : undefined;\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid: props.id,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!visibleError\n\t});\n\tconst isInvalid = hasValue && (!!error || internalInvalid);\n\tconst resolvedEndAdornment = createEndAdornment({ endAdornment, onClear, disabled: disabled || !hasValue });\n\tconst hasCustomAdornment = endAdornment !== undefined && endAdornment !== null;\n\tconst resolvedEndAdornmentWidth = resolveEndAdornmentWidth(hasCustomAdornment, !!onClear, endAdornmentWidth);\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\trequired={props.required}\n\t\t\tclassName={className}\n\t\t\tsize={size}\n\t\t\terror={visibleError}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t<InputControl\n\t\t\t\tendAdornment={resolvedEndAdornment}\n\t\t\t\tendAdornmentClassName={endAdornmentClassName}\n\t\t\t\tendAdornmentWidth={resolvedEndAdornmentWidth}>\n\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t<input\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\taria-invalid={isInvalid || undefined}\n\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\tdata-invalid={isInvalid ? \"\" : undefined}\n\t\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.input, controlClassName)}\n\t\t\t\t\t\tonChange={handleInput}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</InputControl>\n\t\t</InputUI>\n\t);\n}\n\n/**\n * Числовое поле ввода с нормализацией значения и защитой от промежуточного невалидного ввода.\n */\nexport function InputNumber({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\tonClear,\n\terror,\n\tonClearError,\n\tonChange,\n\tvalue,\n\tsize,\n\tendAdornment,\n\tendAdornmentClassName,\n\tendAdornmentWidth,\n\t...props\n}: BaseInputProps<number | undefined>) {\n\tconst inputProps = props as InputHTMLAttributes<HTMLInputElement>;\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid: props.id,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!error\n\t});\n\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst numberDraftRef = useRef<{ readonly value: number | undefined; readonly raw: string } | null>(null);\n\tconst externalRawValue = value !== undefined && typeof value === \"number\" && !isNaN(value) ? String(value) : \"\";\n\n\t/**\n\t * Числовой input хранит промежуточную строку в DOM, а controlled number остаётся\n\t * источником истины. Layout-effect синхронизирует именно внешнюю DOM-систему,\n\t * поэтому не создаёт каскадного React render и не ломает ввод неполных чисел.\n\t */\n\tuseLayoutEffect(() => {\n\t\tconst numberDraft = numberDraftRef.current;\n\t\tif (numberDraft && Object.is(numberDraft.value, value)) {\n\t\t\tif (inputRef.current && inputRef.current.value !== numberDraft.raw) {\n\t\t\t\tinputRef.current.value = numberDraft.raw;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tnumberDraftRef.current = null;\n\t\tif (inputRef.current && inputRef.current.value !== externalRawValue) {\n\t\t\tinputRef.current.value = externalRawValue;\n\t\t}\n\t}, [externalRawValue, value]);\n\n\tconst handleClear = onClear\n\t\t? () => {\n\t\t\t\tonClear();\n\t\t\t}\n\t\t: undefined;\n\n\tconst handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst raw = e.target.value;\n\n\t\tconst parsed = toFiniteNumber(raw); // ?? value ?? 0;\n\t\tnumberDraftRef.current = { value: parsed, raw };\n\n\t\tonChange(parsed);\n\t\tif (error && onClearError) onClearError();\n\t};\n\n\tconst resolvedEndAdornment = createEndAdornment({ endAdornment, onClear: handleClear, disabled });\n\tconst hasCustomAdornment = endAdornment !== undefined && endAdornment !== null;\n\tconst resolvedEndAdornmentWidth = resolveEndAdornmentWidth(hasCustomAdornment, !!handleClear, endAdornmentWidth);\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\trequired={props.required}\n\t\t\tclassName={className}\n\t\t\tsize={size}\n\t\t\terror={error}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t<InputControl\n\t\t\t\tendAdornment={resolvedEndAdornment}\n\t\t\t\tendAdornmentClassName={endAdornmentClassName}\n\t\t\t\tendAdornmentWidth={resolvedEndAdornmentWidth}>\n\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t<input\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tdefaultValue={externalRawValue}\n\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.input, styles.inputNumber, controlClassName)}\n\t\t\t\t\t\tonChange={handleInput}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</InputControl>\n\t\t</InputUI>\n\t);\n}\n\n/**\n * Совместимый алиас для `InputText`.\n */\nexport const Input = InputText;\n","import styles from \"../ui.module.scss\";\n\ninterface InputErrorComponentProps {\n\ttext: string;\n}\n\nexport function InputErrorComponent({ text }: InputErrorComponentProps) {\n\treturn <div className={styles.uiErrorElement}>{text}</div>;\n}\n"],"mappings":"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"}

package/dist/chunks/{input-files-tIS17-zX.js → input-files-B8j6Pb_M.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./ui.module-oRwY3Zli.js";
-import { c as t, d as n, i as r } from "./input-DSPKgiCK.js";
-import { useCallback as i, useRef as a } from "react";
-import { cn as o, handleKeyboardActivation as s } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { XIcon as u } from "lucide-react";
+import { c as t, d as n, i as r } from "./input-CuRK9Vbz.js";
+import { cn as i, handleKeyboardActivation as a } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCallback as l, useRef as u } from "react";
 import { ReadFileError as d, assertValidAccept as f, assertValidAllowedMime as p, readFile as m } from "@ryuzaki13/react-foundation-lib/file";
 var h = {
 	control: "h9SMea",
@@ -16,42 +16,42 @@ var h = {
 //#endregion
 //#region src/input-files/InputFilesList.tsx
 function g({ files: e, onChange: t }) {
-	let n = i((n) => {
+	let n = l((n) => {
 		t(e.filter((e, t) => t !== n));
 	}, [e, t]);
-	return !e || !e.length ? null : /* @__PURE__ */ c("ul", {
+	return !e || !e.length ? null : /* @__PURE__ */ s("ul", {
 		className: h.fileList,
-		children: e.map((e, t) => /* @__PURE__ */ l("li", {
+		children: e.map((e, t) => /* @__PURE__ */ c("li", {
 			className: h.fileItem,
-			children: [/* @__PURE__ */ c("span", {
+			children: [/* @__PURE__ */ s("span", {
 				className: h.fileItemName,
 				children: e.meta.name
-			}), /* @__PURE__ */ c("button", {
+			}), /* @__PURE__ */ s("button", {
 				type: "button",
-				className: o(h.removeButton, "flexCenter"),
+				className: i(h.removeButton, "flexCenter"),
 				onClick: () => n(t),
 				"aria-label": `Удалить ${e.meta.name}`,
-				children: /* @__PURE__ */ c(u, {})
+				children: /* @__PURE__ */ s(o, {})
 			})]
 		}, `${e.meta.name}-${e.meta.lastModified}`))
 	});
 }
 //#endregion
 //#region src/input-files/InputFiles.tsx
-function _(u) {
-	let { value: _, onReadError: v, accept: y, allowedMime: b, maxBytes: x, maxFiles: S, label: C, description: w, placeholder: T = "Выберите файлы", disabled: E, size: D, error: O, onClearError: k, className: A } = u;
+function _(o) {
+	let { value: _, onReadError: v, accept: y, allowedMime: b, maxBytes: x, maxFiles: S, label: C, description: w, placeholder: T = "Выберите файлы", disabled: E, size: D, error: O, onClearError: k, className: A } = o;
 	p(b), f(y);
-	let j = a(null), { controlId: M, labelId: N, descriptionId: P, errorId: F, describedBy: I } = n({
+	let j = u(null), { controlId: M, labelId: N, descriptionId: P, errorId: F, describedBy: I } = n({
 		hasLabel: C != null,
 		hasDescription: !!w,
 		hasError: !!O
-	}), L = typeof S == "number" && _.length >= S, R = i(async (e) => {
+	}), L = typeof S == "number" && _.length >= S, R = l(async (e) => {
 		let t = e.target.files;
 		if (!t || t.length === 0) return;
 		let n = Array.from(t);
 		e.target.value = "", O && k && k();
 		let r = typeof S == "number" ? S - _.length : n.length, i = n.slice(0, r);
-		if (u.readMode === "array-buffer") {
+		if (o.readMode === "array-buffer") {
 			let e = [];
 			for (let t of i) try {
 				let n = await m(t, {
@@ -63,7 +63,7 @@ function _(u) {
 			} catch (e) {
 				e instanceof d && v && v(e);
 			}
-			e.length > 0 && u.onChange([...u.value, ...e]);
+			e.length > 0 && o.onChange([...o.value, ...e]);
 			return;
 		}
 		let a = [];
@@ -76,9 +76,9 @@ function _(u) {
 		} catch (e) {
 			e instanceof d && v && v(e);
 		}
-		a.length > 0 && u.onChange([...u.value, ...a]);
+		a.length > 0 && o.onChange([...o.value, ...a]);
 	}, [
-		u,
+		o,
 		S,
 		_.length,
 		b,
@@ -86,13 +86,13 @@ function _(u) {
 		v,
 		O,
 		k
-	]), z = i(() => {
+	]), z = l(() => {
 		j.current?.click();
-	}, []), B = (u.readMode, /* @__PURE__ */ c(g, {
-		files: u.value,
-		onChange: u.onChange
+	}, []), B = (o.readMode, /* @__PURE__ */ s(g, {
+		files: o.value,
+		onChange: o.onChange
 	}));
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ c(t, {
 		label: C,
 		description: w,
 		disabled: E,
@@ -104,7 +104,7 @@ function _(u) {
 		descriptionId: P,
 		errorId: F,
 		children: [
-			/* @__PURE__ */ c("input", {
+			/* @__PURE__ */ s("input", {
 				ref: j,
 				id: M,
 				type: "file",
@@ -115,18 +115,18 @@ function _(u) {
 				onChange: R,
 				tabIndex: -1
 			}),
-			/* @__PURE__ */ c(r, { children: () => /* @__PURE__ */ c("div", {
+			/* @__PURE__ */ s(r, { children: () => /* @__PURE__ */ s("div", {
 				role: "button",
 				tabIndex: E || L ? -1 : 0,
 				onClick: z,
-				onKeyDown: (e) => s(e, z, { disabled: E || L }),
-				className: o(e.uiInputControl, h.control, !!O && "invalid"),
+				onKeyDown: (e) => a(e, z, { disabled: E || L }),
+				className: i(e.uiInputControl, h.control, !!O && "invalid"),
 				"data-disabled": E || void 0,
 				"aria-invalid": !!O || void 0,
 				"aria-disabled": E || L,
 				"aria-labelledby": N,
 				"aria-describedby": I,
-				children: /* @__PURE__ */ c("span", {
+				children: /* @__PURE__ */ s("span", {
 					className: e.uiPlaceholder,
 					children: L ? `Максимум ${S} файлов` : T
 				})
@@ -138,4 +138,4 @@ function _(u) {
 //#endregion
 export { g as n, _ as t };
 
-//# sourceMappingURL=input-files-tIS17-zX.js.map
+//# sourceMappingURL=input-files-B8j6Pb_M.js.map