@mantine/hooks 9.4.0 → 9.4.1

package/cjs/use-map/use-map.cjs

@@ -1,25 +1,25 @@
 "use client";
-const require_use_force_update = require("../use-force-update/use-force-update.cjs");
 let react = require("react");
 //#region packages/@mantine/hooks/src/use-map/use-map.ts
 function useMap(initialState) {
-	const mapRef = (0, react.useRef)(new Map(initialState));
-	const forceUpdate = require_use_force_update.useForceUpdate();
-	mapRef.current.set = (...args) => {
+	const [map, setMap] = (0, react.useState)(() => new Map(initialState));
+	const mapRef = (0, react.useRef)(map);
+	mapRef.current = map;
+	map.set = (...args) => {
 		Map.prototype.set.apply(mapRef.current, args);
-		forceUpdate();
+		setMap(new Map(mapRef.current));
 		return mapRef.current;
 	};
-	mapRef.current.clear = (...args) => {
+	map.clear = (...args) => {
 		Map.prototype.clear.apply(mapRef.current, args);
-		forceUpdate();
+		setMap(new Map(mapRef.current));
 	};
-	mapRef.current.delete = (...args) => {
+	map.delete = (...args) => {
 		const res = Map.prototype.delete.apply(mapRef.current, args);
-		forceUpdate();
+		setMap(new Map(mapRef.current));
 		return res;
 	};
-	return mapRef.current;
+	return map;
 }
 //#endregion
 exports.useMap = useMap;

package/cjs/use-map/use-map.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-map.cjs","names":["useForceUpdate"],"sources":["../../src/use-map/use-map.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function useMap<T, V>(initialState?: [T, V][]): Map<T, V> {\n  const mapRef = useRef(new Map<T, V>(initialState));\n  const forceUpdate = useForceUpdate();\n\n  mapRef.current.set = (...args) => {\n    Map.prototype.set.apply(mapRef.current, args);\n    forceUpdate();\n    return mapRef.current;\n  };\n\n  mapRef.current.clear = (...args) => {\n    Map.prototype.clear.apply(mapRef.current, args);\n    forceUpdate();\n  };\n\n  mapRef.current.delete = (...args) => {\n    const res = Map.prototype.delete.apply(mapRef.current, args);\n    forceUpdate();\n\n    return res;\n  };\n\n  return mapRef.current;\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAa,cAAoC;CAC/D,MAAM,UAAA,GAAA,MAAA,OAAA,CAAgB,IAAI,IAAU,YAAY,CAAC;CACjD,MAAM,cAAcA,yBAAAA,eAAe;CAEnC,OAAO,QAAQ,OAAO,GAAG,SAAS;EAChC,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EAC5C,YAAY;EACZ,OAAO,OAAO;CAChB;CAEA,OAAO,QAAQ,SAAS,GAAG,SAAS;EAClC,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,YAAY;CACd;CAEA,OAAO,QAAQ,UAAU,GAAG,SAAS;EACnC,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,YAAY;EAEZ,OAAO;CACT;CAEA,OAAO,OAAO;AAChB"}
+{"version":3,"file":"use-map.cjs","names":[],"sources":["../../src/use-map/use-map.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nexport function useMap<T, V>(initialState?: [T, V][]): Map<T, V> {\n  const [map, setMap] = useState(() => new Map<T, V>(initialState));\n  const mapRef = useRef(map);\n  mapRef.current = map;\n\n  map.set = (...args) => {\n    Map.prototype.set.apply(mapRef.current, args);\n    setMap(new Map(mapRef.current));\n    return mapRef.current;\n  };\n\n  map.clear = (...args) => {\n    Map.prototype.clear.apply(mapRef.current, args);\n    setMap(new Map(mapRef.current));\n  };\n\n  map.delete = (...args) => {\n    const res = Map.prototype.delete.apply(mapRef.current, args);\n    setMap(new Map(mapRef.current));\n\n    return res;\n  };\n\n  return map;\n}\n"],"mappings":";;;AAEA,SAAgB,OAAa,cAAoC;CAC/D,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,SAAA,OAAyB,IAAI,IAAU,YAAY,CAAC;CAChE,MAAM,UAAA,GAAA,MAAA,OAAA,CAAgB,GAAG;CACzB,OAAO,UAAU;CAEjB,IAAI,OAAO,GAAG,SAAS;EACrB,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EAC5C,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAC9B,OAAO,OAAO;CAChB;CAEA,IAAI,SAAS,GAAG,SAAS;EACvB,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;CAChC;CAEA,IAAI,UAAU,GAAG,SAAS;EACxB,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAE9B,OAAO;CACT;CAEA,OAAO;AACT"}

package/cjs/use-set/use-set.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_use_force_update = require("../use-force-update/use-force-update.cjs");
 let react = require("react");
 //#region packages/@mantine/hooks/src/use-set/use-set.ts
 function readonlySetLikeToSet(input) {
@@ -14,28 +13,29 @@ function readonlySetLikeToSet(input) {
 	return result;
 }
 function useSet(values) {
-	const setRef = (0, react.useRef)(new Set(values));
-	const forceUpdate = require_use_force_update.useForceUpdate();
-	setRef.current.add = (...args) => {
+	const [set, setSet] = (0, react.useState)(() => new Set(values));
+	const setRef = (0, react.useRef)(set);
+	setRef.current = set;
+	set.add = (...args) => {
 		const res = Set.prototype.add.apply(setRef.current, args);
-		forceUpdate();
+		setSet(new Set(setRef.current));
 		return res;
 	};
-	setRef.current.clear = (...args) => {
+	set.clear = (...args) => {
 		Set.prototype.clear.apply(setRef.current, args);
-		forceUpdate();
+		setSet(new Set(setRef.current));
 	};
-	setRef.current.delete = (...args) => {
+	set.delete = (...args) => {
 		const res = Set.prototype.delete.apply(setRef.current, args);
-		forceUpdate();
+		setSet(new Set(setRef.current));
 		return res;
 	};
-	setRef.current.union = (other) => {
+	set.union = (other) => {
 		const result = new Set(setRef.current);
 		readonlySetLikeToSet(other).forEach((item) => result.add(item));
 		return result;
 	};
-	setRef.current.intersection = (other) => {
+	set.intersection = (other) => {
 		const result = /* @__PURE__ */ new Set();
 		const otherSet = readonlySetLikeToSet(other);
 		setRef.current.forEach((item) => {
@@ -43,7 +43,7 @@ function useSet(values) {
 		});
 		return result;
 	};
-	setRef.current.difference = (other) => {
+	set.difference = (other) => {
 		const result = /* @__PURE__ */ new Set();
 		const otherSet = readonlySetLikeToSet(other);
 		setRef.current.forEach((item) => {
@@ -51,7 +51,7 @@ function useSet(values) {
 		});
 		return result;
 	};
-	setRef.current.symmetricDifference = (other) => {
+	set.symmetricDifference = (other) => {
 		const result = /* @__PURE__ */ new Set();
 		const otherSet = readonlySetLikeToSet(other);
 		setRef.current.forEach((item) => {
@@ -62,7 +62,7 @@ function useSet(values) {
 		});
 		return result;
 	};
-	return setRef.current;
+	return set;
 }
 //#endregion
 exports.useSet = useSet;

package/cjs/use-set/use-set.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-set.cjs","names":["useForceUpdate"],"sources":["../../src/use-set/use-set.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function readonlySetLikeToSet<T>(input: ReadonlySetLike<T>): Set<T> {\n  if (input instanceof Set) {\n    return input;\n  }\n  const result = new Set<T>();\n  const iterator = input.keys();\n  let next = iterator.next();\n  while (!next.done) {\n    result.add(next.value);\n    next = iterator.next();\n  }\n  return result;\n}\n\nexport function useSet<T>(values?: T[]): Set<T> {\n  const setRef = useRef(new Set(values));\n  const forceUpdate = useForceUpdate();\n\n  setRef.current.add = (...args) => {\n    const res = Set.prototype.add.apply(setRef.current, args);\n    forceUpdate();\n    return res;\n  };\n\n  setRef.current.clear = (...args) => {\n    Set.prototype.clear.apply(setRef.current, args);\n    forceUpdate();\n  };\n\n  setRef.current.delete = (...args) => {\n    const res = Set.prototype.delete.apply(setRef.current, args);\n    forceUpdate();\n    return res;\n  };\n\n  setRef.current.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>(setRef.current as Set<T>);\n    readonlySetLikeToSet(other).forEach((item) => result.add(item));\n    return result;\n  };\n\n  setRef.current.intersection = <U>(other: ReadonlySetLike<U>): Set<T & U> => {\n    const result = new Set<T & U>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (otherSet.has(item as any)) {\n        result.add(item as T & U);\n      }\n    });\n    return result;\n  };\n\n  setRef.current.difference = <U>(other: ReadonlySetLike<U>): Set<T> => {\n    const result = new Set<T>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n    return result;\n  };\n\n  setRef.current.symmetricDifference = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>();\n    const otherSet = readonlySetLikeToSet(other);\n\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    otherSet.forEach((item) => {\n      if (!setRef.current.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    return result;\n  };\n\n  return setRef.current;\n}\n"],"mappings":";;;;AAGA,SAAgB,qBAAwB,OAAmC;CACzE,IAAI,iBAAiB,KACnB,OAAO;CAET,MAAM,yBAAS,IAAI,IAAO;CAC1B,MAAM,WAAW,MAAM,KAAK;CAC5B,IAAI,OAAO,SAAS,KAAK;CACzB,OAAO,CAAC,KAAK,MAAM;EACjB,OAAO,IAAI,KAAK,KAAK;EACrB,OAAO,SAAS,KAAK;CACvB;CACA,OAAO;AACT;AAEA,SAAgB,OAAU,QAAsB;CAC9C,MAAM,UAAA,GAAA,MAAA,OAAA,CAAgB,IAAI,IAAI,MAAM,CAAC;CACrC,MAAM,cAAcA,yBAAAA,eAAe;CAEnC,OAAO,QAAQ,OAAO,GAAG,SAAS;EAChC,MAAM,MAAM,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EACxD,YAAY;EACZ,OAAO;CACT;CAEA,OAAO,QAAQ,SAAS,GAAG,SAAS;EAClC,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,YAAY;CACd;CAEA,OAAO,QAAQ,UAAU,GAAG,SAAS;EACnC,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,YAAY;EACZ,OAAO;CACT;CAEA,OAAO,QAAQ,SAAY,UAA0C;EACnE,MAAM,SAAS,IAAI,IAAW,OAAO,OAAiB;EACtD,qBAAqB,KAAK,CAAC,CAAC,SAAS,SAAS,OAAO,IAAI,IAAI,CAAC;EAC9D,OAAO;CACT;CAEA,OAAO,QAAQ,gBAAmB,UAA0C;EAC1E,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,SAAS,IAAI,IAAW,GAC1B,OAAO,IAAI,IAAa;EAE5B,CAAC;EACD,OAAO;CACT;CAEA,OAAO,QAAQ,cAAiB,UAAsC;EACpE,MAAM,yBAAS,IAAI,IAAO;EAC1B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EACD,OAAO;CACT;CAEA,OAAO,QAAQ,uBAA0B,UAA0C;EACjF,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAE3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,SAAS,SAAS,SAAS;GACzB,IAAI,CAAC,OAAO,QAAQ,IAAI,IAAW,GACjC,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,OAAO;CACT;CAEA,OAAO,OAAO;AAChB"}
+{"version":3,"file":"use-set.cjs","names":[],"sources":["../../src/use-set/use-set.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nexport function readonlySetLikeToSet<T>(input: ReadonlySetLike<T>): Set<T> {\n  if (input instanceof Set) {\n    return input;\n  }\n  const result = new Set<T>();\n  const iterator = input.keys();\n  let next = iterator.next();\n  while (!next.done) {\n    result.add(next.value);\n    next = iterator.next();\n  }\n  return result;\n}\n\nexport function useSet<T>(values?: T[]): Set<T> {\n  const [set, setSet] = useState(() => new Set(values));\n  const setRef = useRef(set);\n  setRef.current = set;\n\n  set.add = (...args) => {\n    const res = Set.prototype.add.apply(setRef.current, args);\n    setSet(new Set(setRef.current));\n    return res;\n  };\n\n  set.clear = (...args) => {\n    Set.prototype.clear.apply(setRef.current, args);\n    setSet(new Set(setRef.current));\n  };\n\n  set.delete = (...args) => {\n    const res = Set.prototype.delete.apply(setRef.current, args);\n    setSet(new Set(setRef.current));\n    return res;\n  };\n\n  set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>(setRef.current as Set<T>);\n    readonlySetLikeToSet(other).forEach((item) => result.add(item));\n    return result;\n  };\n\n  set.intersection = <U>(other: ReadonlySetLike<U>): Set<T & U> => {\n    const result = new Set<T & U>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (otherSet.has(item as any)) {\n        result.add(item as T & U);\n      }\n    });\n    return result;\n  };\n\n  set.difference = <U>(other: ReadonlySetLike<U>): Set<T> => {\n    const result = new Set<T>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n    return result;\n  };\n\n  set.symmetricDifference = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>();\n    const otherSet = readonlySetLikeToSet(other);\n\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    otherSet.forEach((item) => {\n      if (!setRef.current.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    return result;\n  };\n\n  return set;\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAwB,OAAmC;CACzE,IAAI,iBAAiB,KACnB,OAAO;CAET,MAAM,yBAAS,IAAI,IAAO;CAC1B,MAAM,WAAW,MAAM,KAAK;CAC5B,IAAI,OAAO,SAAS,KAAK;CACzB,OAAO,CAAC,KAAK,MAAM;EACjB,OAAO,IAAI,KAAK,KAAK;EACrB,OAAO,SAAS,KAAK;CACvB;CACA,OAAO;AACT;AAEA,SAAgB,OAAU,QAAsB;CAC9C,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,SAAA,OAAyB,IAAI,IAAI,MAAM,CAAC;CACpD,MAAM,UAAA,GAAA,MAAA,OAAA,CAAgB,GAAG;CACzB,OAAO,UAAU;CAEjB,IAAI,OAAO,GAAG,SAAS;EACrB,MAAM,MAAM,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EACxD,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAC9B,OAAO;CACT;CAEA,IAAI,SAAS,GAAG,SAAS;EACvB,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;CAChC;CAEA,IAAI,UAAU,GAAG,SAAS;EACxB,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAC9B,OAAO;CACT;CAEA,IAAI,SAAY,UAA0C;EACxD,MAAM,SAAS,IAAI,IAAW,OAAO,OAAiB;EACtD,qBAAqB,KAAK,CAAC,CAAC,SAAS,SAAS,OAAO,IAAI,IAAI,CAAC;EAC9D,OAAO;CACT;CAEA,IAAI,gBAAmB,UAA0C;EAC/D,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,SAAS,IAAI,IAAW,GAC1B,OAAO,IAAI,IAAa;EAE5B,CAAC;EACD,OAAO;CACT;CAEA,IAAI,cAAiB,UAAsC;EACzD,MAAM,yBAAS,IAAI,IAAO;EAC1B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EACD,OAAO;CACT;CAEA,IAAI,uBAA0B,UAA0C;EACtE,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAE3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,SAAS,SAAS,SAAS;GACzB,IAAI,CAAC,OAAO,QAAQ,IAAI,IAAW,GACjC,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,OAAO;CACT;CAEA,OAAO;AACT"}

package/esm/use-map/use-map.mjs

@@ -1,25 +1,25 @@
 "use client";
-import { useForceUpdate } from "../use-force-update/use-force-update.mjs";
-import { useRef } from "react";
+import { useRef, useState } from "react";
 //#region packages/@mantine/hooks/src/use-map/use-map.ts
 function useMap(initialState) {
-	const mapRef = useRef(new Map(initialState));
-	const forceUpdate = useForceUpdate();
-	mapRef.current.set = (...args) => {
+	const [map, setMap] = useState(() => new Map(initialState));
+	const mapRef = useRef(map);
+	mapRef.current = map;
+	map.set = (...args) => {
 		Map.prototype.set.apply(mapRef.current, args);
-		forceUpdate();
+		setMap(new Map(mapRef.current));
 		return mapRef.current;
 	};
-	mapRef.current.clear = (...args) => {
+	map.clear = (...args) => {
 		Map.prototype.clear.apply(mapRef.current, args);
-		forceUpdate();
+		setMap(new Map(mapRef.current));
 	};
-	mapRef.current.delete = (...args) => {
+	map.delete = (...args) => {
 		const res = Map.prototype.delete.apply(mapRef.current, args);
-		forceUpdate();
+		setMap(new Map(mapRef.current));
 		return res;
 	};
-	return mapRef.current;
+	return map;
 }
 //#endregion
 export { useMap };

package/esm/use-map/use-map.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-map.mjs","names":[],"sources":["../../src/use-map/use-map.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function useMap<T, V>(initialState?: [T, V][]): Map<T, V> {\n  const mapRef = useRef(new Map<T, V>(initialState));\n  const forceUpdate = useForceUpdate();\n\n  mapRef.current.set = (...args) => {\n    Map.prototype.set.apply(mapRef.current, args);\n    forceUpdate();\n    return mapRef.current;\n  };\n\n  mapRef.current.clear = (...args) => {\n    Map.prototype.clear.apply(mapRef.current, args);\n    forceUpdate();\n  };\n\n  mapRef.current.delete = (...args) => {\n    const res = Map.prototype.delete.apply(mapRef.current, args);\n    forceUpdate();\n\n    return res;\n  };\n\n  return mapRef.current;\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAa,cAAoC;CAC/D,MAAM,SAAS,OAAO,IAAI,IAAU,YAAY,CAAC;CACjD,MAAM,cAAc,eAAe;CAEnC,OAAO,QAAQ,OAAO,GAAG,SAAS;EAChC,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EAC5C,YAAY;EACZ,OAAO,OAAO;CAChB;CAEA,OAAO,QAAQ,SAAS,GAAG,SAAS;EAClC,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,YAAY;CACd;CAEA,OAAO,QAAQ,UAAU,GAAG,SAAS;EACnC,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,YAAY;EAEZ,OAAO;CACT;CAEA,OAAO,OAAO;AAChB"}
+{"version":3,"file":"use-map.mjs","names":[],"sources":["../../src/use-map/use-map.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nexport function useMap<T, V>(initialState?: [T, V][]): Map<T, V> {\n  const [map, setMap] = useState(() => new Map<T, V>(initialState));\n  const mapRef = useRef(map);\n  mapRef.current = map;\n\n  map.set = (...args) => {\n    Map.prototype.set.apply(mapRef.current, args);\n    setMap(new Map(mapRef.current));\n    return mapRef.current;\n  };\n\n  map.clear = (...args) => {\n    Map.prototype.clear.apply(mapRef.current, args);\n    setMap(new Map(mapRef.current));\n  };\n\n  map.delete = (...args) => {\n    const res = Map.prototype.delete.apply(mapRef.current, args);\n    setMap(new Map(mapRef.current));\n\n    return res;\n  };\n\n  return map;\n}\n"],"mappings":";;;AAEA,SAAgB,OAAa,cAAoC;CAC/D,MAAM,CAAC,KAAK,UAAU,eAAe,IAAI,IAAU,YAAY,CAAC;CAChE,MAAM,SAAS,OAAO,GAAG;CACzB,OAAO,UAAU;CAEjB,IAAI,OAAO,GAAG,SAAS;EACrB,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EAC5C,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAC9B,OAAO,OAAO;CAChB;CAEA,IAAI,SAAS,GAAG,SAAS;EACvB,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;CAChC;CAEA,IAAI,UAAU,GAAG,SAAS;EACxB,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAE9B,OAAO;CACT;CAEA,OAAO;AACT"}

package/esm/use-set/use-set.mjs

@@ -1,6 +1,5 @@
 "use client";
-import { useForceUpdate } from "../use-force-update/use-force-update.mjs";
-import { useRef } from "react";
+import { useRef, useState } from "react";
 //#region packages/@mantine/hooks/src/use-set/use-set.ts
 function readonlySetLikeToSet(input) {
 	if (input instanceof Set) return input;
@@ -14,28 +13,29 @@ function readonlySetLikeToSet(input) {
 	return result;
 }
 function useSet(values) {
-	const setRef = useRef(new Set(values));
-	const forceUpdate = useForceUpdate();
-	setRef.current.add = (...args) => {
+	const [set, setSet] = useState(() => new Set(values));
+	const setRef = useRef(set);
+	setRef.current = set;
+	set.add = (...args) => {
 		const res = Set.prototype.add.apply(setRef.current, args);
-		forceUpdate();
+		setSet(new Set(setRef.current));
 		return res;
 	};
-	setRef.current.clear = (...args) => {
+	set.clear = (...args) => {
 		Set.prototype.clear.apply(setRef.current, args);
-		forceUpdate();
+		setSet(new Set(setRef.current));
 	};
-	setRef.current.delete = (...args) => {
+	set.delete = (...args) => {
 		const res = Set.prototype.delete.apply(setRef.current, args);
-		forceUpdate();
+		setSet(new Set(setRef.current));
 		return res;
 	};
-	setRef.current.union = (other) => {
+	set.union = (other) => {
 		const result = new Set(setRef.current);
 		readonlySetLikeToSet(other).forEach((item) => result.add(item));
 		return result;
 	};
-	setRef.current.intersection = (other) => {
+	set.intersection = (other) => {
 		const result = /* @__PURE__ */ new Set();
 		const otherSet = readonlySetLikeToSet(other);
 		setRef.current.forEach((item) => {
@@ -43,7 +43,7 @@ function useSet(values) {
 		});
 		return result;
 	};
-	setRef.current.difference = (other) => {
+	set.difference = (other) => {
 		const result = /* @__PURE__ */ new Set();
 		const otherSet = readonlySetLikeToSet(other);
 		setRef.current.forEach((item) => {
@@ -51,7 +51,7 @@ function useSet(values) {
 		});
 		return result;
 	};
-	setRef.current.symmetricDifference = (other) => {
+	set.symmetricDifference = (other) => {
 		const result = /* @__PURE__ */ new Set();
 		const otherSet = readonlySetLikeToSet(other);
 		setRef.current.forEach((item) => {
@@ -62,7 +62,7 @@ function useSet(values) {
 		});
 		return result;
 	};
-	return setRef.current;
+	return set;
 }
 //#endregion
 export { useSet };

package/esm/use-set/use-set.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-set.mjs","names":[],"sources":["../../src/use-set/use-set.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function readonlySetLikeToSet<T>(input: ReadonlySetLike<T>): Set<T> {\n  if (input instanceof Set) {\n    return input;\n  }\n  const result = new Set<T>();\n  const iterator = input.keys();\n  let next = iterator.next();\n  while (!next.done) {\n    result.add(next.value);\n    next = iterator.next();\n  }\n  return result;\n}\n\nexport function useSet<T>(values?: T[]): Set<T> {\n  const setRef = useRef(new Set(values));\n  const forceUpdate = useForceUpdate();\n\n  setRef.current.add = (...args) => {\n    const res = Set.prototype.add.apply(setRef.current, args);\n    forceUpdate();\n    return res;\n  };\n\n  setRef.current.clear = (...args) => {\n    Set.prototype.clear.apply(setRef.current, args);\n    forceUpdate();\n  };\n\n  setRef.current.delete = (...args) => {\n    const res = Set.prototype.delete.apply(setRef.current, args);\n    forceUpdate();\n    return res;\n  };\n\n  setRef.current.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>(setRef.current as Set<T>);\n    readonlySetLikeToSet(other).forEach((item) => result.add(item));\n    return result;\n  };\n\n  setRef.current.intersection = <U>(other: ReadonlySetLike<U>): Set<T & U> => {\n    const result = new Set<T & U>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (otherSet.has(item as any)) {\n        result.add(item as T & U);\n      }\n    });\n    return result;\n  };\n\n  setRef.current.difference = <U>(other: ReadonlySetLike<U>): Set<T> => {\n    const result = new Set<T>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n    return result;\n  };\n\n  setRef.current.symmetricDifference = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>();\n    const otherSet = readonlySetLikeToSet(other);\n\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    otherSet.forEach((item) => {\n      if (!setRef.current.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    return result;\n  };\n\n  return setRef.current;\n}\n"],"mappings":";;;;AAGA,SAAgB,qBAAwB,OAAmC;CACzE,IAAI,iBAAiB,KACnB,OAAO;CAET,MAAM,yBAAS,IAAI,IAAO;CAC1B,MAAM,WAAW,MAAM,KAAK;CAC5B,IAAI,OAAO,SAAS,KAAK;CACzB,OAAO,CAAC,KAAK,MAAM;EACjB,OAAO,IAAI,KAAK,KAAK;EACrB,OAAO,SAAS,KAAK;CACvB;CACA,OAAO;AACT;AAEA,SAAgB,OAAU,QAAsB;CAC9C,MAAM,SAAS,OAAO,IAAI,IAAI,MAAM,CAAC;CACrC,MAAM,cAAc,eAAe;CAEnC,OAAO,QAAQ,OAAO,GAAG,SAAS;EAChC,MAAM,MAAM,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EACxD,YAAY;EACZ,OAAO;CACT;CAEA,OAAO,QAAQ,SAAS,GAAG,SAAS;EAClC,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,YAAY;CACd;CAEA,OAAO,QAAQ,UAAU,GAAG,SAAS;EACnC,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,YAAY;EACZ,OAAO;CACT;CAEA,OAAO,QAAQ,SAAY,UAA0C;EACnE,MAAM,SAAS,IAAI,IAAW,OAAO,OAAiB;EACtD,qBAAqB,KAAK,CAAC,CAAC,SAAS,SAAS,OAAO,IAAI,IAAI,CAAC;EAC9D,OAAO;CACT;CAEA,OAAO,QAAQ,gBAAmB,UAA0C;EAC1E,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,SAAS,IAAI,IAAW,GAC1B,OAAO,IAAI,IAAa;EAE5B,CAAC;EACD,OAAO;CACT;CAEA,OAAO,QAAQ,cAAiB,UAAsC;EACpE,MAAM,yBAAS,IAAI,IAAO;EAC1B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EACD,OAAO;CACT;CAEA,OAAO,QAAQ,uBAA0B,UAA0C;EACjF,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAE3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,SAAS,SAAS,SAAS;GACzB,IAAI,CAAC,OAAO,QAAQ,IAAI,IAAW,GACjC,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,OAAO;CACT;CAEA,OAAO,OAAO;AAChB"}
+{"version":3,"file":"use-set.mjs","names":[],"sources":["../../src/use-set/use-set.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nexport function readonlySetLikeToSet<T>(input: ReadonlySetLike<T>): Set<T> {\n  if (input instanceof Set) {\n    return input;\n  }\n  const result = new Set<T>();\n  const iterator = input.keys();\n  let next = iterator.next();\n  while (!next.done) {\n    result.add(next.value);\n    next = iterator.next();\n  }\n  return result;\n}\n\nexport function useSet<T>(values?: T[]): Set<T> {\n  const [set, setSet] = useState(() => new Set(values));\n  const setRef = useRef(set);\n  setRef.current = set;\n\n  set.add = (...args) => {\n    const res = Set.prototype.add.apply(setRef.current, args);\n    setSet(new Set(setRef.current));\n    return res;\n  };\n\n  set.clear = (...args) => {\n    Set.prototype.clear.apply(setRef.current, args);\n    setSet(new Set(setRef.current));\n  };\n\n  set.delete = (...args) => {\n    const res = Set.prototype.delete.apply(setRef.current, args);\n    setSet(new Set(setRef.current));\n    return res;\n  };\n\n  set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>(setRef.current as Set<T>);\n    readonlySetLikeToSet(other).forEach((item) => result.add(item));\n    return result;\n  };\n\n  set.intersection = <U>(other: ReadonlySetLike<U>): Set<T & U> => {\n    const result = new Set<T & U>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (otherSet.has(item as any)) {\n        result.add(item as T & U);\n      }\n    });\n    return result;\n  };\n\n  set.difference = <U>(other: ReadonlySetLike<U>): Set<T> => {\n    const result = new Set<T>();\n    const otherSet = readonlySetLikeToSet(other);\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n    return result;\n  };\n\n  set.symmetricDifference = <U>(other: ReadonlySetLike<U>): Set<T | U> => {\n    const result = new Set<T | U>();\n    const otherSet = readonlySetLikeToSet(other);\n\n    setRef.current.forEach((item) => {\n      if (!otherSet.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    otherSet.forEach((item) => {\n      if (!setRef.current.has(item as any)) {\n        result.add(item);\n      }\n    });\n\n    return result;\n  };\n\n  return set;\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAwB,OAAmC;CACzE,IAAI,iBAAiB,KACnB,OAAO;CAET,MAAM,yBAAS,IAAI,IAAO;CAC1B,MAAM,WAAW,MAAM,KAAK;CAC5B,IAAI,OAAO,SAAS,KAAK;CACzB,OAAO,CAAC,KAAK,MAAM;EACjB,OAAO,IAAI,KAAK,KAAK;EACrB,OAAO,SAAS,KAAK;CACvB;CACA,OAAO;AACT;AAEA,SAAgB,OAAU,QAAsB;CAC9C,MAAM,CAAC,KAAK,UAAU,eAAe,IAAI,IAAI,MAAM,CAAC;CACpD,MAAM,SAAS,OAAO,GAAG;CACzB,OAAO,UAAU;CAEjB,IAAI,OAAO,GAAG,SAAS;EACrB,MAAM,MAAM,IAAI,UAAU,IAAI,MAAM,OAAO,SAAS,IAAI;EACxD,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAC9B,OAAO;CACT;CAEA,IAAI,SAAS,GAAG,SAAS;EACvB,IAAI,UAAU,MAAM,MAAM,OAAO,SAAS,IAAI;EAC9C,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;CAChC;CAEA,IAAI,UAAU,GAAG,SAAS;EACxB,MAAM,MAAM,IAAI,UAAU,OAAO,MAAM,OAAO,SAAS,IAAI;EAC3D,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;EAC9B,OAAO;CACT;CAEA,IAAI,SAAY,UAA0C;EACxD,MAAM,SAAS,IAAI,IAAW,OAAO,OAAiB;EACtD,qBAAqB,KAAK,CAAC,CAAC,SAAS,SAAS,OAAO,IAAI,IAAI,CAAC;EAC9D,OAAO;CACT;CAEA,IAAI,gBAAmB,UAA0C;EAC/D,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,SAAS,IAAI,IAAW,GAC1B,OAAO,IAAI,IAAa;EAE5B,CAAC;EACD,OAAO;CACT;CAEA,IAAI,cAAiB,UAAsC;EACzD,MAAM,yBAAS,IAAI,IAAO;EAC1B,MAAM,WAAW,qBAAqB,KAAK;EAC3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EACD,OAAO;CACT;CAEA,IAAI,uBAA0B,UAA0C;EACtE,MAAM,yBAAS,IAAI,IAAW;EAC9B,MAAM,WAAW,qBAAqB,KAAK;EAE3C,OAAO,QAAQ,SAAS,SAAS;GAC/B,IAAI,CAAC,SAAS,IAAI,IAAW,GAC3B,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,SAAS,SAAS,SAAS;GACzB,IAAI,CAAC,OAAO,QAAQ,IAAI,IAAW,GACjC,OAAO,IAAI,IAAI;EAEnB,CAAC;EAED,OAAO;CACT;CAEA,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/hooks",
-  "version": "9.4.0",
+  "version": "9.4.1",
   "description": "A collection of 50+ hooks for state and UI management",
   "homepage": "https://mantine.dev",
   "license": "MIT",