@elcrm/form 0.0.63 → 0.0.64

package/dist/fields/Select.js

@@ -0,0 +1,143 @@
+import e from "../core/Field.js";
+import { useFormFieldState as t } from "../hooks/use.js";
+import n from "../styles/Select.module.js";
+import r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+//#region src/lib/fields/Select.tsx
+function c({ form: c, title: u, error: d, edit: f = !0, active: p = !0, hide: m, value: h = 0, onValue: g, options: _, placeholder: v = "", className: y, name: b = "", order: x, isReload: S = !1, disabled: C = !1 }) {
+	let [w, T] = r.useState(!1), [E, D] = r.useState(0), [O, k] = r.useState(null), A = r.useId(), { value: j } = t(c, b, h ?? 0), M = Number(j), N = [];
+	_ && (N = Array.isArray(_) ? _.map((e) => ({
+		id: e.id ?? e.i ?? 0,
+		label: e.n || "",
+		hidden: e.s === 0
+	})).filter((e) => e.id !== 0 && e.label.length > 0) : Object.keys(_).map((e) => {
+		let t = Number(e), n = _[t];
+		return {
+			id: t,
+			label: n?.n || "",
+			hidden: n?.s === 0
+		};
+	}).filter((e) => e.label.length > 0));
+	let P = (() => {
+		if (!x || x.length === 0) return N;
+		let e = new Map(N.map((e) => [e.id, e]));
+		return x.map((t) => e.get(t)).filter((e) => !!e);
+	})().filter((e) => !e.hidden), F = (e) => P.find((t) => t.id === e)?.label;
+	m = !!(m && (M === 0 || F(M) === void 0)) && !(f && p);
+	let I = w && P.length > 0 ? `${A}-opt-${E}` : void 0, L = (e) => {
+		let t = {
+			value: e,
+			name: b,
+			reload: S
+		};
+		c && b && c.onValue(t), g && g !== c?.onValue && g(t);
+	}, R = (e) => {
+		if (P.length === 0 || !(f && p) || C) return;
+		let t = P.findIndex((e) => e.id === M);
+		k(e.getBoundingClientRect()), D(t >= 0 ? t : 0), T(!0);
+	}, z = (e) => {
+		R(e.currentTarget);
+	}, B = (e) => {
+		if (!(!(f && p) || C) && P.length !== 0) {
+			if (!w && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ")) {
+				e.preventDefault(), R(e.currentTarget);
+				return;
+			}
+			if (w) {
+				if (e.key === "Escape") {
+					e.preventDefault(), T(!1);
+					return;
+				}
+				if (e.key === "ArrowDown") {
+					e.preventDefault(), D((e) => (e + 1) % P.length);
+					return;
+				}
+				if (e.key === "ArrowUp") {
+					e.preventDefault(), D((e) => e - 1 < 0 ? P.length - 1 : e - 1);
+					return;
+				}
+				if (e.key === "Enter") {
+					e.preventDefault();
+					let t = P[E];
+					t && L(t.id), T(!1);
+				}
+			}
+		}
+	}, V = {};
+	return v && (V.placeholder = v), m ? "" : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+		type: "select",
+		title: u,
+		element_blok: { className: [y || ""] },
+		error: d,
+		element_input: {
+			className: [n.f],
+			props: {
+				onClick: z,
+				onKeyDown: B,
+				tabIndex: f && p && !C ? 0 : -1,
+				role: "combobox",
+				"aria-expanded": w,
+				"aria-haspopup": "listbox",
+				"aria-controls": A,
+				...I ? { "aria-activedescendant": I } : {},
+				"aria-disabled": C || !(f && p),
+				"data-disabled": C || !(f && p)
+			}
+		},
+		children: /* @__PURE__ */ a("div", {
+			...V,
+			children: F(M) || v || ""
+		})
+	}), w && s(/* @__PURE__ */ a(l, {
+		parent: O || void 0,
+		onValue: L,
+		className: y,
+		items: P,
+		setOpen: T,
+		listId: A,
+		activeIndex: E,
+		currentValue: M
+	}), document.body)] });
+}
+c.displayName = "SelectField";
+var l = ({ onValue: e, parent: t, className: r, items: s, setOpen: c, listId: l, activeIndex: d, currentValue: f }) => {
+	if (!t) return null;
+	let p = () => {
+		c(!1);
+	}, m = (t) => {
+		c(!1), e(t);
+	}, h = window.innerHeight - t.bottom < 306 ? Math.max(6, t.top - 300 - 6) : Math.min(window.innerHeight - 300 - 6, t.bottom + 6), g = Math.max(t.width, 260), _ = Math.min(Math.max(6, t.left), window.innerWidth - g - 6);
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+		className: n.o,
+		onClick: p,
+		"aria-hidden": !0
+	}), /* @__PURE__ */ a("div", {
+		className: [n.l, r].filter((e) => e !== void 0).join(" "),
+		style: {
+			top: h + "px",
+			left: _ + "px",
+			width: g
+		},
+		children: /* @__PURE__ */ a(u, {
+			listId: l,
+			items: s,
+			link: m,
+			activeIndex: d,
+			currentValue: f
+		})
+	})] });
+}, u = ({ listId: e, items: t, link: n, activeIndex: r, currentValue: i }) => /* @__PURE__ */ a("ul", {
+	id: e,
+	role: "listbox",
+	children: t.map((t, o) => /* @__PURE__ */ a("li", {
+		id: `${e}-opt-${o}`,
+		role: "option",
+		"aria-selected": i === t.id,
+		"data-focus": r === o ? "true" : "false",
+		onClick: () => n(t.id),
+		children: t.label
+	}, t.id))
+});
+//#endregion
+export { c as default };

