@elcrm/form 0.0.74 → 0.0.76

package/dist/fields/Select.js

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

package/dist/fields/Textarea.js

@@ -32,7 +32,10 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 		element_blok: { className: [y || ""] },
 		element_input: { className: [e.n] },
 		children: [
-			x,
+			x ? /* @__PURE__ */ c("span", {
+				className: e.affix,
+				children: x
+			}) : null,
 			/* @__PURE__ */ c("div", {
 				ref: A,
 				onPaste: P,
@@ -52,7 +55,10 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 				suppressContentEditableWarning: !0,
 				...F
 			}),
-			b
+			b ? /* @__PURE__ */ c("span", {
+				className: e.affix,
+				children: b
+			}) : null
 		]
 	});
 }

package/dist/fields/Time.js

@@ -61,13 +61,13 @@ function h(e) {
 	let [n, r] = t.split(":").map((e) => parseInt(e, 10));
 	return n * 60 + r;
 }
-function g(e, t) {
+function ee(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 ee(e, t, n) {
+function g(e, t, n) {
 	let r = d(e);
 	if (!r) return "";
 	let i = h(r);
@@ -82,36 +82,36 @@ function ee(e, t, n) {
 	}
 	return p(Math.floor(i / 60), i % 60);
 }
-function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeholder: x = "", label: S = "", hidden: te = !1, disabled: C = !1, error: w = "", className: T = "", after: E = "", before: ne = "", step: D = 60, min: O, max: k, id: A, spellCheck: j = !1, align: M = "start" }) {
-	let { value: N, version: P } = n(_, b, h), F = d(N), I = !C, L = i.useRef(null), R = i.useRef(null), z = i.useRef(null), [B, V] = i.useState(!1);
+function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeholder: x = "", label: S = "", hidden: C = !1, disabled: w = !1, error: T = "", className: E = "", after: D = "", before: O = "", step: k = 60, min: A, max: j, id: M, spellCheck: N = !1, align: P = "start" }) {
+	let { value: F, version: I } = n(_, b, h), L = d(F), R = !w, z = i.useRef(null), B = i.useRef(null), V = i.useRef(null), [H, U] = i.useState(!1);
 	i.useLayoutEffect(() => {
-		if (!B || !I) return;
-		let { h: e, m: t } = f(F), n = (e, t) => {
+		if (!H || !R) return;
+		let { h: e, m: t } = f(L), n = (e, t) => {
 			e && (t === null ? e.innerHTML = "<br>" : e.textContent = String(t));
 		};
-		n(L.current, e), n(R.current, t);
+		n(z.current, e), n(B.current, t);
 	}, [
-		B,
-		F,
-		P,
-		I
+		H,
+		L,
+		I,
+		R
 	]);
-	let H = i.useCallback(() => {
-		let e = m(L.current?.textContent || "", 23), t = m(R.current?.textContent || "", 59);
+	let W = i.useCallback(() => {
+		let e = m(z.current?.textContent || "", 23), t = m(B.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, D))), n &&= ee(n, O, k), n || "";
+		return i !== null && (n = p(r, ee(i, k))), n &&= g(n, A, j), n || "";
 	}, [
-		O,
-		k,
-		D
-	]), U = (e) => (t) => {
-		if (t.preventDefault(), !I) return;
+		A,
+		j,
+		k
+	]), G = (e) => (t) => {
+		if (t.preventDefault(), !R) 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 = L.current, i = R.current;
+			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 = z.current, i = B.current;
 			r && (r.textContent = String(e), queueMicrotask(() => c(String(e).length, r))), i && (i.textContent = String(t), queueMicrotask(() => c(String(t).length, i)));
 			return;
 		}
@@ -124,7 +124,7 @@ function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeh
 		if (Number.isNaN(o)) return;
 		let s = String(Math.min(r, Math.max(0, o)));
 		a.textContent = s, queueMicrotask(() => c(s.length, a));
-	}, W = (e) => {
+	}, 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));
@@ -136,7 +136,7 @@ function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeh
 		t.textContent = l;
 		let d = Math.min(i, l.length);
 		queueMicrotask(() => c(d, t));
