@elcrm/form 0.0.88 → 0.1.0

package/dist/fields/Time.js

@@ -1,444 +1 @@
-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 { acquireOverlayZIndex as i, releaseOverlayZIndex as a } from "../overlayZ.js";
-import o from "../styles/Select.module.js";
-import s from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createPortal as d } from "react-dom";
-//#region src/lib/fields/Time.tsx
-function f(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 p(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 m(e) {
-	return String(e).padStart(2, "0");
-}
-function h(e) {
-	return (e || "").replace(/\D/g, "");
-}
-function g(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 `${m(r)}:${m(i)}`;
-}
-function _(e) {
-	let t = g(e);
-	if (!t) return {
-		h: null,
-		m: null
-	};
-	let [n, r] = t.split(":").map((e) => parseInt(e, 10));
-	return {
-		h: n,
-		m: r
-	};
-}
-function v(e, t) {
-	if (e === null && t === null) return "";
-	let n = e ?? 0, r = t ?? 0;
-	return `${m(n)}:${m(r)}`;
-}
-function y(e, t) {
-	let n = h(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 b(e) {
-	let t = g(e);
-	if (!t) return null;
-	let [n, r] = t.split(":").map((e) => parseInt(e, 10));
-	return n * 60 + r;
-}
-function x(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 S(e, t, n) {
-	let r = g(e);
-	if (!r) return "";
-	let i = b(r);
-	if (i === null) return "";
-	if (t) {
-		let e = b(t);
-		e !== null && (i = Math.max(i, e));
-	}
-	if (n) {
-		let e = b(n);
-		e !== null && (i = Math.min(i, e));
-	}
-	return v(Math.floor(i / 60), i % 60);
-}
-function ee(e, t, n, r) {
-	if (r && r.length > 0) {
-		let e = /* @__PURE__ */ new Set(), i = [];
-		for (let a of r) {
-			let r = g(a);
-			!r || e.has(r) || (e.add(r), i.push(S(r, t, n) || r));
-		}
-		return i;
-	}
-	let i = Math.max(1, Math.round(e / 60));
-	i < 5 && (i = 15);
-	let a = t ? b(t) ?? 0 : 0, o = n ? b(n) ?? 1439 : 1439, s = Math.min(1439, o), c = [], l = Math.ceil(a / i) * i;
-	for (let e = l; e <= s; e += i) {
-		let t = Math.floor(e / 60);
-		if (t > 23) break;
-		let n = e % 60;
-		c.push(v(t, n));
-	}
-	return c;
-}
-function te() {
-	return /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 24 24",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "12",
-			cy: "12",
-			r: "8.25",
-			stroke: "currentColor",
-			strokeWidth: "1.75"
-		}), /* @__PURE__ */ l("path", {
-			d: "M12 7.5V12l3 2",
-			stroke: "currentColor",
-			strokeWidth: "1.75",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})]
-	});
-}
-function C({ value: i = "", form: a, onValue: o, onBlur: b, name: C = "", placeholder: re = "", label: w = "", hidden: ie = !1, disabled: T = !1, error: ae = "", className: E = "", after: D = "", before: O = "", step: k = 60, min: A, max: j, id: oe, spellCheck: M = !1, align: se = "start", picker: N = !1, presets: P }) {
-	let { value: ce, version: le } = n(a, C, i), F = g(ce), I = !T, L = s.useRef(null), R = s.useRef(null), ue = s.useRef(null), z = s.useRef(null), [B, V] = s.useState(!1), [H, U] = s.useState(!1), [W, G] = s.useState(null), [K, q] = s.useState(0), J = s.useId(), Y = s.useMemo(() => ee(k, A, j, P), [
-		k,
-		A,
-		j,
-		P
-	]);
-	s.useLayoutEffect(() => {
-		if (!B || !I) return;
-		let { h: e, m: t } = _(F), n = (e, t) => {
-			e && (t === null ? e.innerHTML = "<br>" : e.textContent = String(t));
-		};
-		n(L.current, e), n(R.current, t);
-	}, [
-		B,
-		F,
-		le,
-		I
-	]);
-	let X = s.useCallback(() => {
-		let e = y(L.current?.textContent || "", 23), t = y(R.current?.textContent || "", 59);
-		if (e === null && t === null) return "";
-		let n = v(e, t);
-		if (!n) return "";
-		let { h: r, m: i } = _(n);
-		return i !== null && (n = v(r, x(i, k))), n &&= S(n, A, j), n || "";
-	}, [
-		A,
-		j,
-		k
-	]), Z = s.useCallback((e) => {
-		let t = g(e);
-		if (t) {
-			let { h: e, m: n } = _(t);
-			n !== null && (t = v(e, x(n, k))), t = S(t, A, j);
-		}
-		return a && C && a.setValue({
-			name: C,
-			value: t
-		}), o && o !== a?.onValue && o({
-			value: t,
-			name: C
-		}), t;
-	}, [
-		a,
-		C,
-		o,
-		A,
-		j,
-		k
-	]), de = s.useCallback(() => {
-		if (!N || !I || Y.length === 0) return;
-		let e = z.current;
-		if (!e) return;
-		let t = Math.max(0, Y.findIndex((e) => e === F));
-		q(t >= 0 ? t : 0), G(e.getBoundingClientRect()), U(!0);
-	}, [
-		N,
-		I,
-		Y,
-		F
-	]);
-	s.useEffect(() => {
-		if (!H) return;
-		let e = () => {
-			let e = z.current;
-			e && G(e.getBoundingClientRect());
-		};
-		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
-			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
-		};
-	}, [H]), s.useEffect(() => {
-		if (!H) return;
-		let e = (e) => {
-			if (e.key === "Escape") {
-				e.preventDefault(), U(!1);
-				return;
-			}
-			if (Y.length !== 0) {
-				if (e.key === "ArrowDown") e.preventDefault(), q((e) => (e + 1) % Y.length);
-				else if (e.key === "ArrowUp") e.preventDefault(), q((e) => e - 1 < 0 ? Y.length - 1 : e - 1);
-				else if (e.key === "Enter") {
-					e.preventDefault();
-					let t = Y[K];
-					t && (Z(t), U(!1));
-				}
-			}
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [
-		H,
-		Y,
-		K,
-		Z
-	]);
-	let Q = (e) => (t) => {
-		if (t.preventDefault(), !I) return;
-		let n = h(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 = L.current, i = R.current;
-			r && (r.textContent = String(e), queueMicrotask(() => p(String(e).length, r))), i && (i.textContent = String(t), queueMicrotask(() => p(String(t).length, i)));
-			return;
-		}
-		let i = n.slice(0, 2), a = t.currentTarget;
-		if (i === "") {
-			a.innerHTML = "<br>", queueMicrotask(() => p(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(() => p(s.length, a));
-	}, fe = (e) => {
-		let t = e.target, n = t.textContent || "", r = f(t), i = n.slice(0, r).replace(/\D/g, "").length, a = h(n).slice(0, 2);
-		if (a === "") {
-			t.innerHTML = "<br>", queueMicrotask(() => p(0, t));
-			return;
-		}
-		let o = parseInt(a, 10);
-		if (Number.isNaN(o)) return;
-		let s = String(Math.min(23, Math.max(0, o)));
-		t.textContent = s;
-		let c = Math.min(i, s.length);
-		queueMicrotask(() => p(c, t));
-	}, pe = (e) => {
-		let t = e.target, n = t.textContent || "", r = f(t), i = n.slice(0, r).replace(/\D/g, "").length, a = h(n).slice(0, 2);
-		if (a === "") {
-			t.innerHTML = "<br>", queueMicrotask(() => p(0, t));
-			return;
-		}
-		let o = parseInt(a, 10);
-		if (Number.isNaN(o)) return;
-		let s = String(Math.min(59, Math.max(0, o)));
-		t.textContent = s;
-		let c = Math.min(i, s.length);
-		queueMicrotask(() => p(c, t));
-	}, me = (e) => {
-		(e.key === "Enter" || e.key === ":") && (e.preventDefault(), R.current?.focus());
-	}, he = (e) => {
-		e.key === "Enter" && e.preventDefault();
-	}, ge = (e) => {
-		let t = e.currentTarget;
-		(t.textContent || "").trim().length || (t.innerHTML = "<br>"), I && V(!0);
-	}, _e = (e) => {
-		r.Blur(e);
-	};
-	s.useEffect(() => {
-		let e = ue.current;
-		if (!e) return;
-		let t = (t) => {
-			let n = t.relatedTarget;
-			if (n && e.contains(n)) return;
-			let r = X();
-			a && C && a.setValue({
-				name: C,
-				value: r
-			}), o && o !== a?.onValue && o({
-				value: r,
-				name: C
-			}), b && C && b({
-				value: r,
-				name: C
-			}), V(!1);
-		};
-		return e.addEventListener("focusout", t), () => e.removeEventListener("focusout", t);
-	}, [
-		a,
-		C,
-		b,
-		A,
-		j,
-		k,
-		X
-	]);
-	let { h: ve, m: ye } = _(F), $ = {};
-	I && ($.edit = "");
-	let be = { ...$ }, xe = { ...$ };
-	re && (be.placeholder = re);
-	let Se = F !== "" || B;
-	return ie && F === "" ? null : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-		ref: z,
-		children: /* @__PURE__ */ u(t, {
-			type: "time",
-			label: w,
-			error: ae,
-			element_blok: { className: [E || ""] },
-			element_input: {
-				className: [
-					e.w,
-					e.time,
-					se === "center" ? e.timeAlignCenter : ""
-				].filter(Boolean),
-				props: { "data-disabled": T || !I ? "true" : void 0 }
-			},
-			children: [
-				O ? /* @__PURE__ */ l("span", {
-					className: e.affix,
-					children: O
-				}) : null,
-				/* @__PURE__ */ u("div", {
-					ref: ue,
-					className: e.timeInner,
-					role: "group",
-					"aria-label": w || "Время",
-					children: [
-						/* @__PURE__ */ l("div", {
-							id: oe,
-							ref: L,
-							className: e.timePart,
-							contentEditable: I ? "plaintext-only" : !1,
-							suppressContentEditableWarning: !0,
-							spellCheck: M,
-							inputMode: "numeric",
-							onPaste: Q("hour"),
-							onInput: fe,
-							onKeyDown: me,
-							onFocus: ge,
-							onBlur: _e,
-							"aria-label": "Часы, 0–23",
-							...be,
-							children: !I || !B ? ve === null ? "" : m(ve) : null
-						}),
-						Se && /* @__PURE__ */ l("span", {
-							className: e.timeSep,
-							"aria-hidden": "true",
-							children: ":"
-						}),
-						/* @__PURE__ */ l("div", {
-							ref: R,
-							className: e.timePart,
-							contentEditable: I ? "plaintext-only" : !1,
-							suppressContentEditableWarning: !0,
-							spellCheck: M,
-							inputMode: "numeric",
-							onPaste: Q("minute"),
-							onInput: pe,
-							onKeyDown: he,
-							onFocus: ge,
-							onBlur: _e,
-							"aria-label": "Минуты, 0–59",
-							...xe,
-							children: !I || !B ? ye === null ? "" : m(ye) : null
-						})
-					]
-				}),
-				N ? /* @__PURE__ */ l("button", {
-					type: "button",
-					className: e.timePickerBtn,
-					disabled: !I || Y.length === 0,
-					"aria-label": "Быстрый выбор времени",
-					"aria-haspopup": "listbox",
-					"aria-expanded": H,
-					"aria-controls": J,
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: de,
-					children: /* @__PURE__ */ l(te, {})
-				}) : null,
-				D ? /* @__PURE__ */ l("span", {
-					className: e.affix,
-					children: D
-				}) : null
-			]
-		})
-	}), H && W && d(/* @__PURE__ */ l(ne, {
-		parent: W,
-		slots: Y,
-		current: F,
-		activeIndex: K,
-		listId: J,
-		className: E,
-		setOpen: U,
-		setActiveIndex: q,
-		onPick: (e) => {
-			Z(e), U(!1);
-		}
-	}), document.body)] });
-}
-C.displayName = "TimeField";
-var ne = ({ parent: e, slots: t, current: n, activeIndex: r, listId: d, className: f, setOpen: p, setActiveIndex: m, onPick: h }) => {
-	let g = s.useRef(null), [_] = s.useState(() => i());
-	s.useEffect(() => () => a(_), [_]), s.useEffect(() => {
-		(g.current?.querySelector("[data-focus=\"true\"]"))?.scrollIntoView({ block: "nearest" });
-	}, [r]);
-	let v = window.innerHeight - e.bottom < 306 ? Math.max(6, e.top - 300 - 6) : Math.min(window.innerHeight - 300 - 6, e.bottom + 6), y = Math.max(e.width, 160), b = Math.min(Math.max(6, e.left), window.innerWidth - y - 6);
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-		className: o.o,
-		style: { zIndex: _ },
-		onClick: () => p(!1),
-		"aria-hidden": !0
-	}), /* @__PURE__ */ l("div", {
-		className: [o.l, f].filter((e) => e !== void 0).join(" "),
-		style: {
-			top: v + "px",
-			left: b + "px",
-			width: y,
-			zIndex: _ + 1
-		},
-		children: /* @__PURE__ */ l("ul", {
-			id: d,
-			role: "listbox",
-			ref: g,
-			children: t.map((e, t) => /* @__PURE__ */ l("li", {
-				id: `${d}-opt-${t}`,
-				role: "option",
-				"aria-selected": n === e,
-				"data-focus": r === t ? "true" : "false",
-				onMouseEnter: () => m(t),
-				onClick: () => h(e),
-				children: e
-			}, e))
-		})
-	})] });
-};
-//#endregion
-export { C as default };
+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{acquireOverlayZIndex as i,releaseOverlayZIndex as a}from"../overlayZ.js";import o from"../styles/Select.module.js";import s from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{createPortal as d}from"react-dom";function f(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 p(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 m(e){return String(e).padStart(2,`0`)}function h(e){return(e||``).replace(/\D/g,``)}function g(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`${m(r)}:${m(i)}`}function _(e){let t=g(e);if(!t)return{h:null,m:null};let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return{h:n,m:r}}function v(e,t){if(e===null&&t===null)return``;let n=e??0,r=t??0;return`${m(n)}:${m(r)}`}function y(e,t){let n=h(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 b(e){let t=g(e);if(!t)return null;let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return n*60+r}function x(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 S(e,t,n){let r=g(e);if(!r)return``;let i=b(r);if(i===null)return``;if(t){let e=b(t);e!==null&&(i=Math.max(i,e))}if(n){let e=b(n);e!==null&&(i=Math.min(i,e))}return v(Math.floor(i/60),i%60)}function ee(e,t,n,r){if(r&&r.length>0){let e=new Set,i=[];for(let a of r){let r=g(a);!r||e.has(r)||(e.add(r),i.push(S(r,t,n)||r))}return i}let i=Math.max(1,Math.round(e/60));i<5&&(i=15);let a=t?b(t)??0:0,o=n?b(n)??1439:1439,s=Math.min(1439,o),c=[],l=Math.ceil(a/i)*i;for(let e=l;e<=s;e+=i){let t=Math.floor(e/60);if(t>23)break;let n=e%60;c.push(v(t,n))}return c}function te(){return u(`svg`,{viewBox:`0 0 24 24`,width:`20`,height:`20`,fill:`none`,"aria-hidden":!0,children:[l(`circle`,{cx:`12`,cy:`12`,r:`8.25`,stroke:`currentColor`,strokeWidth:`1.75`}),l(`path`,{d:`M12 7.5V12l3 2`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}function C({value:i=``,form:a,onValue:o,onBlur:b,name:C=``,placeholder:re=``,label:w=``,hidden:ie=!1,disabled:T=!1,error:ae=``,className:E=``,after:D=``,before:O=``,step:k=60,min:A,max:j,id:oe,spellCheck:M=!1,align:se=`start`,picker:N=!1,presets:P}){let{value:ce,version:le}=n(a,C,i),F=g(ce),I=!T,L=s.useRef(null),R=s.useRef(null),ue=s.useRef(null),z=s.useRef(null),[B,V]=s.useState(!1),[H,U]=s.useState(!1),[W,G]=s.useState(null),[K,q]=s.useState(0),J=s.useId(),Y=s.useMemo(()=>ee(k,A,j,P),[k,A,j,P]);s.useLayoutEffect(()=>{if(!B||!I)return;let{h:e,m:t}=_(F),n=(e,t)=>{e&&(t===null?e.innerHTML=`<br>`:e.textContent=String(t))};n(L.current,e),n(R.current,t)},[B,F,le,I]);let X=s.useCallback(()=>{let e=y(L.current?.textContent||``,23),t=y(R.current?.textContent||``,59);if(e===null&&t===null)return``;let n=v(e,t);if(!n)return``;let{h:r,m:i}=_(n);return i!==null&&(n=v(r,x(i,k))),n&&=S(n,A,j),n||``},[A,j,k]),Z=s.useCallback(e=>{let t=g(e);if(t){let{h:e,m:n}=_(t);n!==null&&(t=v(e,x(n,k))),t=S(t,A,j)}return a&&C&&a.setValue({name:C,value:t}),o&&o!==a?.onValue&&o({value:t,name:C}),t},[a,C,o,A,j,k]),de=s.useCallback(()=>{if(!N||!I||Y.length===0)return;let e=z.current;if(!e)return;let t=Math.max(0,Y.findIndex(e=>e===F));q(t>=0?t:0),G(e.getBoundingClientRect()),U(!0)},[N,I,Y,F]);s.useEffect(()=>{if(!H)return;let e=()=>{let e=z.current;e&&G(e.getBoundingClientRect())};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[H]),s.useEffect(()=>{if(!H)return;let e=e=>{if(e.key===`Escape`){e.preventDefault(),U(!1);return}if(Y.length!==0){if(e.key===`ArrowDown`)e.preventDefault(),q(e=>(e+1)%Y.length);else if(e.key===`ArrowUp`)e.preventDefault(),q(e=>e-1<0?Y.length-1:e-1);else if(e.key===`Enter`){e.preventDefault();let t=Y[K];t&&(Z(t),U(!1))}}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[H,Y,K,Z]);let Q=e=>t=>{if(t.preventDefault(),!I)return;let n=h(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=L.current,i=R.current;r&&(r.textContent=String(e),queueMicrotask(()=>p(String(e).length,r))),i&&(i.textContent=String(t),queueMicrotask(()=>p(String(t).length,i)));return}let i=n.slice(0,2),a=t.currentTarget;if(i===``){a.innerHTML=`<br>`,queueMicrotask(()=>p(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(()=>p(s.length,a))},fe=e=>{let t=e.target,n=t.textContent||``,r=f(t),i=n.slice(0,r).replace(/\D/g,``).length,a=h(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>p(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(23,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>p(c,t))},pe=e=>{let t=e.target,n=t.textContent||``,r=f(t),i=n.slice(0,r).replace(/\D/g,``).length,a=h(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>p(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(59,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>p(c,t))},me=e=>{(e.key===`Enter`||e.key===`:`)&&(e.preventDefault(),R.current?.focus())},he=e=>{e.key===`Enter`&&e.preventDefault()},ge=e=>{let t=e.currentTarget;(t.textContent||``).trim().length||(t.innerHTML=`<br>`),I&&V(!0)},_e=e=>{r.Blur(e)};s.useEffect(()=>{let e=ue.current;if(!e)return;let t=t=>{let n=t.relatedTarget;if(n&&e.contains(n))return;let r=X();a&&C&&a.setValue({name:C,value:r}),o&&o!==a?.onValue&&o({value:r,name:C}),b&&C&&b({value:r,name:C}),V(!1)};return e.addEventListener(`focusout`,t),()=>e.removeEventListener(`focusout`,t)},[a,C,b,A,j,k,X]);let{h:ve,m:ye}=_(F),$={};I&&($.edit=``);let be={...$},xe={...$};re&&(be.placeholder=re);let Se=F!==``||B;return ie&&F===``?null:u(c,{children:[l(`div`,{ref:z,children:u(t,{type:`time`,label:w,error:ae,element_blok:{className:[E||``]},element_input:{className:[e.w,e.time,se===`center`?e.timeAlignCenter:``].filter(Boolean),props:{"data-disabled":T||!I?`true`:void 0}},children:[O?l(`span`,{className:e.affix,children:O}):null,u(`div`,{ref:ue,className:e.timeInner,role:`group`,"aria-label":w||`Время`,children:[l(`div`,{id:oe,ref:L,className:e.timePart,contentEditable:I?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:M,inputMode:`numeric`,onPaste:Q(`hour`),onInput:fe,onKeyDown:me,onFocus:ge,onBlur:_e,"aria-label":`Часы, 0–23`,...be,children:!I||!B?ve===null?``:m(ve):null}),Se&&l(`span`,{className:e.timeSep,"aria-hidden":`true`,children:`:`}),l(`div`,{ref:R,className:e.timePart,contentEditable:I?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:M,inputMode:`numeric`,onPaste:Q(`minute`),onInput:pe,onKeyDown:he,onFocus:ge,onBlur:_e,"aria-label":`Минуты, 0–59`,...xe,children:!I||!B?ye===null?``:m(ye):null})]}),N?l(`button`,{type:`button`,className:e.timePickerBtn,disabled:!I||Y.length===0,"aria-label":`Быстрый выбор времени`,"aria-haspopup":`listbox`,"aria-expanded":H,"aria-controls":J,onMouseDown:e=>e.preventDefault(),onClick:de,children:l(te,{})}):null,D?l(`span`,{className:e.affix,children:D}):null]})}),H&&W&&d(l(ne,{parent:W,slots:Y,current:F,activeIndex:K,listId:J,className:E,setOpen:U,setActiveIndex:q,onPick:e=>{Z(e),U(!1)}}),document.body)]})}C.displayName=`TimeField`;var ne=({parent:e,slots:t,current:n,activeIndex:r,listId:d,className:f,setOpen:p,setActiveIndex:m,onPick:h})=>{let g=s.useRef(null),[_]=s.useState(()=>i());s.useEffect(()=>()=>a(_),[_]),s.useEffect(()=>{(g.current?.querySelector(`[data-focus="true"]`))?.scrollIntoView({block:`nearest`})},[r]);let v=window.innerHeight-e.bottom<306?Math.max(6,e.top-300-6):Math.min(window.innerHeight-300-6,e.bottom+6),y=Math.max(e.width,160),b=Math.min(Math.max(6,e.left),window.innerWidth-y-6);return u(c,{children:[l(`div`,{className:o.o,style:{zIndex:_},onClick:()=>p(!1),"aria-hidden":!0}),l(`div`,{className:[o.l,f].filter(e=>e!==void 0).join(` `),style:{top:v+`px`,left:b+`px`,width:y,zIndex:_+1},children:l(`ul`,{id:d,role:`listbox`,ref:g,children:t.map((e,t)=>l(`li`,{id:`${d}-opt-${t}`,role:`option`,"aria-selected":n===e,"data-focus":r===t?`true`:`false`,onMouseEnter:()=>m(t),onClick:()=>h(e),children:e},e))})})]})};export{C as default};

package/dist/fields/Url.d.ts

@@ -1,8 +1,10 @@
+import { default as React } from 'react';
 import { TInput } from './type';
 /** UrlField — нативный input type=url. */
 export type TUrl = TInput;
-declare function UrlField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, autoComplete, id, }: TUrl): import("react/jsx-runtime").JSX.Element | null;
+declare function UrlField(props: TUrl): import("react/jsx-runtime").JSX.Element;
 declare namespace UrlField {
     var displayName: string;
 }
-export default UrlField;
+declare const _default: React.MemoExoticComponent<typeof UrlField>;
+export default _default;

package/dist/fields/Url.js

@@ -1,80 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import { isEmptyTextLike as r } from "./visibility.js";
-import i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/lib/fields/Url.tsx
-function s({ value: s = "", form: c, onValue: l, onBlur: u, name: d = "", placeholder: f = "", label: p = "", error: m = "", hidden: h = !1, disabled: g = !1, className: _ = "", after: v = "", before: y = "", maxLength: b, autoComplete: x = "url", id: S }) {
-	let { value: C, version: w } = n(c, d, s), T = !g, E = typeof C == "string" || typeof C == "number" ? String(C) : "", D = i.useRef(null);
-	i.useEffect(() => {
-		let e = D.current;
-		!e || e.value === E || (e.value = E);
-	}, [E, w]);
-	let O = (e, t = !1) => {
-		let n = {
-			value: e,
-			name: d
-		};
-		c && d && (t ? c.setValue(n) : c.onValue(n)), l && l !== c?.onValue && l(n);
-	};
-	return h && r(C) ? null : /* @__PURE__ */ o(t, {
-		type: "url",
-		label: p,
-		error: m,
-		element_blok: { className: [_ || ""] },
-		element_input: {
-			className: [e.w],
-			props: { "data-disabled": g || !T ? "true" : void 0 }
-		},
-		children: [
-			y ? /* @__PURE__ */ a("span", {
-				className: e.affix,
-				children: y
-			}) : null,
-			/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("input", {
-				id: S,
-				ref: D,
-				type: "url",
-				name: d || void 0,
-				defaultValue: E,
-				placeholder: f,
-				maxLength: b,
-				disabled: g,
-				readOnly: !T,
-				autoComplete: x,
-				inputMode: "url",
-				spellCheck: !1,
-				"aria-label": p || f || "URL",
-				onChange: (e) => O(e.target.value),
-				onBlur: (e) => {
-					let t = (e.target.value || "").trim();
-					O(t, !0), u?.({
-						value: t,
-						name: d
-					});
-				},
-				onKeyDown: (e) => {
-					e.key === "Enter" && e.preventDefault();
-				},
-				style: {
-					width: "100%",
-					border: "none",
-					outline: "none",
-					background: "transparent",
-					font: "inherit",
-					color: "inherit",
-					padding: 0,
-					margin: 0
-				}
-			}) }),
-			v ? /* @__PURE__ */ a("span", {
-				className: e.affix,
-				children: v
-			}) : null
-		]
-	});
-}
-s.displayName = "UrlField";
-//#endregion
-export { s as default };
+import e from"./NativeTextField.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r(t){return n(e,{...t,fieldType:`url`,inputType:`url`,inputmode:t.inputmode??`url`,autoComplete:t.autoComplete??`url`,defaultAriaLabel:`URL`})}r.displayName=`UrlField`;var i=t.memo(r);export{i as default};

package/dist/fields/emit.d.ts

@@ -0,0 +1,9 @@
+import { TValue } from '../fields/type';
+import { UseFormApi } from '../hooks/use';
+/**
+ * Единый emit значения в form / onValue.
+ * `commit=true` → `setValue` (bump version), но только если значение
+ * реально изменилось — иначе blur перерисовывал бы поле зря.
+ * Во время ввода (`commit=false`) — только `onValue` без notify.
+ */
+export declare function createFieldEmit(form: UseFormApi | undefined, name: string, onValue?: (data: TValue) => void | Promise<void>): (value: unknown, commit?: boolean) => void;

package/dist/fields/emit.js

@@ -0,0 +1 @@
+function e(e,t,n){return(r,i=!1)=>{let a={value:r,name:t};if(e&&t)if(i){let n=e.getValue(t);Object.is(n,r)?e.onValue(a):e.setValue(a)}else e.onValue(a);n&&n!==e?.onValue&&n(a)}}export{e as createFieldEmit};

package/dist/fields/type.d.ts

@@ -11,7 +11,7 @@ export type TFieldFormBindings = {
 };
 /** Подпись, доступность, видимость */
 export type TFieldPresentation = {
-    /** Подпись поля (визуально в `<dt>`) */
+    /** Подпись поля (визуально в `.t`) */
     label?: string;
     placeholder?: string;
     /** true — только просмотр, без ввода (аналог нативного disabled) */

package/dist/fields/visibility.js

@@ -1,6 +1 @@
-//#region src/lib/fields/visibility.ts
-function e(e) {
-	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1;
-}
-//#endregion
-export { e as isEmptyTextLike };
+function e(e){return e==null?!0:typeof e==`string`?e.trim()===``:!1}export{e as isEmptyTextLike};

package/dist/hooks/use.js

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