package/dist/{src/lib/fields → fields}/Textarea.d.ts

@@ -20,4 +20,8 @@ import { TInput } from './type';
  * @param {boolean} [isCopy] - разрешить копирование
  * @return {ReactElement} - поле ввода
  */
-export default function ({ value, onValue, name, placeholder, title, label, hide, edit, active, after, show, maxLength, error, onSave, className, isCopy, }: TInput): import("react/jsx-runtime").JSX.Element | "";
+declare function TextareaField({ value, form, onValue, name, placeholder, title, label, hide, edit, active, after, show, maxLength, error, onSave, className, isCopy, }: TInput): import("react/jsx-runtime").JSX.Element | "";
+declare namespace TextareaField {
+    var displayName: string;
+}
+export default TextareaField;

package/dist/fields/Textarea.js

@@ -0,0 +1,47 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import r, { asEditableClipboard as i } from "../events/onEvent.js";
+import "react";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
+//#region src/lib/fields/Textarea.tsx
+function s({ value: s, form: c, onValue: l, name: u, placeholder: d = "", title: f = "", label: p = "", hide: m = !1, edit: h = !0, active: g = !0, after: _ = "", show: v = !0, maxLength: y, error: b = "", onSave: x, className: S = "", isCopy: C = !0 }) {
+	let { value: w, version: T } = n(c, u || "", s), E = (e) => {
+		let t = {
+			value: e.currentTarget.innerText,
+			name: u || ""
+		};
+		c && u && c.onValue(t), l && l !== c?.onValue && l(t);
+	}, D = (e) => {
+		let t = (e.currentTarget.textContent ?? "").trim();
+		y && t.length >= y && e.key !== "Backspace" && e.preventDefault(), e.key === "Enter" && !e.shiftKey && e.preventDefault();
+	}, O = (e) => r.Paste(y || 0, i(e));
+	if (m) return /* @__PURE__ */ o(a, {});
+	if (!(h && g) && !v) return "";
+	let k = {};
+	return d && (k.placeholder = d), h && g && (k.edit = ""), /* @__PURE__ */ o(t, {
+		type: "note",
+		title: f || p,
+		error: b,
+		element_blok: { className: [S || ""] },
+		element_input: { className: [e.n] },
+		children: /* @__PURE__ */ o("div", {
+			onPaste: O,
+			onInput: E,
+			onBlur: (e) => {
+				r.Blur(e), x?.({
+					value: (e.currentTarget.textContent ?? "").trim(),
+					name: u || ""
+				});
+			},
+			onKeyDown: D,
+			contentEditable: h && g ? "plaintext-only" : !1,
+			suppressContentEditableWarning: !0,
+			...k,
+			children: w
+		}, T)
+	});
+}
+s.displayName = "TextareaField";
+//#endregion
+export { s as default };