-	}, G = (e) => {
+	}, q = (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));
@@ -148,23 +148,23 @@ function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeh
 		t.textContent = l;
 		let d = Math.min(i, l.length);
 		queueMicrotask(() => c(d, t));
-	}, K = (e) => {
-		(e.key === "Enter" || e.key === ":") && (e.preventDefault(), R.current?.focus());
-	}, q = (e) => {
+	}, te = (e) => {
+		(e.key === "Enter" || e.key === ":") && (e.preventDefault(), B.current?.focus());
+	}, ne = (e) => {
 		e.key === "Enter" && e.preventDefault();
 	}, J = (e) => {
 		let t = e.currentTarget;
-		(t.textContent || "").trim().length || (t.innerHTML = "<br>"), I && V(!0);
+		(t.textContent || "").trim().length || (t.innerHTML = "<br>"), R && U(!0);
 	}, Y = (e) => {
 		r.Blur(e);
 	};
 	i.useEffect(() => {
-		let e = z.current;
+		let e = V.current;
 		if (!e) return;
 		let t = (t) => {
 			let n = t.relatedTarget;
 			if (n && e.contains(n)) return;
-			let r = H();
+			let r = W();
 			_ && b && _.setValue({
 				name: b,
 				value: r
@@ -174,60 +174,63 @@ function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeh
 			}), y && b && y({
 				value: r,
 				name: b
-			}), V(!1);
+			}), U(!1);
 		};
 		return e.addEventListener("focusout", t), () => e.removeEventListener("focusout", t);
 	}, [
 		_,
 		b,
 		y,
-		O,
+		A,
+		j,
 		k,
-		D,
-		H
+		W
 	]);
-	let { h: X, m: Z } = f(F), Q = {};
-	I && (Q.edit = "");
+	let { h: X, m: Z } = f(L), Q = {};
+	R && (Q.edit = "");
 	let $ = { ...Q }, re = { ...Q };
 	x && ($.placeholder = x);
