@ryuzaki13/react-foundation-ui 1.0.0 → 1.0.2

package/dist/chunks/{Input-Ce2HXBUc.js → Input-BmjlpA09.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./ui.module-BisoTevy.js";
-import { XIcon as t } from "lucide-react";
-import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useEffect as a, useEffectEvent as o, useId as s, useState as c } from "react";
-import { toFiniteNumber as l } from "@ryuzaki13/react-foundation-lib/formatters";
+import { useEffect as t, useEffectEvent as n, useId as r, useState as i } from "react";
+import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
+import { toFiniteNumber as o } from "@ryuzaki13/react-foundation-lib/formatters";
+import { XIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 var u = {
 	controlLayout: "lRn5ye",
 	input: "ce5HAY",
@@ -16,11 +16,11 @@ var u = {
 };
 //#endregion
 //#region src/input/lib/useInputFieldIds.ts
-function d({ id: e, hasLabel: t, hasDescription: n, hasError: r }) {
-	let i = s(), a = e ?? i, o = t ? `${a}-label` : void 0, c = n ? `${a}-description` : void 0, l = r ? `${a}-error` : void 0;
+function d({ id: e, hasLabel: t, hasDescription: n, hasError: i }) {
+	let a = r(), o = e ?? a, s = t ? `${o}-label` : void 0, c = n ? `${o}-description` : void 0, l = i ? `${o}-error` : void 0;
 	return {
-		controlId: a,
-		labelId: o,
+		controlId: o,
+		labelId: s,
 		descriptionId: c,
 		errorId: l,
 		describedBy: [c, l].filter(Boolean).join(" ") || void 0
@@ -28,83 +28,83 @@ function d({ id: e, hasLabel: t, hasDescription: n, hasError: r }) {
 }
 //#endregion
 //#region src/input/Input.tsx
-function f({ label: t, controlId: n, labelId: i }) {
-	return /* @__PURE__ */ r("label", {
-		id: i,
+function f({ label: t, controlId: n, labelId: r }) {
+	return /* @__PURE__ */ c("label", {
+		id: r,
 		htmlFor: n,
 		className: e.uiLabel,
 		children: t
 	});
 }
-function p({ label: t, description: a, size: o, disabled: s, className: c }) {
-	let { controlId: l, labelId: u, descriptionId: p } = d({
+function p({ label: t, description: n, size: r, disabled: i, className: o }) {
+	let { controlId: s, labelId: u, descriptionId: p } = d({
 		hasLabel: t != null,
-		hasDescription: !!a
+		hasDescription: !!n
 	});
-	return /* @__PURE__ */ i("div", {
-		className: n(e.uiElement, e.uiSizable, o && e[o], e.disabled, c),
-		"aria-disabled": s || void 0,
+	return /* @__PURE__ */ l("div", {
+		className: a(e.uiElement, e.uiSizable, r && e[r], e.disabled, o),
+		"aria-disabled": i || void 0,
 		children: [
-			t && /* @__PURE__ */ r(f, {
+			t && /* @__PURE__ */ c(f, {
 				label: t,
-				controlId: l,
+				controlId: s,
 				labelId: u
 			}),
-			a && /* @__PURE__ */ r("p", {
+			n && /* @__PURE__ */ c("p", {
 				id: p,
 				className: e.uiDescription,
-				children: a
+				children: n
 			}),
-			/* @__PURE__ */ r("div", { className: n(e.uiInputControlFake, "skeletonLine") })
+			/* @__PURE__ */ c("div", { className: a(e.uiInputControlFake, "skeletonLine") })
 		]
 	});
 }
-function m({ label: t, description: a, disabled: o, className: s, error: c, size: l, controlId: d, labelId: p, descriptionId: m, errorId: h, children: g }) {
-	return /* @__PURE__ */ i("div", {
-		className: n(e.uiElement, e.uiSizable, l && e[l], o && e.disabled, s),
-		"aria-disabled": o || void 0,
+function m({ label: t, description: n, disabled: r, className: i, error: o, size: s, controlId: d, labelId: p, descriptionId: m, errorId: h, children: g }) {
+	return /* @__PURE__ */ l("div", {
+		className: a(e.uiElement, e.uiSizable, s && e[s], r && e.disabled, i),
+		"aria-disabled": r || void 0,
 		children: [
-			t && /* @__PURE__ */ r(f, {
+			t && /* @__PURE__ */ c(f, {
 				label: t,
 				controlId: d,
 				labelId: p
 			}),
-			a && /* @__PURE__ */ r("p", {
+			n && /* @__PURE__ */ c("p", {
 				id: m,
 				className: e.uiDescription,
-				children: a
+				children: n
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ l("div", {
 				className: u.controlLayout,
-				children: [g, c && /* @__PURE__ */ r("p", {
+				children: [g, o && /* @__PURE__ */ c("p", {
 					id: h,
 					className: u.error,
 					role: "alert",
-					children: c
+					children: o
 				})]
 			})
 		]
 	});
 }
-function h({ className: e, endAdornment: t, endAdornmentClassName: a, endAdornmentWidth: o, children: s }) {
-	let c = t != null, l = c && o ? { "--input-end-adornment-width": o } : void 0;
-	return /* @__PURE__ */ i("div", {
-		className: n(u.controlLayout, e),
-		style: l,
-		children: [s({ controlClassName: c ? u.controlWithEndAdornment : void 0 }), c && /* @__PURE__ */ r("div", {
-			className: n(u.controlEndAdornment, a),
+function h({ className: e, endAdornment: t, endAdornmentClassName: n, endAdornmentWidth: r, children: i }) {
+	let o = t != null, s = o && r ? { "--input-end-adornment-width": r } : void 0;
+	return /* @__PURE__ */ l("div", {
+		className: a(u.controlLayout, e),
+		style: s,
+		children: [i({ controlClassName: o ? u.controlWithEndAdornment : void 0 }), o && /* @__PURE__ */ c("div", {
+			className: a(u.controlEndAdornment, n),
 			children: t
 		})]
 	});
 }
-function g({ onClick: e, disabled: i, className: a, ariaLabel: o = "Очистить значение" }) {
-	return /* @__PURE__ */ r("button", {
+function g({ onClick: e, disabled: t, className: n, ariaLabel: r = "Очистить значение" }) {
+	return /* @__PURE__ */ c("button", {
 		type: "button",
-		disabled: i || !e,
-		className: n(u.clearButton, "flexCenter radiusSm", a),
+		disabled: t || !e,
+		className: a(u.clearButton, "flexCenter radiusSm", n),
 		onClick: e,
-		"aria-label": o,
-		children: /* @__PURE__ */ r(t, {})
+		"aria-label": r,
+		children: /* @__PURE__ */ c(s, {})
 	});
 }
 function _(e, t, n) {
@@ -113,28 +113,28 @@ function _(e, t, n) {
 	if (e || t) return "var(--control-height)";
 }
 function v({ endAdornment: e, onClear: t, disabled: n }) {
-	if (!(e == null && !t)) return /* @__PURE__ */ i("div", {
+	if (!(e == null && !t)) return /* @__PURE__ */ l("div", {
 		className: u.endAdornmentGroup,
-		children: [e, t && /* @__PURE__ */ r(g, {
+		children: [e, t && /* @__PURE__ */ c(g, {
 			onClick: t,
 			disabled: n
 		})]
 	});
 }
-function y({ label: t, description: i, disabled: a, className: o, onClear: s, error: l, onClearError: f, onChange: p, value: g, size: y, allowedPattern: b, endAdornment: x, endAdornmentClassName: S, endAdornmentWidth: C, type: w = "text", ...T }) {
-	let [E, D] = c(!1), O = (e) => {
+function y({ label: t, description: n, disabled: r, className: o, onClear: s, error: l, onClearError: f, onChange: p, value: g, size: y, allowedPattern: b, endAdornment: x, endAdornmentClassName: S, endAdornmentWidth: C, type: w = "text", ...T }) {
+	let [E, D] = i(!1), O = (e) => {
 		let t = e.target.value;
 		b !== void 0 && D(t !== "" && !b.test(t)), p?.(t), l && f && f();
 	}, k = !!(g && g.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: !!i,
+		hasDescription: !!n,
 		hasError: !!A
 	}), I = k && (!!l || E);
-	return /* @__PURE__ */ r(m, {
+	return /* @__PURE__ */ c(m, {
 		label: t,
-		description: i,
-		disabled: a,
+		description: n,
+		disabled: r,
 		className: o,
 		size: y,
 		error: A,
@@ -142,40 +142,40 @@ function y({ label: t, description: i, disabled: a, className: o, onClear: s, er
 		labelId: M,
 		descriptionId: N,
 		errorId: P,
-		children: /* @__PURE__ */ r(h, {
+		children: /* @__PURE__ */ c(h, {
 			endAdornment: v({
 				endAdornment: x,
 				onClear: s,
-				disabled: a
+				disabled: r
 			}),
 			endAdornmentClassName: S,
 			endAdornmentWidth: _(x != null, !!s, C),
-			children: ({ controlClassName: t }) => /* @__PURE__ */ r("input", {
+			children: ({ controlClassName: t }) => /* @__PURE__ */ c("input", {
 				...T,
 				id: j,
 				type: w,
-				disabled: a,
+				disabled: r,
 				value: g,
 				"aria-invalid": I || void 0,
 				"aria-labelledby": M,
 				"aria-describedby": F,
 				"data-invalid": I ? "" : void 0,
-				className: n(e.uiInputControl, u.input, t),
+				className: a(e.uiInputControl, u.input, t),
 				onChange: O
 			})
 		})
 	});
 }
-function b({ label: t, description: i, disabled: s, className: f, onClear: p, error: g, onClearError: y, onChange: b, value: x, size: S, endAdornment: C, endAdornmentClassName: w, endAdornmentWidth: T, ...E }) {
+function b({ label: r, description: s, disabled: l, className: f, onClear: p, error: g, onClearError: y, onChange: b, value: x, size: S, endAdornment: C, endAdornmentClassName: w, endAdornmentWidth: T, ...E }) {
 	let D = E, { controlId: O, labelId: k, descriptionId: A, errorId: j, describedBy: M } = d({
 		id: E.id,
-		hasLabel: t != null,
-		hasDescription: !!i,
+		hasLabel: r != null,
+		hasDescription: !!s,
 		hasError: !!g
-	}), [N, P] = c(() => String(x)), F = o((e) => {
+	}), [N, P] = i(() => String(x)), F = n((e) => {
 		P(e);
 	});
-	a(() => {
+	t(() => {
 		F(x !== void 0 && typeof x == "number" && !isNaN(x) ? String(x) : "");
 	}, [x]);
 	let I = p ? () => {
@@ -183,13 +183,13 @@ function b({ label: t, description: i, disabled: s, className: f, onClear: p, er
 	} : void 0, L = (e) => {
 		let t = e.target.value;
 		P(t);
-		let n = l(t) ?? x ?? 0;
+		let n = o(t) ?? x ?? 0;
 		b?.(n), g && y && y();
 	};
-	return /* @__PURE__ */ r(m, {
-		label: t,
-		description: i,
-		disabled: s,
+	return /* @__PURE__ */ c(m, {
+		label: r,
+		description: s,
+		disabled: l,
 		className: f,
 		size: S,
 		error: g,
@@ -197,24 +197,24 @@ function b({ label: t, description: i, disabled: s, className: f, onClear: p, er
 		labelId: k,
 		descriptionId: A,
 		errorId: j,
-		children: /* @__PURE__ */ r(h, {
+		children: /* @__PURE__ */ c(h, {
 			endAdornment: v({
 				endAdornment: C,
 				onClear: I,
-				disabled: s
+				disabled: l
 			}),
 			endAdornmentClassName: w,
 			endAdornmentWidth: _(C != null, !!I, T),
-			children: ({ controlClassName: t }) => /* @__PURE__ */ r("input", {
+			children: ({ controlClassName: t }) => /* @__PURE__ */ c("input", {
 				...D,
 				id: O,
 				type: "number",
 				inputMode: "decimal",
-				disabled: s,
+				disabled: l,
 				value: N,
 				"aria-labelledby": k,
 				"aria-describedby": M,
-				className: n(e.uiInputControl, u.input, u.inputNumber, t),
+				className: a(e.uiInputControl, u.input, u.inputNumber, t),
 				onChange: L
 			})
 		})
@@ -222,6 +222,6 @@ function b({ label: t, description: i, disabled: s, className: f, onClear: p, er
 }
 var x = y;
 //#endregion
-export { y as a, d as c, b as i, g as n, m as o, h as r, p as s, x as t };
+export { y as a, d as c, b as i, u as l, g as n, m as o, h as r, p as s, x as t };
 
-//# sourceMappingURL=Input-Ce2HXBUc.js.map
+//# sourceMappingURL=Input-BmjlpA09.js.map

package/dist/chunks/Input-BmjlpA09.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-BmjlpA09.js","names":[],"sources":["../../src/input/Input.module.scss","../../src/input/lib/useInputFieldIds.ts","../../src/input/Input.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.controlLayout {\n\tposition: relative;\n\twidth: 100%;\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: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\t// max-width: calc(100% - (var(--space-md) * 2));\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: 1.75em;\n\theight: 1.75em;\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--content-1);\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(--content-accent);\n\t\tbackground-color: var(--status-info-soft);\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: 0.25;\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(--status-error-on-fill);\n\tbackground: var(--status-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, useEffect, useEffectEvent, 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\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 InputUILoading({\n\tlabel,\n\tdescription,\n\tsize,\n\tdisabled,\n\tclassName\n}: Pick<InputUIProps, \"label\" | \"description\" | \"size\" | \"disabled\" | \"className\">) {\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, \"skeletonLine\")} />\n\t\t</div>\n\t);\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\tchildren\n}: InputUIProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\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\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, \"flexCenter radiusSm\", 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, 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 });\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\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, 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 [rawValue, setRawValue] = useState<string>(() => String(value));\n\t// const [internalInvalid, setInternalInvalid] = useState(false);\n\n\tconst syncRawValue = useEffectEvent((nextRaw: string) => {\n\t\tsetRawValue(nextRaw);\n\t\t// setInternalInvalid(false);\n\t});\n\n\tuseEffect(() => {\n\t\tconst nextRaw = value !== undefined && typeof value === \"number\" && !isNaN(value) ? String(value) : \"\";\n\t\tsyncRawValue(nextRaw);\n\t}, [value]);\n\n\tconst handleClear = onClear\n\t\t? () => {\n\t\t\t\tsetRawValue(\"\");\n\t\t\t\t// setInternalInvalid(false);\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\t\tsetRawValue(raw);\n\n\t\tconst parsed = toFiniteNumber(raw) ?? value ?? 0;\n\t\t// const isEmpty = raw.trim() === \"\";\n\n\t\t// const minNum = min !== undefined ? Number(min) : undefined;\n\t\t// const maxNum = max !== undefined ? Number(max) : undefined;\n\t\t// const isValidNumber = !isEmpty && !isNaN(parsed);\n\t\t// const isInRange = isValidNumber && (minNum === undefined || parsed >= minNum) && (maxNum === undefined || parsed <= maxNum);\n\n\t\t// setInternalInvalid(!isEmpty && (!isValidNumber || !isInRange));\n\n\t\tonChange?.(parsed);\n\t\tif (error && onClearError) onClearError();\n\t};\n\n\t// const isInvalid = !!error || internalInvalid;\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\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\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\tvalue={rawValue}\n\t\t\t\t\t\t// aria-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\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"],"mappings":"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"}

package/dist/chunks/{InputDateTime-DPtY_4Od.js → InputDateTime-CxfAFe2L.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./ui.module-BisoTevy.js";
-import { c as t, n, o as r, r as i } from "./Input-Ce2HXBUc.js";
-import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as o } from "react/jsx-runtime";
-import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
+import { c as t, n, o as r, r as i } from "./Input-BmjlpA09.js";
+import { useCallback as a, useMemo as o, useRef as s, useState as c } from "react";
+import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as u } from "react/jsx-runtime";
 import { dateToIndexedSegmentValues as d, indexedSegmentsToDate as f, parseDateSegmentMask as p } from "@ryuzaki13/react-foundation-lib/date-segments";
 var m = {
 	segmentInput: "t1iysX",
@@ -43,62 +43,62 @@ function y(e) {
 	}), t;
 }
 function b({ mask: e, value: t, onChange: n, onClearError: r, disabled: i }) {
-	let a = c(() => h(e), [e]), o = c(() => y(a), [a]), d = c(() => v(t, a), [t, a]), [f, p] = u(null), [m, g] = u(() => t?.getTime()), b = t?.getTime();
+	let l = o(() => h(e), [e]), u = o(() => y(l), [l]), d = o(() => v(t, l), [t, l]), [f, p] = c(null), [m, g] = c(() => t?.getTime()), b = t?.getTime();
 	b !== m && (g(b), p(null));
-	let x = f ?? d, S = l(/* @__PURE__ */ new Map()), C = l(0), [w, T] = u(!1), E = s((e) => {
+	let x = f ?? d, S = s(/* @__PURE__ */ new Map()), C = s(0), [w, T] = c(!1), E = a((e) => {
 		let t = /* @__PURE__ */ new Map();
-		a.forEach((n, r) => {
+		l.forEach((n, r) => {
 			n.kind === "editable" && t.set(n.type, e.get(r) ?? "");
 		});
-		let r = _(a, t);
+		let r = _(l, t);
 		r !== null && n(r);
-	}, [a, n]), D = s((e, t = !0) => {
+	}, [l, n]), D = a((e, t = !0) => {
 		let n = S.current.get(e);
 		n && (n.focus(), t && requestAnimationFrame(() => n.select()));
-	}, []), O = s((e) => {
-		let t = o.indexOf(e);
-		return t < o.length - 1 ? o[t + 1] : null;
-	}, [o]), k = s((e) => {
-		let t = o.indexOf(e);
-		return t > 0 ? o[t - 1] : null;
-	}, [o]), A = s((e, t) => e.padStart(t.length, "0"), []);
+	}, []), O = a((e) => {
+		let t = u.indexOf(e);
+		return t < u.length - 1 ? u[t + 1] : null;
+	}, [u]), k = a((e) => {
+		let t = u.indexOf(e);
+		return t > 0 ? u[t - 1] : null;
+	}, [u]), A = a((e, t) => e.padStart(t.length, "0"), []);
 	return {
-		segments: a,
+		segments: l,
 		segmentValues: x,
 		isFocused: w,
-		registerRef: s((e) => (t) => {
+		registerRef: a((e) => (t) => {
 			t ? S.current.set(e, t) : S.current.delete(e);
 		}, []),
-		handleInput: s((e) => (t) => {
+		handleInput: a((e) => (t) => {
 			if (i) return;
-			let n = a[e], o = t.target.value.replace(/\D/g, "").slice(0, n.length), s = new Map(x);
-			if (s.set(e, o), p(s), r?.(), o.length === n.length) {
+			let n = l[e], a = t.target.value.replace(/\D/g, "").slice(0, n.length), o = new Map(x);
+			if (o.set(e, a), p(o), r?.(), a.length === n.length) {
 				let t = O(e);
 				t !== null && requestAnimationFrame(() => D(t));
 			}
-			E(s);
+			E(o);
 		}, [
 			i,
-			a,
+			l,
 			x,
 			r,
 			O,
 			D,
 			E
 		]),
-		handleKeyDown: s((e) => (t) => {
+		handleKeyDown: a((e) => (t) => {
 			if (i) return;
-			let n = a[e], r = x.get(e) ?? "", o = t.currentTarget;
+			let n = l[e], r = x.get(e) ?? "", a = t.currentTarget;
 			switch (t.key) {
 				case "ArrowRight":
-					if (o.selectionStart === r.length || r === "") {
+					if (a.selectionStart === r.length || r === "") {
 						t.preventDefault();
 						let n = O(e);
 						n !== null && D(n);
 					}
 					break;
 				case "ArrowLeft":
-					if (o.selectionStart === 0 || r === "") {
+					if (a.selectionStart === 0 || r === "") {
 						t.preventDefault();
 						let n = k(e);
 						n !== null && D(n);
@@ -108,16 +108,16 @@ function b({ mask: e, value: t, onChange: n, onClearError: r, disabled: i }) {
 					t.preventDefault();
 					let i = r === "" ? n.min : parseInt(r, 10) + 1;
 					i > n.max && (i = n.min);
-					let a = A(i.toString(), n), s = new Map(x);
-					s.set(e, a), p(s), E(s), requestAnimationFrame(() => o.select());
+					let o = A(i.toString(), n), s = new Map(x);
+					s.set(e, o), p(s), E(s), requestAnimationFrame(() => a.select());
 					break;
 				}
 				case "ArrowDown": {
 					t.preventDefault();
 					let i = r === "" ? n.max : parseInt(r, 10) - 1;
 					i < n.min && (i = n.max);
-					let a = A(i.toString(), n), s = new Map(x);
-					s.set(e, a), p(s), E(s), requestAnimationFrame(() => o.select());
+					let o = A(i.toString(), n), s = new Map(x);
+					s.set(e, o), p(s), E(s), requestAnimationFrame(() => a.select());
 					break;
 				}
 				case "Backspace":
@@ -136,7 +136,7 @@ function b({ mask: e, value: t, onChange: n, onClearError: r, disabled: i }) {
 			}
 		}, [
 			i,
-			a,
+			l,
 			x,
 			O,
 			k,
@@ -144,22 +144,22 @@ function b({ mask: e, value: t, onChange: n, onClearError: r, disabled: i }) {
 			A,
 			E
 		]),
-		handleFocus: s(() => (e) => {
+		handleFocus: a(() => (e) => {
 			e.target.select();
 		}, []),
-		handleContainerFocus: s(() => {
+		handleContainerFocus: a(() => {
 			clearTimeout(C.current), T(!0);
 		}, []),
-		handleContainerBlur: s(() => {
+		handleContainerBlur: a(() => {
 			C.current = window.setTimeout(() => {
 				T(!1), p(null);
 			}, 0);
 		}, []),
-		focusFirstEmpty: s(() => {
-			let e = o.find((e) => !(x.get(e) ?? "")) ?? o[o.length - 1];
+		focusFirstEmpty: a(() => {
+			let e = u.find((e) => !(x.get(e) ?? "")) ?? u[u.length - 1];
 			e !== void 0 && D(e);
 		}, [
-			o,
+			u,
 			x,
 			D
 		])
@@ -167,20 +167,20 @@ function b({ mask: e, value: t, onChange: n, onClearError: r, disabled: i }) {
 }
 //#endregion
 //#region src/input-date-time/InputDateTime.tsx
-function x({ mask: s, value: c, onChange: l, label: u, description: d, disabled: f, size: p, className: h, error: g, onClearError: _, onClear: v, "aria-label": y }) {
+function x({ mask: a, value: o, onChange: s, label: c, description: d, disabled: f, size: p, className: h, error: g, onClearError: _, onClear: v, "aria-label": y }) {
 	let { segments: x, segmentValues: S, registerRef: C, handleInput: w, handleKeyDown: T, handleFocus: E, handleContainerFocus: D, handleContainerBlur: O, focusFirstEmpty: k } = b({
-		mask: s,
-		value: c,
-		onChange: l,
+		mask: a,
+		value: o,
+		onChange: s,
 		onClearError: _,
 		disabled: f
 	}), { controlId: A, labelId: j, descriptionId: M, errorId: N, describedBy: P } = t({
-		hasLabel: u != null,
+		hasLabel: c != null,
 		hasDescription: !!d,
 		hasError: !!g
 	});
-	return /* @__PURE__ */ o(r, {
-		label: u,
+	return /* @__PURE__ */ u(r, {
+		label: c,
 		description: d,
 		disabled: f,
 		className: h,
@@ -189,20 +189,20 @@ function x({ mask: s, value: c, onChange: l, label: u, description: d, disabled:
 		labelId: j,
 		descriptionId: M,
 		errorId: N,
-		children: /* @__PURE__ */ o(i, {
-			endAdornment: v ? /* @__PURE__ */ o(n, {
+		children: /* @__PURE__ */ u(i, {
+			endAdornment: v ? /* @__PURE__ */ u(n, {
 				onClick: v,
 				disabled: f
 			}) : void 0,
 			endAdornmentWidth: v ? "var(--control-height)" : void 0,
-			children: ({ controlClassName: t }) => /* @__PURE__ */ o("div", {
+			children: ({ controlClassName: t }) => /* @__PURE__ */ u("div", {
 				id: A,
-				className: a(e.uiInputControlFake, t),
+				className: l(e.uiInputControlFake, t),
 				"data-invalid": g ? "" : void 0,
 				"data-disabled": f || void 0,
 				role: "group",
 				"aria-invalid": !!g || void 0,
-				"aria-label": y || (typeof u == "string" ? u : void 0),
+				"aria-label": y || (typeof c == "string" ? c : void 0),
 				"aria-labelledby": y ? void 0 : j,
 				"aria-describedby": P,
 				onFocus: D,
@@ -210,11 +210,11 @@ function x({ mask: s, value: c, onChange: l, label: u, description: d, disabled:
 				onClick: (e) => {
 					e.target === e.currentTarget && k();
 				},
-				children: x.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ o("span", {
+				children: x.map((e, t) => e.kind === "literal" ? /* @__PURE__ */ u("span", {
 					className: m.separator,
 					"data-disabled": f || void 0,
 					children: e.text
-				}, t) : /* @__PURE__ */ o("input", {
+				}, t) : /* @__PURE__ */ u("input", {
 					ref: C(t),
 					type: "text",
 					inputMode: "numeric",
@@ -235,19 +235,19 @@ function x({ mask: s, value: c, onChange: l, label: u, description: d, disabled:
 	});
 }
 function S({ mask: e = "YYYY.MM.DD", ...t }) {
-	return /* @__PURE__ */ o(x, {
+	return /* @__PURE__ */ u(x, {
 		mask: e,
 		...t
 	});
 }
 function C({ mask: e = "hh:mm", ...t }) {
-	return /* @__PURE__ */ o(x, {
+	return /* @__PURE__ */ u(x, {
 		mask: e,
 		...t
 	});
 }
 function w({ mask: e = "YYYY.MM.DD hh:mm", ...t }) {
-	return /* @__PURE__ */ o(x, {
+	return /* @__PURE__ */ u(x, {
 		mask: e,
 		...t
 	});
@@ -255,4 +255,4 @@ function w({ mask: e = "YYYY.MM.DD hh:mm", ...t }) {
 //#endregion
 export { w as n, C as r, S as t };
 
-//# sourceMappingURL=InputDateTime-DPtY_4Od.js.map
+//# sourceMappingURL=InputDateTime-CxfAFe2L.js.map