package/dist/fields/Time.d.ts

@@ -0,0 +1,26 @@
+import { TInput } from './type';
+/** Значение в форме: строка `HH:mm` или пустая строка */
+export type TTime = TInput & {
+    /** Шаг для минут в секундах (`60` — любая минута; `300` — кратно 5 мин) */
+    step?: number;
+    /** Минимальное время `HH:mm` */
+    min?: string;
+    /** Максимальное время `HH:mm` */
+    max?: string;
+    /**
+     * Выравнивание пары «часы : минуты» внутри поля:
+     * `start` — слева (как у даты), `center` — по центру капсулы.
+     * @default 'start'
+     */
+    align?: "start" | "center";
+};
+/**
+ * Время: два contentEditable по образцу Mask (каретка через queueMicrotask + setCursorPosition).
+ * Пока фокус в группе — в DOM только введённые цифры без ведущих нулей; в форму значение
+ * уходит при уходе фокуса с группы (snap минут, clamp, формат `HH:mm`).
+ */
+declare function TimeField({ value, form, onValue: _onValue, onSave, name, title, label, error, placeholder, step, min, max, edit, active, disabled, className, isReload, id, spellCheck, align, }: TTime): import("react/jsx-runtime").JSX.Element;
+declare namespace TimeField {
+    var displayName: string;
+}
+export default TimeField;

package/dist/fields/Time.js

