loon-bulma-react 2026.0.40 → 2026.0.42

package/dist/forms/Select/Select.d.ts

@@ -114,7 +114,7 @@ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPr
  * ..</Select.OptGroup>
  * </Select>
  */
-declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, iconOpen, iconClosed, infoData, useCssArrow, color, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, infoData, useCssArrow, color, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace Select {
     var Option: ({ value, disabled, id, children }: {
         id?: string;

package/dist/index.js

@@ -6100,43 +6100,43 @@ function qd(e, t, n) {
 }
 //#endregion
 //#region lib/internal_functions/createIconsInternal.tsx
-function Jd({ icon: e, error: t, showInfo: n, infoData: r, inputId: i, helpTag: a = void 0, focused: o, hovered: s, disabled: c, loading: l, value: u, iconRight: d = "visible" }) {
-	let f, p, m = "control";
-	function h() {
+function Jd({ icon: e, error: t, showInfo: n, infoData: r, inputId: i, helpTag: a = void 0, focused: o, hovered: s, disabled: c, loading: l, value: u, iconRight: d = "visible", type: f = "input" }) {
+	let p, m, h = "control";
+	function g() {
 		if (i) {
 			let e = document.getElementById(i);
 			e && e.focus();
 		}
 	}
-	if (e && typeof e == "string" ? f = /* @__PURE__ */ b("span", {
+	if (e && typeof e == "string" ? p = /* @__PURE__ */ b("span", {
 		className: "icon is-left",
 		children: /* @__PURE__ */ b("i", {
 			className: e,
 			children: " "
 		})
-	}) : e && typeof e != "string" && (f = /* @__PURE__ */ b("span", {
+	}) : e && typeof e != "string" && (p = /* @__PURE__ */ b("span", {
 		className: "icon is-left",
 		children: /* @__PURE__ */ b(Eo, { icon: e })
-	})), e && (m += " has-icons-left"), d === "visible" || r) !n || !r ? p = t === "" ? void 0 : /* @__PURE__ */ b(Eo, { icon: _s }) : (n || r) && (p = Yd(r, h, a)), p &&= (m += " has-icons-right", /* @__PURE__ */ b("span", {
+	})), e && (h += " has-icons-left"), d === "visible" || r) !n || !r ? m = f === "select" ? /* @__PURE__ */ b(Eo, { icon: ps }) : t === "" ? void 0 : /* @__PURE__ */ b(Eo, { icon: _s }) : (n || r) && (m = Yd(r, g, a)), m &&= (h += " has-icons-right", /* @__PURE__ */ b("span", {
 		className: "icon is-right",
-		children: p
+		children: m
 	}));
 	else if (typeof d == "function") {
 		let e, t, n = "icon is-right";
-		[p, e, t = "i"] = d(u, s, c, l, o), e && (n += " is-clickable"), t && (n += Kd(t, !0).replace("is-", "has-text-")), p &&= (m += " has-icons-right", e ? /* @__PURE__ */ b("button", {
+		[m, e, t = "i"] = d(u, s, c, l, o), e && (n += " is-clickable"), t && (n += Kd(t, !0).replace("is-", "has-text-")), m &&= (h += " has-icons-right", e ? /* @__PURE__ */ b("button", {
 			onClick: e,
 			className: n,
 			type: "button",
-			children: p
+			children: m
 		}) : /* @__PURE__ */ b("span", {
 			className: n,
-			children: p
+			children: m
 		}));
 	}
 	return [
-		m,
-		f,
-		p
+		h,
+		p,
+		m
 	];
 }
 function Yd(e, t, n) {
@@ -10774,47 +10774,49 @@ function Sh({ children: e, controlClassName: t = "control", direction: n, showRe
 }
 //#endregion
 //#region lib/forms/Select/Select.tsx
-function Ch({ value: e, id: n, name: r, label: i, grouped: a = !1, required: o = !1, showRequiredOnLabel: s = !1, errorMessage: c = "", infoMessage: l = "", multiple: u = !1, alignment: d, size: f, direction: p, options: m = [], children: h = void 0, helpTag: g, disabled: _ = !1, keyboardType: v = "text", title: y, spellCheck: S = !1, loading: C = !1, autoComplete: w = "off", autofocus: T = !1, form: E = void 0, inputRef: D, labelHidden: O, icon: k = Wo, iconOpen: A = zo, iconClosed: j = ps, infoData: M, useCssArrow: N = !1, color: P, onBlur: F, onFocus: I, onChange: L, onKeyDown: R, onKeyUp: ee, onValueChanged: z }) {
-	let [B, V] = t.useState(!1), [te, ne] = t.useState(!1), [H, re] = t.useState(!1), U = ve(m), { defaults: ie } = t.useContext(lh), { scheme: ae } = Ne(), oe = f ?? ie.input.size, se = p ?? ie.input.direction, ce = d ?? ie.input.alignment, le = typeof c == "string" ? c : c({
+function Ch({ value: e, id: n, name: r, label: i, grouped: a = !1, required: o = !1, showRequiredOnLabel: s = !1, errorMessage: c = "", infoMessage: l = "", multiple: u = !1, alignment: d, size: f, direction: p, options: m = [], children: h = void 0, helpTag: g, disabled: _ = !1, keyboardType: v = "text", title: y, spellCheck: S = !1, loading: C = !1, autoComplete: w = "off", autofocus: T = !1, form: E = void 0, inputRef: D, labelHidden: O, icon: k = Wo, infoData: A, useCssArrow: j = !1, color: M, onBlur: N, onFocus: P, onChange: F, onKeyDown: I, onKeyUp: L, onValueChanged: R }) {
+	let [ee, z] = t.useState(!1), [B, V] = t.useState(!1), [te, ne] = t.useState(!1), H = he(m), { defaults: re } = t.useContext(lh), U = f ?? re.input.size, ie = p ?? re.input.direction, ae = d ?? re.input.alignment, oe = typeof c == "string" ? c : c({
 		value: e,
-		touched: te,
-		focused: B,
+		touched: B,
+		focused: ee,
 		required: o,
 		disabled: _,
 		readonly: !1
-	}), ue = typeof l == "string" ? l : l(e), de = "select";
-	P ? de += Kd(P, !1) : le.length > 0 && (de += " is-danger"), de += $d(oe), de += Zd(ce), u !== !1 && (de += " is-multiple"), C && (de += " is-loading"), N && (de += " has-css-arrow");
-	let [fe, pe, me] = Jd({
+	}), se = typeof l == "string" ? l : l(e), ce = "select";
+	M ? ce += Kd(M, !1) : oe.length > 0 && (ce += " is-danger"), ce += $d(U), ce += Zd(ae), u !== !1 && (ce += " is-multiple"), C && (ce += " is-loading"), j && (ce += " has-css-arrow");
+	let [le, ue, de] = Jd({
 		icon: k,
-		error: le,
-		showInfo: ph(B, H),
+		iconRight: "visible",
+		error: oe,
+		showInfo: ph(ee, te),
 		inputId: n ?? r,
-		infoData: M,
+		infoData: A,
 		helpTag: g,
-		hovered: H,
+		hovered: te,
 		loading: C,
 		disabled: _,
 		value: e,
-		focused: B
+		focused: ee,
+		type: "select"
 	});
-	fe.includes("has-icons-right") || (fe += " has-icons-right");
-	function he(e) {
-		te || ne(!0), M ? setTimeout(() => {
+	le.includes("has-icons-right") || (le += " has-icons-right");
+	function fe(e) {
+		B || V(!0), A ? setTimeout(() => {
 			let t = document.getElementById(n ?? r);
-			document.activeElement !== t && (V(!1), F && F(e));
-		}, 333) : (F && F(e), V(!1));
+			document.activeElement !== t && (z(!1), N && N(e));
+		}, 333) : (N && N(e), z(!1));
 	}
-	function ge(e) {
-		V(!0), I && I(e, g);
+	function pe(e) {
+		z(!0), P && P(e, g);
 	}
-	function _e(t) {
-		if (te || ne(!0), L && L(t), u) {
+	function me(t) {
+		if (B || V(!0), F && F(t), u) {
 			let e = t.target.selectedOptions, n = [];
 			for (let t of e) n.push(t.value);
-			z && z(n);
-		} else typeof e == "number" && z ? z(+t.target.value) : z && z(t.target.value);
+			R && R(n);
+		} else typeof e == "number" && R ? R(+t.target.value) : R && R(t.target.value);
 	}
-	function ve(e) {
+	function he(e) {
 		if (!e.some((e) => typeof e != "string" && typeof e != "number")) return e.map((e) => /* @__PURE__ */ b(Ch.Option, {
 			value: e,
 			children: e
@@ -10858,41 +10860,24 @@ function Ch({ value: e, id: n, name: r, label: i, grouped: a = !1, required: o =
 			}
 		});
 	}
-	let ye = t.useMemo(() => {
-		if (u) return null;
-		let e = ae === "dark" ? "has-text-light" : "has-text-dark";
-		return P ? e = Kd(P, !0).replace("is-", "has-text-") : c && (e = "has-text-danger"), /* @__PURE__ */ b("span", {
-			className: `icon is-right ${oe === "m" || oe === "s" ? "mr-5" : "mr-6"} ${e}`,
-			children: /* @__PURE__ */ b(Eo, { icon: B ? A : j })
-		});
-	}, [
-		u,
-		B,
-		A,
-		j,
-		c,
-		oe,
-		P,
-		ae
-	]);
 	return /* @__PURE__ */ x(Sh, {
 		inputId: n ?? r,
 		label: i ?? r ?? n,
-		direction: se,
+		direction: ie,
 		required: o,
-		size: oe,
+		size: U,
 		labelHidden: O,
-		controlClassName: fe,
+		controlClassName: le,
 		showRequiredOnLabel: s,
-		setHovered: re,
+		setHovered: ne,
 		children: [
 			/* @__PURE__ */ b("div", {
-				className: de,
+				className: ce,
 				children: /* @__PURE__ */ x("select", {
 					multiple: u !== !1,
 					size: u === !1 ? void 0 : u,
 					value: e,
-					className: de,
+					className: ce,
 					id: n ?? r,
 					ref: D,
 					name: r,
@@ -10904,24 +10889,23 @@ function Ch({ value: e, id: n, name: r, label: i, grouped: a = !1, required: o =
 					form: E,
 					inputMode: v,
 					disabled: _,
-					onFocus: ge,
-					onBlur: he,
-					onKeyDown: R,
-					onKeyUp: ee,
-					onChange: _e,
-					children: [h, U]
+					onFocus: pe,
+					onBlur: fe,
+					onKeyDown: I,
+					onKeyUp: L,
+					onChange: me,
+					children: [h, H]
 				})
 			}),
-			pe,
-			!N && ye,
-			me,
-			le.length > 0 && /* @__PURE__ */ b("p", {
+			ue,
+			!j && de,
+			oe.length > 0 && /* @__PURE__ */ b("p", {
 				className: "help is-danger",
-				children: le
+				children: oe
 			}),
-			ue.length > 0 && /* @__PURE__ */ b("p", {
+			se.length > 0 && /* @__PURE__ */ b("p", {
 				className: "help is-info",
-				children: ue
+				children: se
 			})
 		]
 	});
@@ -10968,21 +10952,39 @@ function Th(e) {
 		show: o
 	};
 }
-function Eh({ outerRef: e, children: t }) {
-	let { x: n, y: r, show: i } = Th(e);
-	if (e === null) return /* @__PURE__ */ b(y, {});
-	let a = i ? /* @__PURE__ */ b("div", {
+function Eh({ outerRef: e, children: n }) {
+	let { x: r, y: i, show: a } = Th(e), o = t.useRef(null), [s, c] = t.useState({
+		left: 0,
+		top: 0
+	});
+	if (t.useLayoutEffect(() => {
+		if (!a || !o.current) return;
+		let e = Number.parseFloat(r), t = Number.parseFloat(i), n = Number.isFinite(e) ? e : 0, s = Number.isFinite(t) ? t : 0, l = o.current.offsetWidth, u = o.current.offsetHeight, d = Math.max(8, window.innerWidth - l - 8), f = Math.max(8, window.innerHeight - u - 8), p = Math.min(Math.max(n, 8), d), m = Math.min(Math.max(s, 8), f);
+		c((e) => e.left === p && e.top === m ? e : {
+			left: p,
+			top: m
+		});
+	}, [
+		a,
+		r,
+		i
+	]), e === null) return /* @__PURE__ */ b(y, {});
+	let l = a ? /* @__PURE__ */ b("div", {
+		ref: o,
 		className: "context-menu",
 		"data-lbr-context-menu": "true",
 		style: {
 			position: "fixed",
-			top: r,
-			left: n,
-			zIndex: 9999
+			top: `${s.top}px`,
+			left: `${s.left}px`,
+			zIndex: 9999,
+			maxWidth: "calc(100vw - 16px)",
+			maxHeight: "calc(100vh - 16px)",
+			overflow: "auto"
 		},
-		children: typeof t == "function" ? t() : t
+		children: typeof n == "function" ? n() : n
 	}) : null;
-	return a ? C(a, document.body) : /* @__PURE__ */ b(y, {});
+	return l ? C(l, document.body) : /* @__PURE__ */ b(y, {});
 }
 //#endregion
 //#region lib/hooks/useDebounced.hooks.ts
@@ -16639,7 +16641,7 @@ var Ly = 200, Ry = Object.freeze({
 	ESCAPE_KEY: 27
 });
 function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1, showRequiredOnLabel: s = !1, errorMessage: c = "", infoMessage: l = "", alignment: u, size: d, direction: f, placeholder: p, helpTag: m, disabled: h = !1, loading: g = !1, autofocus: _ = !1, iconRight: v = "visible", labelHidden: S = !1, icon: C = Wo, infoData: w, className: T, color: E, onValueChanged: D, onChange: O, onFocus: k, onBlur: A, onKeyDown: j, onKeyUp: M, onSearch: N = (e, t) => e.toLowerCase().indexOf(JSON.stringify(t).toLowerCase()) !== -1, formatLabel: P = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? `${e}` : JSON.stringify(e), formatValue: F = (e) => /* @__PURE__ */ b(y, { children: typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? `${e}` : JSON.stringify(e) }), formatOption: I = (e, t) => /* @__PURE__ */ b(y, { children: typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? `${e}` : JSON.stringify(e) }) }) {
-	let [L, R] = t.useState(Te(n)), [ee, z] = t.useState(P(e)), [B, V] = t.useReducer(Vy, By), [te, ne] = t.useState(!1), [H, re] = t.useState(!1), [U, ie] = t.useState(-1), [ae, oe] = t.useState(!1), [se, ce] = t.useState(!1), { defaults: le } = t.useContext(lh), { scheme: ue } = Ne(), de = d ?? le.input.size, fe = f ?? le.input.direction, pe = u ?? le.input.alignment, me = typeof c == "string" ? c : c({
+	let [L, R] = t.useState(we(n)), [ee, z] = t.useState(P(e)), [B, V] = t.useReducer(Vy, By), [te, ne] = t.useState(!1), [H, re] = t.useState(!1), [U, ie] = t.useState(-1), [ae, oe] = t.useState(!1), [se, ce] = t.useState(!1), { defaults: le } = t.useContext(lh), { scheme: ue } = Ne(), de = d ?? le.input.size, fe = f ?? le.input.direction, pe = u ?? le.input.alignment, me = typeof c == "string" ? c : c({
 		value: ee,
 		touched: ae,
 		focused: B.focused,
@@ -16664,22 +16666,11 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 		loading: g,
 		disabled: h,
 		value: P(e),
-		focused: B.focused
-	}), Ce = t.useMemo(() => {
-		let e = ue === "dark" ? "has-text-light" : "has-text-dark";
-		return E ? e = Kd(E, !0).replace("is-", "has-text-") : c && (e = "has-text-danger"), /* @__PURE__ */ b("span", {
-			className: `icon is-right ${e}`,
-			style: { right: "1.5em" },
-			children: /* @__PURE__ */ b(Eo, { icon: B.focused ? zo : ps })
-		});
-	}, [
-		B.focused,
-		c,
-		E,
-		ue
-	]);
+		focused: B.focused,
+		type: "select"
+	});
 	t.useEffect(() => {
-		R(Te(n));
+		R(we(n));
 	}, [n]), t.useEffect(() => {
 		B.focused || z(P(e));
 		let t = e ? L.findIndex((t) => t.key === P(e)) : -1;
@@ -16691,7 +16682,7 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 		let e = ge.current?.offsetParent?.getBoundingClientRect(), t = window.innerHeight - (e?.top ?? 0);
 		re(Ly > t && (e?.top ?? 0) > t);
 	}, [B.focused]);
-	let we = t.useMemo(() => ({
+	let Ce = t.useMemo(() => ({
 		position: "absolute",
 		width: "100%",
 		opacity: +!!B.focused,
@@ -16704,13 +16695,13 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 		marginBottom: H ? "5px" : void 0,
 		marginTop: H ? void 0 : "5px"
 	}), [H, B]);
-	function Te(e) {
+	function we(e) {
 		return e.map((e, t) => ({
 			key: P(e),
 			value: I(e, t)
 		}));
 	}
-	function Ee(t) {
+	function Te(t) {
 		z(P(e)), w && !te ? setTimeout(() => {
 			let e = document.getElementById(r ?? i);
 			document.activeElement !== e && (V({
@@ -16722,13 +16713,13 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 			isFocused: !1
 		}));
 	}
-	function De(e) {
+	function Ee(e) {
 		ae || oe(!0), k && k(e, m), V({
 			type: "toggleFocus",
 			isFocused: !0
 		});
 	}
-	function Oe() {
+	function De() {
 		n.forEach((e, t) => {
 			let r = P(e);
 			r === L[B.focusIndex]?.key && (V({
@@ -16737,13 +16728,13 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 			}), ie(t), z(r), D && n[t] && D(n[t]));
 		});
 	}
-	function ke() {
+	function Oe() {
 		V({
 			type: "toggleFocus",
 			isFocused: !1
-		}), R(L), Oe();
+		}), R(L), De();
 	}
-	function Ae(e) {
+	function ke(e) {
 		let t = ge.current, r = B.focusIndex;
 		switch (e.keyCode) {
 			case Ry.DOWN_ARROW:
@@ -16765,7 +16756,7 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 				}), ge.current = t;
 				break;
 			case Ry.ENTER_KEY:
-				e.preventDefault(), B.focusIndex > -1 && B.focusIndex < n.length && ke();
+				e.preventDefault(), B.focusIndex > -1 && B.focusIndex < n.length && Oe();
 				break;
 			case Ry.ESCAPE_KEY:
 				e.target.blur(), V({
@@ -16776,13 +16767,13 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 		}
 		j && j(e);
 	}
-	function je(e) {
-		e.length === 0 ? R(Te(n)) : R(Te(n.filter((t) => N(e, t))));
+	function Ae(e) {
+		e.length === 0 ? R(we(n)) : R(we(n.filter((t) => N(e, t))));
 	}
-	function Me(e) {
-		ae || oe(!0), O && O(e), z(e.target.value), je(e.target.value);
+	function je(e) {
+		ae || oe(!0), O && O(e), z(e.target.value), Ae(e.target.value);
 	}
-	function Pe() {
+	function Me() {
 		V({
 			type: "toggleFocus",
 			isFocused: !0
@@ -16791,7 +16782,7 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 			focusIndex: L.findIndex((e) => e.key === ee.toString())
 		});
 	}
-	function Fe(e) {
+	function Pe(e) {
 		V({
 			type: "setFocusIndex",
 			focusIndex: e
@@ -16819,12 +16810,12 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 					id: r ?? i,
 					disabled: h,
 					autoFocus: _,
-					onChange: Me,
-					onClick: Pe,
+					onChange: je,
+					onClick: Me,
 					onKeyUp: M,
-					onKeyDown: Ae,
-					onFocus: De,
-					onBlur: Ee
+					onKeyDown: ke,
+					onFocus: Ee,
+					onBlur: Te
 				}),
 				!B.focused && /* @__PURE__ */ b("output", {
 					className: ye,
@@ -16835,7 +16826,7 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 				}),
 				/* @__PURE__ */ b("div", {
 					className: "bulma-box",
-					style: we,
+					style: Ce,
 					ref: ge,
 					onMouseEnter: () => ne(!0),
 					onMouseLeave: () => ne(!1),
@@ -16846,16 +16837,15 @@ function zy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 							let n = "combobox-listitem";
 							return t === U && (n += " is-selected"), /* @__PURE__ */ b("li", {
 								className: n,
-								onClick: () => ke(),
+								onClick: () => Oe(),
 								onMouseDown: (e) => e.preventDefault(),
-								onMouseEnter: () => Fe(t),
+								onMouseEnter: () => Pe(t),
 								children: e.value
 							}, e.key);
 						})
 					})
 				}),
 				xe,
-				Ce,
 				Se
 			] }),
 			me.length > 0 && /* @__PURE__ */ b("p", {
@@ -16911,7 +16901,8 @@ function Uy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 		loading: g,
 		disabled: h,
 		value: M(e),
-		focused: F
+		focused: F,
+		type: "select"
 	});
 	t.useEffect(() => {
 		let e = U.current?.offsetParent?.getBoundingClientRect(), t = window.innerHeight - (e?.top ?? 0);
@@ -16945,19 +16936,6 @@ function Uy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 	function xe(e) {
 		L || R(!0), E && E(e, m), I(!0);
 	}
-	let Se = t.useMemo(() => {
-		let e = ce === "dark" ? "has-text-light" : "has-text-dark";
-		return w ? e = Kd(w, !0).replace("is-", "has-text-") : c && (e = "has-text-danger"), /* @__PURE__ */ b("span", {
-			className: `icon is-right ${e}`,
-			style: { right: "1.5em" },
-			children: /* @__PURE__ */ b(Eo, { icon: F ? zo : ps })
-		});
-	}, [
-		F,
-		c,
-		w,
-		ce
-	]);
 	return /* @__PURE__ */ x(Sh, {
 		inputId: r ?? i,
 		label: a ?? i ?? r,
@@ -17021,7 +16999,6 @@ function Uy({ value: e, options: n, id: r, name: i, label: a, required: o = !1,
 					className: "icon is-left",
 					children: me
 				}),
-				Se,
 				he
 			] }),
 			ae.length > 0 && /* @__PURE__ */ b("p", {
@@ -18919,7 +18896,7 @@ var tx = class e {
 	ul: !0
 }, ax = 1, ox = 2, sx = 4;
 function cx(e, t, n) {
-	return t == null ? e && e.whitespace == "pre" ? ax | ox : n & ~sx : (t ? ax : 0) | (t === "full" ? ox : 0);
+	return t == null ? e && e.whitespace == "pre" ? 3 : n & -5 : (t ? ax : 0) | (t === "full" ? ox : 0);
 }
 var lx = class {
 	constructor(e, t, n, r, i, a) {
@@ -19335,10 +19312,10 @@ var Dx = 1, Ox = 2, kx = 4, Ax = 8, jx = class {
 		return (this.delInfo & Ax) > 0;
 	}
 	get deletedBefore() {
-		return (this.delInfo & (Dx | kx)) > 0;
+		return (this.delInfo & 5) > 0;
 	}
 	get deletedAfter() {
-		return (this.delInfo & (Ox | kx)) > 0;
+		return (this.delInfo & 6) > 0;
 	}
 	get deletedAcross() {
 		return (this.delInfo & kx) > 0;
@@ -20713,7 +20690,7 @@ var JS = 1, YS = 2, XS = 4, ZS = class extends PS {
 	}
 	setSelection(e) {
 		if (e.$from.doc != this.doc) throw RangeError("Selection passed to setSelection must point at the current document");
-		return this.curSelection = e, this.curSelectionFor = this.steps.length, this.updated = (this.updated | JS) & ~YS, this.storedMarks = null, this;
+		return this.curSelection = e, this.curSelectionFor = this.steps.length, this.updated = (this.updated | JS) & -3, this.storedMarks = null, this;
 	}
 	get selectionSet() {
 		return (this.updated & JS) > 0;
@@ -20734,7 +20711,7 @@ var JS = 1, YS = 2, XS = 4, ZS = class extends PS {
 		return (this.updated & YS) > 0;
 	}
 	addStep(e, t) {
-		super.addStep(e, t), this.updated &= ~YS, this.storedMarks = null;
+		super.addStep(e, t), this.updated &= -3, this.storedMarks = null;
 	}
 	setTime(e) {
 		return this.time = e, this;

package/dist/internal_functions/createIconsInternal.d.ts

@@ -13,6 +13,7 @@ type ParamType<T extends InputValueType = InputValueType> = {
     infoData?: React.ReactNode | (() => void) | undefined;
     inputId?: string | undefined;
     helpTag?: string | undefined;
+    type?: 'input' | 'select' | 'textarea' | 'checkbox' | 'radiobutton';
     /**
      * `hidden`: geen icon rechts
      * `visible`: standaard gedrag, een check of een error icoon, of een info icoon als showInfo/infoData is meegegeven
@@ -31,6 +32,6 @@ type ParamType<T extends InputValueType = InputValueType> = {
 /** functie voor inputs om de juiste icons te maken
  * INTERN GEBRUIK!
  */
-export declare function createInputIcons_INTERNAL<T extends InputValueType = InputValueType>({ icon, error, showInfo, infoData, inputId, helpTag, focused, hovered, disabled, loading, value, iconRight, }: ParamType<T>): [containerClass: string, iconLeft: React.ReactNode | undefined, iconRight: React.ReactNode | undefined];
+export declare function createInputIcons_INTERNAL<T extends InputValueType = InputValueType>({ icon, error, showInfo, infoData, inputId, helpTag, focused, hovered, disabled, loading, value, iconRight, type, }: ParamType<T>): [containerClass: string, iconLeft: React.ReactNode | undefined, iconRight: React.ReactNode | undefined];
 export declare function createShowInfo_INTERNAL(infoData?: React.ReactNode | ((helpTag?: string) => void) | undefined, restoreFocus?: Function | undefined, helpTag?: string | undefined): React.ReactNode;
 export {};

package/dist/styles/_all.scss

@@ -402,7 +402,7 @@ h6,
 table.table tbody tr td,
 table.table tbody tr th,
 table.table thead tr th {
-  vertical-align: middle;
+  vertical-align: top;
 }
 
 .modal-container {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "loon-bulma-react",
   "private": false,
-  "version": "2026.0.40",
+  "version": "2026.0.42",
   "description": "Bulma & React componenten voor Loon Salarissoftware",
   "type": "module",
   "license": "MIT",
@@ -56,54 +56,54 @@
     "@tiptap/extension-text-style": "^3.22.4",
     "@tiptap/extension-underline": "^3.22.4",
     "@tiptap/react": "^3.22.4",
-    "@vitejs/plugin-react": "^6.0.1",
+    "@vitejs/plugin-react": "^6.0.2",
     "bulma": "^1.0.4",
-    "date-fns": "^4.1.0",
-    "npm": "^11.13.0",
+    "date-fns": "^4.3.0",
+    "npm": "^11.16.0",
     "rc-tooltip": "^6.4.0",
-    "react-is": "^19.2.5",
+    "react-is": "^19.2.6",
     "react-syntax-highlighter": "^16.1.1"
   },
   "devDependencies": {
-    "@eslint/compat": "^2.0.5",
+    "@eslint/compat": "^2.1.0",
     "@eslint/eslintrc": "^3.3.4",
     "@eslint/js": "^9.39.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "@types/react-is": "^19.2.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/parser": "^8.58.0",
-    "@vitejs/plugin-react-swc": "^4.3.0",
-    "@vitest/ui": "^4.1.5",
+    "@vitejs/plugin-react-swc": "^4.3.1",
+    "@vitest/ui": "^4.1.7",
     "esbuild": "^0.28.0",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-promise": "^7.3.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-testing-library": "^7.16.0",
-    "globals": "^17.5.0",
+    "globals": "^17.6.0",
     "happy-dom": "^20.9.0",
     "prettier": "^3.8.3",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "rollup-plugin-copy": "^3.5.0",
-    "sass": "^1.99.0",
+    "sass": "^1.100.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.1",
-    "vite": "^8.0.10",
+    "typescript-eslint": "^8.60.0",
+    "vite": "^8.0.14",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.7"
   },
   "peerDependencies": {
     "bulma": "^1.0.4",