-	let ie = F !== "" || B;
-	return te && F === "" ? null : /* @__PURE__ */ o(t, {
+	let ie = L !== "" || H;
+	return C && L === "" ? null : /* @__PURE__ */ o(t, {
 		type: "time",
 		label: S,
-		error: w,
-		element_blok: { className: [T || ""] },
+		error: T,
+		element_blok: { className: [E || ""] },
 		element_input: {
 			className: [
 				e.w,
 				e.time,
-				M === "center" ? e.timeAlignCenter : ""
+				P === "center" ? e.timeAlignCenter : ""
 			].filter(Boolean),
-			props: { "data-disabled": C || !I ? "true" : void 0 }
+			props: { "data-disabled": w || !R ? "true" : void 0 }
 		},
 		children: [
-			ne,
+			O ? /* @__PURE__ */ a("span", {
+				className: e.affix,
+				children: O
+			}) : null,
 			/* @__PURE__ */ o("div", {
-				ref: z,
+				ref: V,
 				className: e.timeInner,
 				role: "group",
 				"aria-label": S || "Время",
 				children: [
 					/* @__PURE__ */ a("div", {
-						id: A,
-						ref: L,
+						id: M,
+						ref: z,
 						className: e.timePart,
-						contentEditable: I ? "plaintext-only" : !1,
+						contentEditable: R ? "plaintext-only" : !1,
 						suppressContentEditableWarning: !0,
-						spellCheck: j,
+						spellCheck: N,
 						inputMode: "numeric",
-						onPaste: U("hour"),
-						onInput: W,
-						onKeyDown: K,
+						onPaste: G("hour"),
+						onInput: K,
+						onKeyDown: te,
 						onFocus: J,
 						onBlur: Y,
 						"aria-label": "Часы, 0–23",
 						...$,
-						children: !I || !B ? X === null ? "" : l(X) : null
+						children: !R || !H ? X === null ? "" : l(X) : null
 					}),
 					ie && /* @__PURE__ */ a("span", {
 						className: e.timeSep,
@@ -235,24 +238,27 @@ function _({ value: h = "", form: _, onValue: v, onBlur: y, name: b = "", placeh
 						children: ":"
 					}),
 					/* @__PURE__ */ a("div", {
-						ref: R,
+						ref: B,
 						className: e.timePart,
-						contentEditable: I ? "plaintext-only" : !1,
+						contentEditable: R ? "plaintext-only" : !1,
 						suppressContentEditableWarning: !0,
-						spellCheck: j,
+						spellCheck: N,
 						inputMode: "numeric",
-						onPaste: U("minute"),
-						onInput: G,
-						onKeyDown: q,
+						onPaste: G("minute"),
+						onInput: q,
+						onKeyDown: ne,
 						onFocus: J,
 						onBlur: Y,
 						"aria-label": "Минуты, 0–59",
 						...re,
-						children: !I || !B ? Z === null ? "" : l(Z) : null
+						children: !R || !H ? Z === null ? "" : l(Z) : null
 					})
 				]
 			}),
-			E
+			D ? /* @__PURE__ */ a("span", {
+				className: e.affix,
+				children: D
+			}) : null
 		]
 	});
 }

package/dist/index.d.ts

@@ -13,10 +13,12 @@ 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 { default as CheckField } from './fields/Check';
 export { useForm, useFormField, useFormFieldState } from './hooks/use';
 export type { TInput, TValue, TPasswordField, TFieldFormBindings, TFieldPresentation, } from './fields/type';
 export type { TRange, TProgress } from './fields/Range';
 export type { TTime } from './fields/Time';
+export type { TCheck } from './fields/Check';
 export type { FormValues, UseFormApi, UseFormFieldStateResult, } from './hooks/use';
 export type { EditableFieldTarget, EditableClipboardEvent, } from './events/onEvent';
 export { asEditableClipboard } from './events/onEvent';

package/dist/index.js

@@ -5,7 +5,7 @@
     var el = document.createElement("style");
     el.id = "elcrm-form-base-styles";
     el.setAttribute("data-elcrm", "form");
-    el.textContent = "._l_ita6u_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_ita6u_2>dt,._l_ita6u_2>dd{margin:0;padding:0}._l_ita6u_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_ita6u_2[data-field=group] div:last-child{border-bottom:0}._l_ita6u_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_ita6u_2 [placeholder]:focus:before{display:none}._f_ita6u_39{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_ita6u_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_ita6u_39:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_ita6u_39._e_ita6u_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_ita6u_39[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_ita6u_39[data-disabled=true]>*{cursor:not-allowed}._f_ita6u_39>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_ita6u_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_ita6u_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_ita6u_39>:not(div) svg{width:20px;height:20px}._f_ita6u_39 input::placeholder,._f_ita6u_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_ita6u_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_ita6u_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_ita6u_134>div::-webkit-scrollbar{width:0;height:0}._time_ita6u_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_ita6u_144 ._timeInner_ita6u_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timeInner_ita6u_151{justify-content:center}._time_ita6u_144 ._timeSep_ita6u_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_ita6u_144 ._timePart_ita6u_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_ita6u_144 ._timePart_ita6u_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_ita6u_144 ._timePart_ita6u_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_ita6u_144 ._timePart_ita6u_176:focus:empty:before{content:none}._time_ita6u_144 ._timePart_ita6u_176:focus-visible{background:0 0}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timePart_ita6u_176{text-align:center}._t_ita6u_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_ita6u_223{flex-direction:column}._range_ita6u_227>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_ita6u_227 ._rangeTrack_ita6u_236{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_ita6u_227 ._rangeTrack_ita6u_236:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_ita6u_227 ._rangeTrack_ita6u_236[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_ita6u_227 ._rangeFill_ita6u_257{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_ita6u_227 ._rangeFillFull_ita6u_268{border-radius:999px}._h_ita6u_272{--field-border:0}._h_ita6u_272 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_ita6u_272 div[aria-checked=true]{background:var(--field-background-active)}._h_ita6u_272 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_ita6u_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_ita6u_311{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n";
+    el.textContent = "._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n";
     document.head.appendChild(el);
 })();
 
@@ -26,12 +26,13 @@ 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";
+import y from "./fields/Check.js";
+import { Form as b } from "./Form.js";
 //#region src/lib/index.ts
-function b() {
+function x() {
 	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 });
+var S = x();
+S.elcrm ||= {}, Object.assign(S.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 };
+export { y as CheckField, c as DateField, b 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 };