@@ -0,0 +1,252 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import r from "../events/onEvent.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/fields/Time.tsx
+function s(e) {
+	let t = window.getSelection();
+	if (!t || t.rangeCount === 0) return 0;
+	let n = t.getRangeAt(0);
+	if (!e.contains(n.startContainer)) return 0;
+	let r = document.createRange();
+	return r.selectNodeContents(e), r.setEnd(n.startContainer, n.startOffset), r.toString().length;
+}
+function c(e, t) {
+	let n = t.firstChild;
+	if (!n || n.nodeType !== Node.TEXT_NODE) return;
+	let r = n.textContent?.length ?? 0, i = Math.max(0, Math.min(e, r)), a = document.createRange(), o = window.getSelection();
+	o && (a.setStart(n, i), a.collapse(!0), o.removeAllRanges(), o.addRange(a), t.focus());
+}
+function l(e) {
+	return String(e).padStart(2, "0");
+}
+function u(e) {
+	return (e || "").replace(/\D/g, "");
+}
+function d(e) {
+	if (e == null || e === "" || typeof e != "string") return "";
+	let t = e.trim(), n = /^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(t);
+	if (!n) return "";
+	let r = Math.min(23, Math.max(0, parseInt(n[1], 10))), i = Math.min(59, Math.max(0, parseInt(n[2], 10)));
+	return `${l(r)}:${l(i)}`;
+}
+function f(e) {
+	let t = d(e);
+	if (!t) return {
+		h: null,
+		m: null
+	};
+	let [n, r] = t.split(":").map((e) => parseInt(e, 10));
+	return {
+		h: n,
+		m: r
+	};
+}
+function p(e, t) {
+	if (e === null && t === null) return "";
+	let n = e ?? 0, r = t ?? 0;
+	return `${l(n)}:${l(r)}`;
+}
+function m(e, t) {
+	let n = u(e).slice(0, 2);
+	if (n === "") return null;
+	let r = parseInt(n, 10);
+	return Number.isNaN(r) ? null : Math.min(t, Math.max(0, r));
+}
+function h(e) {
+	let t = d(e);
+	if (!t) return null;
+	let [n, r] = t.split(":").map((e) => parseInt(e, 10));
+	return n * 60 + r;
+}
+function g(e, t) {
+	let n = Math.max(1, Math.round(t / 60));
+	if (n <= 1) return e;
+	let r = Math.round(e / n) * n;
+	return Math.min(59, Math.max(0, r));
+}
+function _(e, t, n) {
+	let r = d(e);
+	if (!r) return "";
+	let i = h(r);
+	if (i === null) return "";
+	if (t) {
+		let e = h(t);
+		e !== null && (i = Math.max(i, e));
+	}
+	if (n) {
+		let e = h(n);
+		e !== null && (i = Math.min(i, e));
+	}
+	return p(Math.floor(i / 60), i % 60);
+}
+function v({ value: h = "", form: v, onValue: ee, onSave: y, name: b = "", title: x = "", label: S = "", error: C = "", placeholder: w = "", step: T = 60, min: E, max: D, edit: te = !0, active: O = !0, disabled: k = !1, className: A = "", isReload: j = !1, id: ne, spellCheck: M = !1, align: N = "start" }) {
+	let { value: P, version: F } = n(v, b, h), I = d(P), L = te && O && !k, R = i.useRef(null), z = i.useRef(null), B = i.useRef(null), [V, H] = i.useState(!1);
+	i.useLayoutEffect(() => {
+		if (!V || !L) return;
+		let { h: e, m: t } = f(I), n = (e, t) => {
+			e && (t === null ? e.innerHTML = "<br>" : e.textContent = String(t));
+		};
+		n(R.current, e), n(z.current, t);
+	}, [
+		V,
+		I,
+		F,
+		L
+	]);
+	let U = i.useCallback(() => {
+		let e = m(R.current?.textContent || "", 23), t = m(z.current?.textContent || "", 59);
+		if (e === null && t === null) return "";
+		let n = p(e, t);
+		if (!n) return "";
+		let { h: r, m: i } = f(n);
+		return i !== null && (n = p(r, g(i, T))), n &&= _(n, E, D), n || "";
+	}, [
+		E,
+		D,
+		T
+	]), W = (e) => (t) => {
+		if (t.preventDefault(), !L) return;
+		let n = u(t.clipboardData?.getData("text/plain") ?? ""), r = e === "hour" ? 23 : 59;
+		if (n.length >= 4) {
+			let e = Math.min(23, Math.max(0, parseInt(n.slice(0, 2), 10))), t = Math.min(59, Math.max(0, parseInt(n.slice(2, 4), 10))), r = R.current, i = z.current;
+			r && (r.textContent = String(e), queueMicrotask(() => c(String(e).length, r))), i && (i.textContent = String(t), queueMicrotask(() => c(String(t).length, i)));
+			return;
+		}
+		let i = n.slice(0, 2), a = t.currentTarget;
+		if (i === "") {
+			a.innerHTML = "<br>", queueMicrotask(() => c(0, a));
+			return;
+		}
+		let o = parseInt(i, 10);
+		if (Number.isNaN(o)) return;
+		let s = String(Math.min(r, Math.max(0, o)));
+		a.textContent = s, queueMicrotask(() => c(s.length, a));
+	}, G = (e) => {
+		let t = e.target, n = t.textContent || "", r = s(t), i = n.slice(0, r).replace(/\D/g, "").length, a = u(n).slice(0, 2);
+		if (a === "") {
+			t.innerHTML = "<br>", queueMicrotask(() => c(0, t));
+			return;
+		}
+		let o = parseInt(a, 10);
+		if (Number.isNaN(o)) return;
+		let l = String(Math.min(23, Math.max(0, o)));
+		t.textContent = l;
+		let d = Math.min(i, l.length);
+		queueMicrotask(() => c(d, t));
+	}, K = (e) => {
+		let t = e.target, n = t.textContent || "", r = s(t), i = n.slice(0, r).replace(/\D/g, "").length, a = u(n).slice(0, 2);
+		if (a === "") {
+			t.innerHTML = "<br>", queueMicrotask(() => c(0, t));
+			return;
+		}
+		let o = parseInt(a, 10);
+		if (Number.isNaN(o)) return;
+		let l = String(Math.min(59, Math.max(0, o)));
+		t.textContent = l;
+		let d = Math.min(i, l.length);
+		queueMicrotask(() => c(d, t));
+	}, q = (e) => {
+		(e.key === "Enter" || e.key === ":") && (e.preventDefault(), z.current?.focus());
+	}, J = (e) => {
+		e.key === "Enter" && e.preventDefault();
+	}, Y = (e) => {
+		let t = e.currentTarget;
+		(t.textContent || "").trim().length || (t.innerHTML = "<br>"), L && H(!0);
+	}, X = (e) => {
+		r.Blur(e);
+	};
+	i.useEffect(() => {
+		let e = B.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = t.relatedTarget;
+			if (n && e.contains(n)) return;
+			let r = U();
+			v && b && v.setValue({
+				name: b,
+				value: r,
+				reload: j
+			}), y && b && y({
+				value: r,
+				name: b
+			}), H(!1);
+		};
+		return e.addEventListener("focusout", t), () => e.removeEventListener("focusout", t);
+	}, [
+		v,
+		b,
+		y,
+		E,
+		D,
+		T,
+		j,
+		U
+	]);
+	let { h: Z, m: Q } = f(I), $ = {};
+	return w && ($.placeholder = w), L && ($.edit = ""), /* @__PURE__ */ a(t, {
+		type: "time",
+		title: x || S,
+		error: C,
+		element_blok: { className: [A || ""] },
+		element_input: {
+			className: [
+				e.w,
+				e.time,
+				N === "center" ? e.timeAlignCenter : ""
+			].filter(Boolean),
+			props: { "data-disabled": k || !L ? "true" : void 0 }
+		},
+		children: /* @__PURE__ */ o("div", {
+			ref: B,
+			className: e.timeInner,
+			role: "group",
+			"aria-label": x || S || "Время",
+			children: [
+				/* @__PURE__ */ a("div", {
+					id: ne,
+					ref: R,
+					className: e.timePart,
+					contentEditable: L ? "plaintext-only" : !1,
+					suppressContentEditableWarning: !0,
+					spellCheck: M,
+					inputMode: "numeric",
+					onPaste: W("hour"),
+					onInput: G,
+					onKeyDown: q,
+					onFocus: Y,
+					onBlur: X,
+					"aria-label": "Часы, 0–23",
+					...$,
+					children: !L || !V ? Z === null ? "" : l(Z) : null
+				}),
+				/* @__PURE__ */ a("span", {
+					className: e.timeSep,
+					"aria-hidden": "true",
+					children: ":"
+				}),
+				/* @__PURE__ */ a("div", {
+					ref: z,
+					className: e.timePart,
+					contentEditable: L ? "plaintext-only" : !1,
+					suppressContentEditableWarning: !0,
+					spellCheck: M,
+					inputMode: "numeric",
+					onPaste: W("minute"),
+					onInput: K,
+					onKeyDown: J,
+					onFocus: Y,
+					onBlur: X,
+					"aria-label": "Минуты, 0–59",
+					...$,
+					children: !L || !V ? Q === null ? "" : l(Q) : null
+				})
+			]
+		}, F)
+	});
+}
+v.displayName = "TimeField";
+//#endregion
+export { v as default };

