@plitzi/plitzi-ui 1.6.18 → 1.6.19

package/dist/components/Accordion/helpers/AccordionManager.js

@@ -27,7 +27,8 @@ var e = class {
 					flexBasis: ""
 				}), n.hasManualSize = !1;
 				break;
-			} else if (n.active) {
+			}
+			if (n.active) {
 				e = !0;
 				break;
 			}

package/dist/components/Cache/CacheProvider.js

@@ -2,9 +2,12 @@ import e from "./CacheContext.js";
 import { useMemo as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Cache/CacheProvider.tsx
-var r = ({ children: r, cacheId: i = "" }) => /* @__PURE__ */ n(e, {
-	value: t(() => ({ cacheId: i }), [i]),
-	children: r
-});
+var r = ({ children: r, cacheId: i = "" }) => {
+	let a = t(() => ({ cacheId: i }), [i]);
+	return /* @__PURE__ */ n(e, {
+		value: a,
+		children: r
+	});
+};
 //#endregion
 export { r as default };

package/dist/components/Checkbox/Checkbox.js

@@ -21,9 +21,9 @@ var s = r(({ ref: r, children: s, id: c, loading: l = !1, disabled: u = !1, clas
 			disabled: u,
 			error: !!p
 		}
-	});
+	}), y = i(() => e(v, ["input"]), [v]);
 	return /* @__PURE__ */ o(n, {
-		className: i(() => e(v, ["input"]), [v]),
+		className: y,
 		id: c,
 		label: f,
 		error: p,

package/dist/components/CodeMirror/CodeMirror.js

@@ -102,22 +102,22 @@ var _ = [], v = ({ ref: v, className: y, id: b, label: x = "", loading: S = !1,
 			e = !1;
 		};
 	}, [D, J]);
-	let { editorRef: Z } = r({
-		extensions: o(() => {
-			let e = [
-				K(),
-				g.of([{
-					key: "Tab",
-					run: u
-				}]),
-				g.of([f])
-			];
-			return Y && e.push(...Y), M && e.push(h.lineWrapping), e;
-		}, [
-			K,
-			M,
-			Y
-		]),
+	let Z = o(() => {
+		let e = [
+			K(),
+			g.of([{
+				key: "Tab",
+				run: u
+			}]),
+			g.of([f])
+		];
+		return Y && e.push(...Y), M && e.push(h.lineWrapping), e;
+	}, [
+		K,
+		M,
+		Y
+	]), { editorRef: Q } = r({
+		extensions: Z,
 		theme: O,
 		style: W,
 		basicSetup: U,
@@ -127,9 +127,9 @@ var _ = [], v = ({ ref: v, className: y, id: b, label: x = "", loading: S = !1,
 		value: T,
 		onChange: A,
 		ref: v
-	}), Q = i((e) => {
+	}), $ = i((e) => {
 		e.stopPropagation();
-	}, []);
+	}, []), ee = i(() => A?.(""), [A]);
 	return /* @__PURE__ */ l(n, {
 		className: H,
 		id: b,
@@ -141,11 +141,11 @@ var _ = [], v = ({ ref: v, className: y, id: b, label: x = "", loading: S = !1,
 		loading: S,
 		clearable: w,
 		value: T,
-		onClear: i(() => A?.(""), [A]),
+		onClear: ee,
 		children: /* @__PURE__ */ l("div", {
 			className: V.input,
-			ref: Z,
-			onKeyDown: Q,
+			ref: Q,
+			onKeyDown: $,
 			onBlur: j
 		})
 	});

package/dist/components/ContainerDraggable/ContainerDraggable.js

@@ -20,14 +20,14 @@ var ne = ["se"], re = [], d = ({ icon: d, title: ie = "Title", className: ae = "
 	}), se = c(void 0), M = c(void 0), N = c(!1), P = c(m), F = c(h), [I, L] = l(!1), [R, z] = l(m), [B, V] = l(h), [H, U] = l(0), [W, G] = l(0), [ce, K] = l(!1), [le] = l(g), [ue] = l(_ - v), [q, de] = l({
 		width: 0,
 		height: 0
-	}), J = o(() => !C?.current && typeof document < "u" ? document.body : C?.current, [C]), fe = c(e(o(() => {
+	}), J = o(() => !C?.current && typeof document < "u" ? document.body : C?.current, [C]), fe = o(() => {
 		if (!N.current) {
 			let e = M.current.getBoundingClientRect(), t = P.current, n = F.current;
 			e.x + e.width > window.innerWidth ? t = window.innerWidth - e.width : e.x < 0 && (t = 0), e.y + e.height > window.innerHeight ? n = window.innerHeight - e.height : e.y < 0 && (n = 0), (P.current !== t || F.current !== n) && (P.current = t, F.current = n, z(t), V(n));
 		}
-	}, []), 250));
+	}, []), pe = c(e(fe, 250));
 	s(() => {
-		let e = fe.current;
+		let e = pe.current;
 		return window.addEventListener("resize", e), () => {
 			N.current = !0, window.removeEventListener("resize", e);
 		};
@@ -52,7 +52,7 @@ var ne = ["se"], re = [], d = ({ icon: d, title: ie = "Title", className: ae = "
 	s(() => (I && (window.addEventListener("mousemove", Y, !1), window.addEventListener("mouseup", X, !1), window.addEventListener("touchmove", Z, !1), window.addEventListener("touchend", Q, !1)), () => {
 		I && (window.removeEventListener("mousemove", Y, !1), window.removeEventListener("mouseup", X, !1), window.removeEventListener("touchmove", Z, !1), window.removeEventListener("touchend", Q, !1));
 	}), [I, q]);
-	let pe = (e) => {
+	let me = (e) => {
 		let t;
 		p === "parent" ? (M.current.parentNode || (t = {
 			height: window.innerHeight,
@@ -61,7 +61,7 @@ var ne = ["se"], re = [], d = ({ icon: d, title: ie = "Title", className: ae = "
 			height: window.innerHeight,
 			width: window.innerWidth
 		}, e.button === 0 ? (J()?.classList.add("moving"), L(!0), de(t), U(e.clientX), G(e.clientY), D?.(e)) : (L(!1), z(P.current), V(F.current));
-	}, me = () => K((e) => !e), Z = o((e) => {
+	}, he = () => K((e) => !e), Z = o((e) => {
 		if (e.stopPropagation(), e.changedTouches.length > 1 && e.preventDefault(), I) {
 			let t = M.current.getBoundingClientRect(), { clientX: n, clientY: r } = e.touches[0], i = R + n - H, a = B + r - W;
 			i + t.width > window.innerWidth ? i = window.innerWidth - t.width : i < 0 && (i = 0), a + t.height > window.innerHeight ? a = window.innerHeight - t.height : a < 0 && (a = 0), P.current = i, F.current = a, M.current.style.left = `${i}px`, M.current.style.top = `${a}px`;
@@ -74,11 +74,11 @@ var ne = ["se"], re = [], d = ({ icon: d, title: ie = "Title", className: ae = "
 		B
 	]), Q = o(() => {
 		L(!1), z(P.current), V(F.current);
-	}, []), he = o((e) => {
+	}, []), ge = o((e) => {
 		e.stopPropagation(), L(!0), U(e.touches[0].clientX), G(e.touches[0].clientY), D?.(e);
 	}, [D]);
 	if (ce) return /* @__PURE__ */ u(r, {
-		onClose: me,
+		onClose: he,
 		width: g,
 		height: _ - v,
 		top: F.current,
@@ -119,8 +119,8 @@ var ne = ["se"], re = [], d = ({ icon: d, title: ie = "Title", className: ae = "
 				setExternalWindow: K,
 				onClose: E,
 				onCollapse: O,
-				onMouseDown: pe,
-				onTouchStart: he
+				onMouseDown: me,
+				onTouchStart: ge
 			}), /* @__PURE__ */ u(i, {
 				ref: se,
 				parentRef: C,

package/dist/components/ContainerFloating/ContainerFloating.js

@@ -49,23 +49,23 @@ var m = ({ ref: m, children: h, containerTopOffset: g = 0, containerLeftOffset:
 		C,
 		A,
 		j
+	]), P = l(() => ({
+		placement: C,
+		triggerRef: A,
+		container: w,
+		containerTopOffset: g,
+		containerLeftOffset: _,
+		setOpen: O
+	}), [
+		C,
+		A,
+		w,
+		g,
+		_,
+		O
 	]);
 	return /* @__PURE__ */ p(d, { children: [M, /* @__PURE__ */ f(e, {
-		value: l(() => ({
-			placement: C,
-			triggerRef: A,
-			container: w,
-			containerTopOffset: g,
-			containerLeftOffset: _,
-			setOpen: O
-		}), [
-			C,
-			A,
-			w,
-			g,
-			_,
-			O
-		]),
+		value: P,
 		children: /* @__PURE__ */ f(t, {
 			ref: E,
 			open: D,

package/dist/components/ContainerResizable/ContainerResizable.js

@@ -37,7 +37,7 @@ var f = ["se"], p = ({ ref: p, className: m, parentRef: h, hoverMode: g = !1, au
 		let t = e.clientX, n = e.clientY, i = (t - L) / S, a = (n - U) / S, o = (C === "both" || C === "x") && ["n", "s"].indexOf(z ?? "") === -1, s = (C === "both" || C === "y") && ["e", "w"].indexOf(z ?? "") === -1, c = z?.includes("w") || z?.includes("n");
 		if (Array.isArray(b) && ([i, a] = r(i, a, b), !i && !a)) return;
 		let l = V + (o ? i : 0), u = H + (s ? a : 0);
-		c && (l = V - (o ? i : 0), u = H - (s ? a : 0)), !(l === V && u === H) && ([l, u] = J(l, u, c), K?.(l, u), V !== Infinity && G.current && (G.current.style.width = `${l}px`), H !== Infinity && G.current && (G.current.style.height = `${u}px`));
+		c && (l = V - (o ? i : 0), u = H - (s ? a : 0)), (l !== V || u !== H) && ([l, u] = J(l, u, c), K?.(l, u), V !== Infinity && G.current && (G.current.style.width = `${l}px`), H !== Infinity && G.current && (G.current.style.height = `${u}px`));
 	}, [
 		C,
 		L,

package/dist/components/ContainerShadow/ContainerShadowStyle.js

@@ -1,10 +1,13 @@
 import { useRef as e } from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ContainerShadow/ContainerShadowStyle.tsx
-var n = ({ children: n, ...r }) => /* @__PURE__ */ t("style", {
-	ref: e(null),
-	...r,
-	children: n
-});
+var n = ({ children: n, ...r }) => {
+	let i = e(null);
+	return /* @__PURE__ */ t("style", {
+		ref: i,
+		...r,
+		children: n
+	});
+};
 //#endregion
 export { n as default };

package/dist/components/FileUpload/FileUpload.js

@@ -49,7 +49,7 @@ var y = [
 				let r = e[n];
 				t = !K(r) || t;
 			}
-			return t ? !1 : (d.multiple, d.onChange?.(e), R?.(void 0), !0);
+			return !t && (d.multiple, d.onChange?.(e), R?.(void 0), !0);
 		}
 		return !1;
 	}, [

package/dist/components/FileUpload/components/DrawTypes/DrawTypes.js

@@ -6,24 +6,27 @@ var r = [
 	"jpeg",
 	"jpg",
 	"png"
-], i = ({ className: i = "", minSize: a = 0, maxSize: o = Infinity, types: s = r }) => /* @__PURE__ */ n("div", {
-	title: t(() => {
+], i = ({ className: i = "", minSize: a = 0, maxSize: o = Infinity, types: s = r }) => {
+	let c = t(() => {
 		let t = [];
 		return o && t.push(`Max size: ${e(o)}`), a && t.push(`Min size: ${e(a)}`), t.push(`types: ${s.join(", ")}`), t.join(" | ");
 	}, [
 		o,
 		a,
 		s
-	]),
-	className: i,
-	children: [s.join(", "), o && o !== Infinity && /* @__PURE__ */ n("span", {
-		className: "inline-block uppercase mx-1 text-inherit",
-		children: [
-			"(",
-			e(o),
-			")"
-		]
-	})]
-});
+	]);
+	return /* @__PURE__ */ n("div", {
+		title: c,
+		className: i,
+		children: [s.join(", "), o && o !== Infinity && /* @__PURE__ */ n("span", {
+			className: "inline-block uppercase mx-1 text-inherit",
+			children: [
+				"(",
+				e(o),
+				")"
+			]
+		})]
+	});
+};
 //#endregion
 export { i as default };

package/dist/components/FileUpload/components/FileUploadMessage/FileUploadMessage.js

@@ -1,8 +1,8 @@
 import e from "../../../../hooks/useTheme/index.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/FileUpload/components/FileUploadMessage/FileUploadMessage.tsx
-var r = ({ className: r = "", label: i = "", hasFiles: a = !1, disabled: o = !1, error: s, intent: c, size: l, canDragAndDrop: u }) => /* @__PURE__ */ n("div", {
-	className: e("FileUpload", {
+var r = ({ className: r = "", label: i = "", hasFiles: a = !1, disabled: o = !1, error: s, intent: c, size: l, canDragAndDrop: u }) => {
+	let d = e("FileUpload", {
 		className: r,
 		componentKey: ["label"],
 		variants: {
@@ -12,25 +12,28 @@ var r = ({ className: r = "", label: i = "", hasFiles: a = !1, disabled: o = !1,
 			disabled: o,
 			canDragAndDrop: u
 		}
-	}).label,
-	children: [
-		i && /* @__PURE__ */ t("span", {
-			className: "text-inherit",
-			children: i
-		}),
-		/* @__PURE__ */ n("span", {
-			className: "text-inherit",
-			children: [/* @__PURE__ */ t("span", {
-				className: "font-bold underline text-inherit",
-				children: "Click to Upload"
-			}), /* @__PURE__ */ t("span", {
+	});
+	return /* @__PURE__ */ n("div", {
+		className: d.label,
+		children: [
+			i && /* @__PURE__ */ t("span", {
 				className: "text-inherit",
-				children: " or drop a file here"
-			})]
-		}),
-		a && /* @__PURE__ */ t("span", { children: "Added Successfully!. Add another?" }),
-		s && /* @__PURE__ */ t("span", { children: typeof s == "boolean" ? "This field is invalid" : s })
-	]
-});
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "text-inherit",
+				children: [/* @__PURE__ */ t("span", {
+					className: "font-bold underline text-inherit",
+					children: "Click to Upload"
+				}), /* @__PURE__ */ t("span", {
+					className: "text-inherit",
+					children: " or drop a file here"
+				})]
+			}),
+			a && /* @__PURE__ */ t("span", { children: "Added Successfully!. Add another?" }),
+			s && /* @__PURE__ */ t("span", { children: typeof s == "boolean" ? "This field is invalid" : s })
+		]
+	});
+};
 //#endregion
 export { r as default };

package/dist/components/Input/Input.js

@@ -14,7 +14,7 @@ var s = Object.assign(r(({ ref: t, children: r, className: s = "", id: c, label:
 			error: !!b,
 			inline: m
 		}
-	}), T = i((e) => S?.(e.target.value), [S]);
+	}), T = i((e) => S?.(e.target.value), [S]), E = i(() => S?.(""), [S]);
 	return /* @__PURE__ */ o(n, {
 		className: s,
 		id: c,
@@ -27,7 +27,7 @@ var s = Object.assign(r(({ ref: t, children: r, className: s = "", id: c, label:
 		error: b,
 		intent: v,
 		size: _,
-		onClear: i(() => S?.(""), [S]),
+		onClear: E,
 		...x,
 		children: [r, /* @__PURE__ */ a("input", {
 			ref: t,

package/dist/components/KVInput/KVInput.js

@@ -27,8 +27,8 @@ var u = ({ className: u, id: d, size: f, value: p, disabled: m = !1, label: h, e
 		w
 	]), O = o((e) => {
 		if (!b) return;
-		let t = E.filter((t, n) => n !== e), r = n(t.map(([e, t]) => [...e.split("."), t]));
-		w?.(t, r);
+		let t = E.filter((t, n) => n !== e), r = t.map(([e, t]) => [...e.split("."), t]), i = n(r);
+		w?.(t, i);
 	}, [
 		E,
 		b,

package/dist/components/MenuList/MenuList.js

@@ -42,21 +42,23 @@ var v = ({ ref: e, className: r, children: v, open: y, disabled: b = !1, testId:
 		A,
 		x
 	]);
-	return u(() => {
+	u(() => {
 		if (T) return document.addEventListener("mousedown", k), () => {
 			document.removeEventListener("mousedown", k);
 		};
-	}, [k, T]), /* @__PURE__ */ _(h, { children: [j, /* @__PURE__ */ g(t, {
-		value: f(() => ({
-			open: T,
-			placement: S,
-			triggerRef: D,
-			container: C
-		}), [
-			T,
-			S,
-			C
-		]),
+	}, [k, T]);
+	let N = f(() => ({
+		open: T,
+		placement: S,
+		triggerRef: D,
+		container: C
+	}), [
+		T,
+		S,
+		C
+	]);
+	return /* @__PURE__ */ _(h, { children: [j, /* @__PURE__ */ g(t, {
+		value: N,
 		children: /* @__PURE__ */ g(n, {
 			open: T,
 			className: r,

package/dist/components/MenuList/MenuListContainer.js

@@ -39,18 +39,20 @@ var d = ({ className: d, children: f, open: p = !1, asSubMenu: m = !1 }) => {
 		_,
 		m
 	]), T = r(() => p && w(), [p, w]);
-	return i(() => {
+	i(() => {
 		if (p) return document.addEventListener("scroll", T, !0), window.addEventListener("resize", T), () => {
 			document.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
 		};
 	}, [p, T]), i(() => {
 		p && w();
-	}, [p, w]), u(/* @__PURE__ */ c("div", {
+	}, [p, w]);
+	let E = a(() => ({
+		top: S.top,
+		left: S.left
+	}), [S]);
+	return u(/* @__PURE__ */ c("div", {
 		ref: y,
-		style: a(() => ({
-			top: S.top,
-			left: S.left
-		}), [S]),
+		style: E,
 		className: l("menu", d, {
 			"opacity-0 pointer-events-none": S.top === void 0 || S.left === void 0 || !p,
 			"-translate-x-full": m && (b === "top-right" || b === "bottom-right")

package/dist/components/MetricInput/MetricInput.js

@@ -101,10 +101,7 @@ var _ = ({ ref: _, children: v, className: y = "", placeholder: b = "", loading:
 			case "ArrowUp":
 				(t + M <= P || P === Infinity) && (t = Number((t + M).toFixed(r(M))));
 				break;
-			case "ArrowDown":
-				(t - M >= N || N === Infinity) && (t = Number((t - M).toFixed(r(M))));
-				break;
-			default:
+			case "ArrowDown": (t - M >= N || N === Infinity) && (t = Number((t - M).toFixed(r(M))));
 		}
 		Number.isNaN(t) && (t = N), H !== `${t}` && F?.(U ? `${t}${U}` : `${t}${R[0].value}`);
 	}, [

package/dist/components/Modal/ModalProvider.js

@@ -57,12 +57,12 @@ var l = ({ children: l }) => {
 			size: a?.size,
 			children: "Cancel"
 		})]
-	}), p(e, r, i, a)), [p]);
+	}), p(e, r, i, a)), [p]), h = a(() => ({
+		showModal: p,
+		showDialog: m
+	}), [p, m]);
 	return /* @__PURE__ */ c(r, {
-		value: a(() => ({
-			showModal: p,
-			showDialog: m
-		}), [p, m]),
+		value: h,
 		children: [l, Object.values(u).map((e, t) => /* @__PURE__ */ s(n, { ...e }, e?.id ?? t))]
 	});
 };

package/dist/components/Popup/PopupProvider.js

@@ -27,70 +27,70 @@ var h = ({ children: h, floatingClassName: g = "h-screen w-screen", floatingFixe
 		});
 	}, [F]), R = s((e) => {
 		F.getPlacement(e) && F.remove(e);
-	}, [F]), z = s((e) => F.exists(e), [F]);
+	}, [F]), z = s((e) => F.exists(e), [F]), B = l(() => ({
+		popupManager: F,
+		multi: x,
+		multiExpanded: S,
+		popups: F.get("floating"),
+		popupIds: F.get("floating").map((e) => e.id),
+		popupActiveIds: F.get("floating").filter((e) => e.active).map((e) => e.id),
+		limitMode: T,
+		addPopup: L,
+		existsPopup: z,
+		removePopup: R
+	}), [
+		L,
+		z,
+		R,
+		T,
+		x,
+		S,
+		F.lastUpdate.floating
+	]), V = l(() => ({
+		popupManager: F,
+		multi: x,
+		multiExpanded: S,
+		popups: F.get("left"),
+		popupIds: F.get("left").map((e) => e.id),
+		popupActiveIds: F.get("left").filter((e) => e.active).map((e) => e.id),
+		limitMode: T,
+		addPopup: L,
+		existsPopup: z,
+		removePopup: R
+	}), [
+		L,
+		z,
+		R,
+		T,
+		x,
+		S,
+		F.lastUpdate.left
+	]), H = l(() => ({
+		popupManager: F,
+		multi: x,
+		multiExpanded: S,
+		popups: F.get("right"),
+		popupIds: F.get("right").map((e) => e.id),
+		popupActiveIds: F.get("right").filter((e) => e.active).map((e) => e.id),
+		limitMode: T,
+		addPopup: L,
+		existsPopup: z,
+		removePopup: R
+	}), [
+		L,
+		z,
+		R,
+		T,
+		x,
+		S,
+		F.lastUpdate.right
+	]);
 	return /* @__PURE__ */ f(t, {
-		value: l(() => ({
-			popupManager: F,
-			multi: x,
-			multiExpanded: S,
-			popups: F.get("floating"),
-			popupIds: F.get("floating").map((e) => e.id),
-			popupActiveIds: F.get("floating").filter((e) => e.active).map((e) => e.id),
-			limitMode: T,
-			addPopup: L,
-			existsPopup: z,
-			removePopup: R
-		}), [
-			L,
-			z,
-			R,
-			T,
-			x,
-			S,
-			F.lastUpdate.floating
-		]),
+		value: B,
 		children: /* @__PURE__ */ f(n, {
-			value: l(() => ({
-				popupManager: F,
-				multi: x,
-				multiExpanded: S,
-				popups: F.get("left"),
-				popupIds: F.get("left").map((e) => e.id),
-				popupActiveIds: F.get("left").filter((e) => e.active).map((e) => e.id),
-				limitMode: T,
-				addPopup: L,
-				existsPopup: z,
-				removePopup: R
-			}), [
-				L,
-				z,
-				R,
-				T,
-				x,
-				S,
-				F.lastUpdate.left
-			]),
+			value: V,
 			children: /* @__PURE__ */ p(r, {
-				value: l(() => ({
-					popupManager: F,
-					multi: x,
-					multiExpanded: S,
-					popups: F.get("right"),
-					popupIds: F.get("right").map((e) => e.id),
-					popupActiveIds: F.get("right").filter((e) => e.active).map((e) => e.id),
-					limitMode: T,
-					addPopup: L,
-					existsPopup: z,
-					removePopup: R
-				}), [
-					L,
-					z,
-					R,
-					T,
-					x,
-					S,
-					F.lastUpdate.right
-				]),
+				value: H,
 				children: [
 					v && !!F.getCount("left") && /* @__PURE__ */ f(i, {
 						placement: "left",

package/dist/components/Provider/providers/ThemeProvider/ThemeProvider.js

@@ -37,19 +37,19 @@ var c = ({ children: t, components: c, defaultColorMode: l = "light", colorModeS
 		if (!p && (h(e), u)) try {
 			localStorage.setItem(u, e);
 		} catch {}
-	}, [p, u]);
+	}, [p, u]), v = i(() => ({
+		theme: { components: c && Object.keys(c).length > 0 ? c : {} },
+		colorMode: m,
+		toggleColorMode: g,
+		setColorMode: _
+	}), [
+		c,
+		m,
+		g,
+		_
+	]);
 	return /* @__PURE__ */ o(s, {
-		value: i(() => ({
-			theme: { components: c && Object.keys(c).length > 0 ? c : {} },
-			colorMode: m,
-			toggleColorMode: g,
-			setColorMode: _
-		}), [
-			c,
-			m,
-			g,
-			_
-		]),
+		value: v,
 		children: t
 	});
 };

package/dist/components/QueryBuilder/QueryBuilderProvider.js

@@ -71,37 +71,37 @@ var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSub
 			if (i = S(n, a), !i || (i.rules.splice(i.rules.findIndex((e) => e.id === t), 1), i.rules.length < 2 && i.combinator !== "and" && (i.combinator = "and"), i.rules.length > 0 || !a)) break;
 			r = i;
 		}
-	})), [v, S]);
+	})), [v, S]), j = o(() => ({
+		addGroup: w,
+		addRule: C,
+		update: T,
+		updateCombinator: E,
+		updateEnabled: D,
+		updateRuleOperator: O,
+		updateRuleValue: k,
+		remove: A,
+		fields: p,
+		allowDisableRules: m,
+		allowSubGroups: h,
+		combinators: g,
+		error: _
+	}), [
+		w,
+		C,
+		T,
+		E,
+		D,
+		O,
+		k,
+		A,
+		p,
+		m,
+		h,
+		g,
+		_
+	]);
 	return /* @__PURE__ */ c(r, {
-		value: o(() => ({
-			addGroup: w,
-			addRule: C,
-			update: T,
-			updateCombinator: E,
-			updateEnabled: D,
-			updateRuleOperator: O,
-			updateRuleValue: k,
-			remove: A,
-			fields: p,
-			allowDisableRules: m,
-			allowSubGroups: h,
-			combinators: g,
-			error: _
-		}), [
-			w,
-			C,
-			T,
-			E,
-			D,
-			O,
-			k,
-			A,
-			p,
-			m,
-			h,
-			g,
-			_
-		]),
+		value: j,
 		children: d
 	});
 };

package/dist/components/QueryBuilder/RuleValue.js

@@ -6,7 +6,13 @@ import { useCallback as i, useMemo as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/QueryBuilder/RuleValue.tsx
 var c = [], l = ({ className: l = "", valuePosition: u, value: d = "", options: f = c, placeholder: p = "Enter a value", type: m = "text", error: h = !1, size: g, disabled: _, validator: v, onChange: y }) => {
-	let [b, x] = o(h), S = i((e) => y?.(e.target.checked), [y]), C = a(() => Number.isInteger(u) && typeof d == "string" ? e(d.split(","), `${u}`, d) : d, [d, u]), w = i((e) => {
+	let [b, x] = o(h), S = i((e) => y?.(e.target.checked), [y]), C = a(() => {
+		if (Number.isInteger(u) && typeof d == "string") {
+			let t = d.split(",");
+			return e(t, `${u}`, d);
+		}
+		return d;
+	}, [d, u]), w = i((e) => {
 		if (e.includes(",") && Number.isInteger(u)) return;
 		if (u && Number.isInteger(u) && typeof d == "string") {
 			let t = d.split(",");

package/dist/components/QueryBuilder/helpers/QueryBuilderEvaluator.js

@@ -21,11 +21,7 @@ var o = (e) => {
 		combinator: t,
 		enabled: n
 	};
-}, s = (e, t = "json") => {
-	switch (t) {
-		default: return o(e);
-	}
-}, c = (e, t) => typeof e == "boolean" && typeof t == "string" ? (t = t.toLowerCase(), t = t === "true" || t === "1", e === t) : typeof e == "string" && typeof t == "boolean" ? (e = e.toLowerCase(), e = e === "true" || e === "1", e === t) : (typeof e == "number" && (e = `${e}`), typeof t == "number" && (t = `${t}`), e === t), l = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) > parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t > e) : t > e, u = (e, t) => l(e, t) || c(e, t), d = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) < parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t < e) : t < e, f = (e, t) => d(e, t) || c(e, t), p = (e, t) => typeof e == "string" && typeof t == "string" && t.toLowerCase().includes(e.toLowerCase()), m = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().startsWith(e.toLowerCase()), h = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().endsWith(e.toLowerCase()), g = (e) => {
+}, s = (e, t = "json") => o(e), c = (e, t) => typeof e == "boolean" && typeof t == "string" ? (t = t.toLowerCase(), t = t === "true" || t === "1", e === t) : typeof e == "string" && typeof t == "boolean" ? (e = e.toLowerCase(), e = e === "true" || e === "1", e === t) : (typeof e == "number" && (e = `${e}`), typeof t == "number" && (t = `${t}`), e === t), l = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) > parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t > e) : t > e, u = (e, t) => l(e, t) || c(e, t), d = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) < parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t < e) : t < e, f = (e, t) => d(e, t) || c(e, t), p = (e, t) => typeof e == "string" && typeof t == "string" && t.toLowerCase().includes(e.toLowerCase()), m = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().startsWith(e.toLowerCase()), h = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().endsWith(e.toLowerCase()), g = (e) => {
 	switch (typeof e) {
 		case "boolean":
 		case "number":

package/dist/components/Sidebar/SidebarProvider.js

@@ -2,9 +2,12 @@ import e from "./SidebarContext.js";
 import { useMemo as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Sidebar/SidebarProvider.tsx
-var r = ({ children: r, onChange: i }) => /* @__PURE__ */ n(e, {
-	value: t(() => ({ onChange: i }), [i]),
-	children: r
-});
+var r = ({ children: r, onChange: i }) => {
+	let a = t(() => ({ onChange: i }), [i]);
+	return /* @__PURE__ */ n(e, {
+		value: a,
+		children: r
+	});
+};
 //#endregion
 export { r as default };

package/dist/components/Switch/Switch.js

@@ -24,9 +24,9 @@ var c = r(({ ref: r, children: c, id: l, className: u = "", value: d, label: f =
 			disabled: p,
 			error: !!_
 		}
-	});
+	}), x = i(() => e(b, ["switch", "slide"]), [b]);
 	return /* @__PURE__ */ o(n, {
-		className: i(() => e(b, ["switch", "slide"]), [b]),
+		className: x,
 		id: l,
 		label: f,
 		error: _,

package/dist/components/TextArea/TextArea.js

@@ -24,7 +24,7 @@ var l = Object.assign(i(({ ref: n, className: i = "", id: l, children: u, label:
 		}
 	}), C = o(() => e(S, ["input"]), [S]), w = a((e) => {
 		b?.(e.target.value);
-	}, [b]);
+	}, [b]), T = a(() => b?.(""), [b]);
 	return /* @__PURE__ */ c(r, {
 		className: C,
 		id: l,
@@ -36,7 +36,7 @@ var l = Object.assign(i(({ ref: n, className: i = "", id: l, children: u, label:
 		loading: p,
 		clearable: h,
 		value: v,
-		onClear: a(() => b?.(""), [b]),
+		onClear: T,
 		children: [u, /* @__PURE__ */ s("textarea", {
 			ref: n,
 			id: l,

package/dist/components/Toast/ToastProvider.js

@@ -20,9 +20,9 @@ var c = ({ children: c, classNameToast: l = "", classNameContainer: u = "", isFi
 			icon: c,
 			containerId: p
 		});
-	}, [l, p]);
+	}, [l, p]), h = n(() => ({ addToast: m }), [m]);
 	return /* @__PURE__ */ i(e, {
-		value: n(() => ({ addToast: m }), [m]),
+		value: h,
 		children: [/* @__PURE__ */ r(o, {
 			containerId: p,
 			pauseOnFocusLoss: !1,

package/dist/helpers/formatDate.js

@@ -3,6 +3,10 @@ import { getTime as e, isValid as t, parse as n, parseISO as r } from "date-fns"
 var i = (t) => {
 	let n;
 	return n = typeof t == "number" ? t < 0xe8d4a51000 ? /* @__PURE__ */ new Date(t * 1e3) : new Date(t) : typeof t == "string" ? r(t) : t, Math.floor(e(n) / 1e3).toString();
-}, a = (e) => typeof e != "string" || !/^\d{4}-\d{2}-\d{2}$/.test(e) ? !1 : t(n(e, "yyyy-MM-dd", /* @__PURE__ */ new Date()));
+}, a = (e) => {
+	if (typeof e != "string" || !/^\d{4}-\d{2}-\d{2}$/.test(e)) return !1;
+	let r = n(e, "yyyy-MM-dd", /* @__PURE__ */ new Date());
+	return t(r);
+};
 //#endregion
 export { a as isDate, i as toUnixSeconds };

package/dist/helpers/lodash/throttle.js

@@ -1,9 +1,10 @@
 import { debounce as e } from "./debounce.js";
 //#region src/helpers/lodash/throttle.ts
 function t(t, n = 0, r = {}) {
+	let i = r.leading ?? !0, a = r.trailing ?? !0;
 	return e(t, n, {
-		leading: r.leading ?? !0,
-		trailing: r.trailing ?? !0,
+		leading: i,
+		trailing: a,
 		maxWait: n
 	});
 }

package/dist/hooks/useStorage/useStorageHelper.js

@@ -11,7 +11,7 @@ var e = (e, t, n) => {
 		oldValue: t,
 		newValue: n
 	} }));
-}, t = 3600 * 24 * 365, n = () => {
+}, t = 31536e3, n = () => {
 	let e = {};
 	if (typeof document > "u" || !document.cookie) return e;
 	for (let t of document.cookie.split(";")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/plitzi-ui",
-  "version": "1.6.18",
+  "version": "1.6.19",
   "homepage": "./",
   "license": "Apache-2.0",
   "files": [
@@ -98,8 +98,8 @@
     "@codemirror/search": "^6.7.1",
     "@codemirror/state": "^6.7.1",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.6",
-    "@hookform/resolvers": "^5.4.0",
+    "@codemirror/view": "^6.43.7",
+    "@hookform/resolvers": "^5.6.0",
     "@uiw/color-convert": "^2.10.3",
     "@uiw/react-color-sketch": "^2.10.3",
     "class-variance-authority": "^0.7.1",
@@ -108,7 +108,7 @@
     "immer": "^11.1.15",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "react-hook-form": "^7.82.0",
+    "react-hook-form": "^7.84.0",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.1",
     "react-toastify": "^11.1.0",
@@ -125,25 +125,25 @@
     "@eslint/js": "^10.0.1",
     "@storybook/addon-actions": "^9.0.8",
     "@storybook/addon-controls": "^9.0.8",
-    "@storybook/addon-links": "^10.5.3",
+    "@storybook/addon-links": "^10.5.5",
     "@storybook/addon-styling-webpack": "^3.0.2",
-    "@storybook/react": "^10.5.3",
-    "@storybook/react-vite": "^10.5.3",
+    "@storybook/react": "^10.5.5",
+    "@storybook/react-vite": "^10.5.5",
     "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/postcss": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
-    "@types/lodash": "^4.17.24",
+    "@types/lodash": "^4.17.25",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
     "@types/react-color": "^3.0.13",
-    "@types/react-dom": "^19.2.3",
+    "@types/react-dom": "^19.2.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^6.0.4",
+    "@vitejs/plugin-react": "^6.0.5",
     "cssnano": "^8.0.2",
     "eslint": "^9.39.5",
     "eslint-plugin-import": "^2.32.0",
@@ -151,24 +151,24 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.3",
-    "flow-bin": "^0.323.0",
-    "globals": "^17.7.0",
-    "jsdom": "^29.1.1",
+    "eslint-plugin-storybook": "^10.5.5",
+    "flow-bin": "^0.325.0",
+    "globals": "^17.8.0",
+    "jsdom": "^30.0.1",
     "lodash": "^4.18.1",
     "lodash-es": "^4.18.1",
-    "postcss": "^8.5.22",
+    "postcss": "^8.5.25",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.9.6",
-    "sass": "^1.101.7",
-    "storybook": "^10.5.3",
+    "sass": "^1.102.0",
+    "storybook": "^10.5.5",
     "stylelint": "^17.14.1",
     "stylelint-order": "^8.1.1",
     "stylelint-scss": "^7.2.0",
     "tailwindcss": "4.3.3",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.65.0",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-static-copy": "^4.1.1",
     "vitest": "^4.1.10",