@plitzi/plitzi-ui 1.6.17 → 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
 	});
 };