package/dist/fields/type.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { UseFormApi } from '../hooks/use';
+export type TInput = {
+    value?: unknown;
+    form?: UseFormApi;
+    onValue?: (data: TValue) => void | Promise<void>;
+    onSave?: (data: TValue) => void | Promise<void>;
+    name?: string;
+    placeholder?: string;
+    title?: string;
+    label?: string;
+    disabled?: boolean;
+    error?: string;
+    hide?: boolean;
+    edit?: boolean;
+    active?: boolean;
+    after?: ReactNode;
+    before?: ReactNode;
+    show?: boolean;
+    view?: string;
+    id?: string;
+    className?: string;
+    isCopy?: boolean;
+    maxLength?: number;
+    isReload?: boolean;
+    spellCheck?: boolean;
+    inputmode?: "text" | "email" | "none" | "tel" | "url" | "search" | "numeric" | "decimal";
+};
+export type TValue = {
+    value: unknown;
+    name: string;
+    reload?: boolean;
+    id?: string;
+};
+/** Поле пароля: расширение TInput (иконки «глаз», нативный режим отключён) */
+export type TPasswordField = TInput & {
+    native?: boolean;
+    /** Начальное состояние «показать пароль» */
+    isShow?: boolean;
+    /** [скрыть, показать] — ReactNode для переключателя */
+    eyes?: [React.ReactNode?, React.ReactNode?];
+};

package/dist/hooks/use.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+/** Значения формы: только через getValues() / getValue — не мутируйте ссылку снаружи */
+export type FormValues = Record<string, unknown>;
+type FormChange = {
+    name?: string;
+    value?: unknown;
+    reload?: boolean;
+};
+type Listener = () => void;
+export type UseFormApi = {
+    valuesRef: React.MutableRefObject<FormValues>;
+    onValue: (payload: FormChange) => void;
+    setValue: (payload: FormChange) => void;
+    setValues: (nextValues: FormValues) => void;
+    /** Неглубокая копия текущих значений (защита от случайной мутации снаружи) */
+    getValues: () => FormValues;
+    getValue: (name: string, fallback?: unknown) => unknown;
+    getVersion: (name: string) => number;
+    reset: (nextValues?: FormValues) => void;
+    subscribe: (name: string, listener: Listener) => () => void;
+};
+/**
+ * useForm — сборщик значений полей. Подписки по имени поля (гранулярные ререндеры).
+ *
+ * Чтение: form.getValue("name"), form.getValues()
+ * Запись без ререндера: form.onValue({ name, value })
+ * Запись с уведомлением подписчиков поля: form.setValue({ name, value })
+ */
+export declare function useForm(initialValues?: FormValues): UseFormApi;
+/**
+ * Подписка на одно поле формы: актуальное значение + версия (для key у contentEditable и т.п.).
+ * Поля используют внутри себя; снаружи обычно достаточно передать form + name.
+ */
+/** Результат хука подписки на поле (значение + версия для key) */
+export type UseFormFieldStateResult = {
+    value: unknown;
+    version: number;
+};
+export declare function useFormFieldState(form: UseFormApi | undefined, name: string, fallback: unknown): UseFormFieldStateResult;
+/** Подписка только на значение (без поля-компонента), например внешняя логика превью */
+export declare function useFormField(form: UseFormApi, name: string, fallback?: unknown): unknown;
+export {};

package/dist/hooks/use.js

@@ -0,0 +1,57 @@
+import e from "react";
+//#region src/lib/hooks/use.ts
+var t = (e, t) => Object.is(e, t);
+function n(n = {}) {
+	let r = e.useRef({ ...n }), i = e.useRef({}), a = e.useRef({}), o = e.useCallback((e) => {
+		let t = i.current[e];
+		t && t.forEach((e) => e());
+	}, []), s = e.useCallback((e) => {
+		a.current[e] = (a.current[e] || 0) + 1;
+	}, []), c = e.useCallback((e) => {
+		!e || !e.name || (r.current[e.name] = e.value);
+	}, []), l = e.useCallback((e) => {
+		let n = r.current, i = new Set([...Object.keys(n), ...Object.keys(e)]), a = { ...e };
+		r.current = a, i.forEach((e) => {
+			let r = n[e], i = a[e];
+			t(r, i) || (s(e), o(e));
+		});
+	}, [s, o]), u = e.useCallback((e) => {
+		!e || !e.name || (r.current[e.name] = e.value, s(e.name), o(e.name));
+	}, [s, o]), d = e.useCallback((e = n) => {
+		let i = r.current, a = new Set([...Object.keys(i), ...Object.keys(e)]);
+		r.current = { ...e }, a.forEach((e) => {
+			let n = i[e], a = r.current[e];
+			t(n, a) || (s(e), o(e));
+		});
+	}, [
+		n,
+		s,
+		o
+	]), f = e.useCallback(() => ({ ...r.current }), []), p = e.useCallback((e, t) => r.current[e] ?? t, []), m = e.useCallback((e) => a.current[e] || 0, []), h = e.useCallback((e, t) => (i.current[e] || (i.current[e] = /* @__PURE__ */ new Set()), i.current[e].add(t), () => {
+		i.current[e]?.delete(t), i.current[e]?.size === 0 && delete i.current[e];
+	}), []), g = e.useRef(null);
+	return g.current ||= {}, Object.assign(g.current, {
+		valuesRef: r,
+		getValues: f,
+		setValues: l,
+		setValue: u,
+		onValue: c,
+		reset: d,
+		getValue: p,
+		getVersion: m,
+		subscribe: h
+	}), g.current;
+}
+function r(t, n, r) {
+	let i = e.useCallback((e) => !t || !n ? () => {} : t.subscribe(n, e), [t, n]), a = e.useCallback(() => !t || !n ? 0 : t.getVersion(n), [t, n]), o = e.useSyncExternalStore(i, a, a);
+	return {
+		value: t && n ? t.getValue(n, r) : r,
+		version: o
+	};
+}
+function i(e, t, n = "") {
+	let { value: i } = r(e, t, n);
+	return i;
+}
+//#endregion
+export { n as useForm, i as useFormField, r as useFormFieldState };

package/dist/index.d.ts

@@ -1,2 +1,26 @@
-export * from './src/lib/index'
-export {}
+export { default as RangeField } from './fields/Range';
+/** @deprecated используйте `RangeField` */
+export { ProgressField } from './fields/Range';
+export { default as MoneyField } from './fields/Money';
+export { default as MaskField } from './fields/Mask';
+export { default as DateField } from './fields/Date';
+export { default as TimeField } from './fields/Time';
+export { default as TextareaField } from './fields/Textarea';
+export { default as PhoneField } from './fields/Phone';
+export { default as StringField } from './fields/Input';
+export { default as NumberField } from './fields/Numeric';
+export { default as OptionsField } from './fields/Options';
+export { default as SelectField } from './fields/Select';
+export { default as ModalField } from './fields/Modal';
+export { default as PasswordField } from './fields/Password';
+export { useForm, useFormField, useFormFieldState } from './hooks/use';
+export type { TInput, TValue, TPasswordField } from './fields/type';
+export type { TRange, TProgress } from './fields/Range';
+export type { TTime } from './fields/Time';
+export type { FormValues, UseFormApi, UseFormFieldStateResult, } from './hooks/use';
+export type { EditableFieldTarget, EditableClipboardEvent, } from './events/onEvent';
+export { asEditableClipboard } from './events/onEvent';
+export { Form } from './Form';
+export type { FormInitProps, TModalOpenPayload } from './Form';
+export { useFormInit } from './FormInitContext';
+export type { FormInitContextValue } from './FormInitContext';

package/dist/index.js

@@ -0,0 +1,26 @@
+import e from "./package.js";
+import { useForm as t, useFormField as n, useFormFieldState as r } from "./hooks/use.js";
+import i from "./fields/Range.js";
+import { asEditableClipboard as a } from "./events/onEvent.js";
+import o from "./fields/Money.js";
+import s from "./fields/Mask.js";
+import c from "./fields/Date.js";
+import l from "./fields/Time.js";
+import u from "./fields/Textarea.js";
+import { useFormInit as d } from "./FormInitContext.js";
+import f from "./fields/Phone.js";
+import p from "./fields/Input.js";
+import m from "./fields/Numeric.js";
+import h from "./fields/Options.js";
+import g from "./fields/Select.js";
+import _ from "./fields/Modal.js";
+import v from "./fields/Password.js";
+import { Form as y } from "./Form.js";
+//#region src/lib/index.ts
+function b() {
+	return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof self < "u" ? self : {};
+}
+var x = b();
+x.elcrm ||= {}, Object.assign(x.elcrm, { form: e.version });
+//#endregion
+export { c as DateField, y as Form, s as MaskField, _ as ModalField, o as MoneyField, m as NumberField, h as OptionsField, v as PasswordField, f as PhoneField, i as ProgressField, i as RangeField, g as SelectField, p as StringField, u as TextareaField, l as TimeField, a as asEditableClipboard, t as useForm, n as useFormField, r as useFormFieldState, d as useFormInit };